/* ============================================================
   FOOTER.CSS — site footer, sitemap/contact columns, social
   icons, and the mobile sticky action bar.
   Rendered by partials/footer.php on every page.
   ============================================================ */

footer{background:var(--teal-deep); color:rgba(255,255,255,.75); padding:72px 0 28px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:48px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.1);}
.footer-grid h4{color:#fff; font-family:var(--sans); font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:20px;}
.footer-grid ul{display:flex; flex-direction:column; gap:12px;}
.footer-grid a{font-size:14px; transition:color .2s;}
.footer-grid a:hover{color:var(--gold-light);}
.footer-brand .logo{color:#fff; margin-bottom:16px;}
.footer-brand p{font-size:14px; color:rgba(255,255,255,.6); margin-bottom:20px;}
.social{display:flex; gap:12px;}
.social a{width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; transition:.25s;}
.social a:hover{background:var(--gold); border-color:var(--gold);}
.social svg{width:16px; height:16px; stroke:#fff;}
.footer-contact li{display:flex; align-items:flex-start; gap:10px; font-size:14px;}
.footer-contact svg{width:16px; height:16px; stroke:var(--gold-light); flex-shrink:0; margin-top:2px;}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; padding-top:24px; font-size:13px;}
.footer-bottom .legal a{margin-left:18px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr; gap:36px;}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;}}

/* ===== MOBILE STICKY BAR ===== */
.mobile-bar{
  display:none; position:fixed; bottom:0; left:0; right:0; z-index:1000;
  background:#fff; box-shadow:0 -6px 24px rgba(0,0,0,.08);
  border-top:1px solid var(--line);
}
.mobile-bar .row{display:grid; grid-template-columns:1fr 1fr 1fr;}
.mobile-bar a{
  display:flex; flex-direction:column; align-items:center; gap:4px; padding:10px 0 12px;
  font-size:11px; font-weight:700; color:var(--charcoal);
}
.mobile-bar a svg{width:20px; height:20px; stroke:var(--teal);}
.mobile-bar a.wa svg{stroke:var(--wa);}
@media(max-width:1100px){
  .mobile-bar{display:block;}
  body{padding-bottom:64px;}
  body.nav-open .mobile-bar{display:none;}
}
@media(max-width:1100px) and (min-width:769px){
  .mobile-bar{display:none;} body{padding-bottom:0;}
}

/* ===== ARABIC / RTL ===== */
html[dir="rtl"] .footer-bottom .legal a{margin-left:0; margin-right:18px;}