/* NKA Digital Solutions - Contact page only.
   Loaded by page-templates/template-contact.php after nka-global.css. Every rule is scoped to #pg-contact,
   so no other page is affected. Colors/radii come from the existing :root variables. */

#pg-contact .page-hero .cta-row{margin-top:26px}

/* contact method cards (1-4 cards, fills the row evenly) */
#pg-contact .cinfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
#pg-contact .cinfo .card{text-align:left}
#pg-contact .cinfo .card p a{color:var(--primary);font-weight:600;overflow-wrap:anywhere}
#pg-contact .cinfo .card p a:hover{text-decoration:underline}
#pg-contact .cinfo .cnote{font-style:italic}

/* form: the dark .audit look already styles label/input/select; these add what it lacks */
#pg-contact textarea{padding:11px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:15px;line-height:1.5;width:100%;min-height:150px;resize:vertical}
#pg-contact textarea::placeholder{color:#94a8c6}
#pg-contact textarea:focus{outline:2px solid var(--accent);border-color:transparent}
#pg-contact .consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.5}
#pg-contact .consent input{width:18px;height:18px;flex:none;margin-top:2px;padding:0;accent-color:var(--accent)}
#pg-contact .consent a{color:#6fe3e4;text-decoration:underline}
#pg-contact .consent input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#pg-contact .creq{grid-column:1/-1;font-size:13px;color:#c0cfe6}

/* validation + status messages (light text on the dark form, readable contrast) */
#pg-contact [aria-invalid="true"]{border-color:#ff9b9b}
#pg-contact .ferr{color:#ffb4b4;font-size:13px;font-weight:500}
#pg-contact .fsum{grid-column:1/-1;color:#ffd0d0;background:rgba(255,120,120,.12);border:1px solid rgba(255,155,155,.45);border-radius:8px;padding:12px 14px;font-size:14px}
#pg-contact .cdone{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:clamp(20px,3vw,28px)}
#pg-contact .cdone h3{color:#6fe3e4}
#pg-contact .cdone p{color:#dbe7f7}

/* spam honeypot: kept off-screen, never display:none (bots skip those) */
#pg-contact .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}