/* ============================================================
   CONTACT.CSS — page-specific styles for contact.php:
   the hero image, social icons on light cards, the map section,
   the quick-contact link cards, and the Our Branches section.
   ============================================================ */
:root{
  --hero-bg-image: url('../../assets/img/contact.png');
}

/* ===== SOCIAL ICONS ON LIGHT CARDS ===== */
.services-grid .social a{border-color:var(--line);}
.services-grid .social svg{stroke:var(--teal);}
.services-grid .social a:hover svg{stroke:#fff;}

/* ===== MAP SECTION ===== */
.map-grid{display:grid; grid-template-columns:1.3fr .7fr; gap:32px; align-items:stretch;}
.map-frame{position:relative; width:100%; min-height:420px; border-radius:var(--radius); overflow:hidden; box-shadow:0 24px 60px rgba(10,79,82,.18);}
.map-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
@media(max-width:900px){.map-grid{grid-template-columns:1fr;} .map-frame{min-height:320px;}}

/* ===== QUICK CONTACT LINK CARDS ===== */
.bento a.card{display:block;}

/* ===== OUR BRANCHES ===== */
.unified-contact-strip{display:flex; flex-wrap:wrap; gap:28px; justify-content:center; padding:22px 28px; background:var(--ivory); border-radius:var(--radius); margin-bottom:40px;}
.unified-contact-strip a{display:flex; align-items:center; gap:10px; font-weight:700; font-size:14px; color:var(--teal); transition:color .2s;}
.unified-contact-strip a:hover{color:var(--gold);}
.unified-contact-strip svg{width:18px; height:18px; stroke:var(--gold); flex-shrink:0;}
.branch-filters{display:flex; flex-wrap:wrap; gap:16px; align-items:flex-end; justify-content:center; margin-bottom:28px;}
.branch-filters .form-group{flex:1; min-width:220px; max-width:320px; margin-bottom:0;}
.branch-card{position:relative; display:flex; flex-direction:column;}
.branch-card .branch-image{width:calc(100% + 52px); margin:-26px -26px 18px; height:170px; object-fit:cover; border-radius:var(--radius) var(--radius) 0 0; display:block;}
.branch-status{position:absolute; top:16px; right:16px; z-index:1; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; padding:6px 12px; border-radius:999px; color:#fff;}
.branch-status.open{background:var(--teal-bright);}
.branch-status.closed{background:var(--gray);}
.branch-hours{margin-bottom:14px;}
.branch-services{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px;}
.branch-services .tag{margin-bottom:0;}
.branch-actions{flex-wrap:wrap;}
.branch-actions a.btn-gold{flex:1 1 100%; justify-content:center;}
@media(max-width:620px){.branch-card .branch-image{width:calc(100% + 44px); margin:-22px -22px 16px;}}

/* ===== ARABIC / RTL ===== */
html[dir="rtl"] .branch-status{right:auto; left:16px;}