/* =========================================================
   contact.css — contact/inquiry section, form states, and the
   "our company / affiliate" tabs
   Used by: index.html
   ========================================================= */

.contact{background:var(--blue-900);color:#fff;}
.contact .grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;}
.contact h2{font-size:26px;font-weight:800;margin-top:0;}
.contact .info-line{display:flex;gap:10px;margin-bottom:14px;font-size:14px;color:#cdd8ea;}
.contact .info-line b{color:#fff;min-width:56px;display:inline-block;}
.contact form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:26px;}
.contact form label{display:block;font-size:12.5px;margin-bottom:6px;color:#cdd8ea;font-weight:600;}
.req-tag{font-size:10.5px;font-weight:500;color:#e37b26;opacity:.9;}
.contact form input, .contact form textarea{
  width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);color:#fff;font-size:13.5px;margin-bottom:16px;font-family:inherit;
}
.contact form input.invalid, .contact form textarea.invalid{border-color:#e05a4e;}
.contact form button{
  width:100%;background:var(--orange);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:800;font-size:14px;cursor:pointer;
}
.contact form button:disabled{opacity:.6;cursor:not-allowed;}
.map-box{
  margin-top:18px;height:120px;border-radius:10px;border:1px dashed rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;font-size:12.5px;color:#9fb0cc;
}

/* ---------- contact tabs ---------- */
.contact-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.tab-btn{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#cdd8ea;
  padding:8px 18px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;transition:.2s;
}
.tab-btn:hover{border-color:rgba(255,255,255,.4);}
.tab-btn.active{background:var(--orange);color:#fff;border-color:var(--orange);}
.affiliate-card{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;
  padding:18px;margin-bottom:14px;
}
.affiliate-card:last-child{margin-bottom:0;}
.affiliate-card h4{margin:0 0 10px;color:#fff;font-size:14.5px;font-weight:800;}