/* ===== MEA — UI polish (official custom.css · update-safe) ===== */

/* [2] remove search box + its wrapper (empty space) from language/currency dropdowns */
.dropdown-language-search .dropdown-header,
.dropdown-currencies .dropdown-header,
.dropdown-menu .dropdown-header.input-group,
.dropdown-menu .form-control[placeholder="بحث..."],
.dropdown-menu .form-control[placeholder="Search..."] { display: none !important; }
.dropdown-menu .text-info.text-large { display: none !important; }
.dropdown-language-search, .dropdown-currencies { padding-top: 6px !important; }

/* [2-footer] hide theme default copyright (redundant) — keep MEA legal line only */
.footer-copyright { display: none !important; }

/* [1c] prominent dark/light switcher with clear sun/moon */
.dark-mode-switcher .switch--dark-mode { transform: scale(1.18); }
.dark-mode-switcher .switch__container { border: 1.5px solid var(--brand-primary) !important; border-radius: 999px !important; }
.dark-mode-switcher::before { content: "\2600\FE0F"; font-size: 15px; margin-inline-end: 6px; line-height:1; }
html.lagom-dark-mode .dark-mode-switcher::before { content: "\1F319"; }

/* [1a] one header bar: hide secondary top bar (utility items moved into main nav) */
.app-nav-header { display: none !important; }

/* [1d] remove any flag/badge from language & currency switchers (text only) */
.app-nav .language-flag, .app-nav .currency-flag, .app-nav [class*="flag"],
.nav-item .language-flag, .nav-item [class*="flag"] img, .dropdown-language [class*="flag"], .dropdown-currencies [class*="flag"] {
  display: none !important;
}

/* ===== MEA self-hosted fonts — Cairo (ar) / Archivo (en), zero Google Fonts ===== */
@font-face{font-family:"Cairo";font-weight:300 700;font-display:swap;src:url("/templates/lagom2/assets/fonts/mea/cairo-arabic.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E;}
@font-face{font-family:"Cairo";font-weight:300 700;font-display:swap;src:url("/templates/lagom2/assets/fonts/mea/cairo-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2074,U+20AC;}
@font-face{font-family:"Archivo";font-weight:400 700;font-display:swap;src:url("/templates/lagom2/assets/fonts/mea/archivo-1.woff2") format("woff2");}

html[lang="ar"], html[lang="ar"] body { --font-family-base:"Cairo","Segoe UI",Tahoma,sans-serif !important; font-family:"Cairo","Segoe UI",Tahoma,sans-serif !important; }
html[lang="en"], html[lang="en"] body { --font-family-base:"Archivo","Segoe UI",sans-serif !important; font-family:"Archivo","Segoe UI",sans-serif !important; }

/* [footer] one bottom bar: collapse arrow-only strip, place arrow inside the legal bar */
.footer-bottom { height: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; overflow: visible; position: relative; }
.footer-bottom .lm-go-top { position: absolute; bottom: -46px; inset-inline-end: 28px; z-index: 6; }
#mea-legal-bar { padding-inline-end: 64px !important; }

/* [footer] restore back-to-top arrow as a visible floating button (footer overflow clipped the absolute one) */
.footer-bottom { overflow: visible !important; }
.lm-go-top {
  position: fixed !important; right: 24px !important; left: auto !important; bottom: 96px !important; inset-inline-end: auto !important;
  z-index: 45 !important; width: 46px !important; height: 46px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: var(--brand-primary) !important; color: #fff !important;
  border-radius: 999px !important; box-shadow: 0 4px 16px rgba(0,0,0,.22) !important;
  font-size: 18px !important; opacity: .95; cursor: pointer;
}
.lm-go-top:hover { opacity: 1 !important; }

/* [footer] fix: float the clickable back-to-top ANCHOR (keeps scroll handler), not the icon */
.lm-go-top { position: static !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important; box-shadow: none !important; background: transparent !important; border-radius: 0 !important; }
.back-to-top {
  position: fixed !important; right: 24px !important; left: auto !important; bottom: 96px !important;
  z-index: 45 !important; width: 46px !important; height: 46px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: var(--brand-primary) !important; color: #fff !important;
  border-radius: 999px !important; box-shadow: 0 4px 16px rgba(0,0,0,.22) !important; opacity: .95;
}
.back-to-top:hover { opacity: 1 !important; }
.back-to-top .lm-go-top { color: #fff !important; font-size: 18px !important; }


/* ============================================================
   MEA — DigitalOcean-spirit: calm · spacious · clean · confident
   (custom.css ONLY · precise selectors · no transforms on containers)
   ============================================================ */
/* whitespace — let sections breathe */
.site-section { padding-top: 84px !important; padding-bottom: 84px !important; }
/* typography — lighter confident headings + comfortable reading rhythm */
h1, .h1 { font-weight: 700 !important; letter-spacing: -.022em !important; line-height: 1.15 !important; }
h2, .h2, .section-title { font-weight: 700 !important; letter-spacing: -.018em !important; }
h3, .h3, h4 { font-weight: 600 !important; }
body { line-height: 1.65; }
.section-subtitle, .eyebrow, [class*="subtitle"] { letter-spacing: .04em; }
/* buttons — calm, confident (no bounce) */
.btn.btn-primary { border-radius: 6px !important; font-weight: 600 !important; transition: background-color .15s ease, box-shadow .15s ease, filter .15s ease !important; }
.btn.btn-primary:hover { filter: brightness(.95) !important; box-shadow: 0 2px 10px rgba(16,24,40,.14) !important; }

/* [DO] clean cards — thin border · soft flat shadow · brand hover (no transform) */
.package, .package.is-boxed {
  border: 1px solid rgba(16,24,40,.09) !important;
  box-shadow: 0 1px 3px rgba(16,24,40,.05) !important;
  border-radius: 8px !important;
  transition: box-shadow .16s ease, border-color .16s ease !important;
}
.package:hover, .package.is-boxed:hover {
  box-shadow: 0 6px 18px rgba(16,24,40,.09) !important;
  border-color: var(--brand-primary) !important;
}
html.lagom-dark-mode .package, html.lagom-dark-mode .package.is-boxed {
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.3) !important;
}
/* [DO] flatten depth: calmer global card shadow on the standard .panel */
.panel { box-shadow: 0 1px 3px rgba(16,24,40,.05) !important; border-radius: 8px !important; }

/* [DO] feature cards — consistent clean style (thin border · soft shadow · calm hover) */
.feature-body {
  border: 1px solid rgba(16,24,40,.09) !important;
  box-shadow: 0 1px 3px rgba(16,24,40,.05) !important;
  border-radius: 8px !important;
  transition: box-shadow .16s ease, border-color .16s ease !important;
}
.feature-body:hover { box-shadow: 0 6px 18px rgba(16,24,40,.08) !important; border-color: var(--brand-primary) !important; }
html.lagom-dark-mode .feature-body { border-color: rgba(255,255,255,.10) !important; box-shadow: 0 1px 3px rgba(0,0,0,.3) !important; }