/* ============================================================
   CONTACT PAGE ONLY
   Requires base.css to be loaded first.
   ============================================================ */

.contact-panel{background:var(--navy-2);color:#fff;}
.contact-panel .head-block h2{color:#fff;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.info-row{display:flex;gap:12px;margin-bottom:14px;font-size:14px;color:#DCEBF4;}
.info-row b{color:#fff;display:block;font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:#9FCBE8;margin-bottom:2px;}

form.contact-form{display:grid;gap:14px;}
form.contact-form label{font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:#9FCBE8;margin-bottom:6px;display:block;}
form.contact-form input, form.contact-form select, form.contact-form textarea{
  width:100%;padding:11px 13px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.2);
  border-radius:3px;color:#fff;font-family:inherit;font-size:14px;
}
form.contact-form input::placeholder, form.contact-form textarea::placeholder{color:rgba(255,255,255,0.35);}
.kvkk-note{font-size:11.5px;color:#8FA3B3;margin-top:6px;}
#formMsg{display:none;margin-top:10px;font-size:13px;color:var(--sky);}
.form-error{display:none;margin-top:10px;font-size:13px;color:#E8A2A2;}

/* light-bg form variant, if the form ever moves onto a paper section */
.form-light input, .form-light select, .form-light textarea{background:var(--white);border:1px solid var(--line);color:var(--ink);}
.form-light input::placeholder, .form-light textarea::placeholder{color:#93A2AE;}
.form-light label{color:var(--brand);}

@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;}
}