/* ================================================================
   EffiQ Theme — Contact
   Contact page 2-column grid, dark info panel, address boxes,
   sticky sidebar, and contact form card wrapper.
   Loaded on page-contact.php only.
================================================================ */

/* ── CONTACT CARD WRAPPER (from main.css) ───────────────────────── */
/* dark/light two-panel card containing the CF7 form */
.contact-card  { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--bd); border-radius: 20px; overflow: hidden; box-shadow: 0 8px 32px rgba(15,43,70,.06); }
@media(max-width:900px) { .contact-card { grid-template-columns: 1fr; } }
.contact-dk    { background: linear-gradient(135deg,#060D1F 0%,#0F2B46 55%,#1C1057 100%); padding: 64px 52px; position: relative; overflow: hidden; }
.contact-dk::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size: 40px 40px; }
.contact-lt    { padding: 64px 52px; background: var(--wh); }

/* ── PAGE-LEVEL LAYOUT (two-column: form + info panel) ─────────── */
.contact-layout { display: grid; grid-template-columns: 1fr 420px; gap: 64px; align-items: start; }
@media(max-width:960px) { .contact-layout { grid-template-columns: 1fr; } }

/* ── INFO PANEL ─────────────────────────────────────────────────── */
.contact-sidebar    { position: sticky; top: 88px; }
.contact-info-box   { background: var(--gy); border-radius: 16px; padding: 32px; margin-bottom: 20px; }
.contact-lbl        { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--lt); margin-bottom: 4px; }
.contact-field      { margin-bottom: 16px; }
.contact-field:last-child { margin-bottom: 0; }
.contact-addr       { font-size: 13px; color: var(--mid); margin: 0; line-height: 1.7; }
.contact-email-link { color: var(--bl); font-size: 14px; }
.contact-tel-link   { color: var(--mid); font-size: 14px; }

/* ── GRADIENT CTA BOX ───────────────────────────────────────────── */
.contact-cta-box    { background: linear-gradient(135deg,rgba(26,115,232,.06),rgba(107,79,211,.06)); border: 1px solid rgba(107,79,211,.15); border-radius: 16px; padding: 28px; }
.contact-cta-lbl    { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #A78BFA; margin-bottom: 10px; }

/* ── FORM SECTION SPACING ───────────────────────────────────────── */
.contact-layout .h3        { margin-bottom: 8px; }
.contact-layout > div > .sm { margin-bottom: 32px; }
.contact-info-box .h4      { margin-bottom: 20px; }
.contact-cta-box .h4       { margin-bottom: 10px; }
.contact-cta-box .sm       { margin-bottom: 16px; }