/* DASC MOB DESIGN — page styles: contact
   Shared components (lightbox, filter buttons, page-hero light theme,
   form messages) live in assets/css/main.css. */

.contact-main { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: start; }
.contact-side-card { background: var(--bg-card); border: 1px solid var(--border); padding: 40px; margin-bottom: 24px; }
.contact-side-title { font-family: var(--font-heading); font-size: 0.72rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; }
.contact-detail { display: flex; gap: 16px; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid var(--border); }
.contact-detail:last-child { border-bottom: none; }
.contact-detail-icon { width: 40px; height: 40px; background: rgba(200,169,110,0.08); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.contact-detail-icon svg { width: 17px; height: 17px; fill: none; stroke: var(--gold); stroke-width: 1.5; }
.contact-detail-label { font-family: var(--font-heading); font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 5px; }
.contact-detail-value { font-size: 0.95rem; color: var(--text); }
.contact-detail-value a { color: var(--text); text-decoration: none; transition: color var(--transition); }
.contact-detail-value a:hover { color: var(--gold); }
.contact-form-card { background: var(--bg-card); border: 1px solid var(--border); padding: 48px; }
@media(max-width:900px){ .contact-main{grid-template-columns:1fr;gap:40px;} }
@media(max-width:600px){ .contact-form-card{padding:28px 20px;} }

/* ── LOCATION MAP ── (shown only when a Google Maps embed URL is set) */
.contact-map { margin-top: 48px; border: 1px solid var(--border); }
.contact-map iframe { display: block; width: 100%; height: 380px; border: 0; }