@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800&display=swap");
/* =====================================================================
   MHU unified light visual system — menu, hero tabs, footer, IBM Plex Sans Arabic
   ===================================================================== */
:root{
  --mhu-primary:#0e5c86;
  --mhu-primary-2:#0f766e;
  --mhu-primary-dark:#0b2239;
  --mhu-primary-soft:#eaf3f8;
  --mhu-gold:#d4a94f;
  --mhu-bg:#f4f7fb;
  --mhu-surface:#ffffff;
  --mhu-surface-2:#f8fafc;
  --mhu-text:#0f172a;
  --mhu-text-soft:#334155;
  --mhu-muted:#64748b;
  --mhu-border:#dbe5ee;
  --mhu-radius:18px;
  --mhu-shadow:0 14px 34px rgba(15,23,42,.08);
}
html,body,body *,button,input,select,textarea{font-family:"IBM Plex Sans Arabic",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;}
html{scroll-padding-top:92px;}
body,body.high-contrast,body.dark-mode,html[data-theme="dark"] body,body.a11y-high-contrast{
  background:var(--mhu-bg) !important;
  color:var(--mhu-text) !important;
}
a{text-decoration:none;}
.container{width:min(100% - 2rem,1180px) !important;margin-inline:auto !important;}

/* Header */
.site-header{
  position:sticky !important;top:0 !important;z-index:9000 !important;
  background:rgba(255,255,255,.97) !important;
  border-bottom:1px solid var(--mhu-border) !important;
  box-shadow:0 6px 22px rgba(15,23,42,.06) !important;
  backdrop-filter:saturate(145%) blur(12px);-webkit-backdrop-filter:saturate(145%) blur(12px);
}
.site-header.scrolled{box-shadow:0 12px 30px rgba(15,23,42,.10) !important;}
.site-header .header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:1rem !important;min-height:74px !important;padding:.55rem 0 !important;}
.site-header .logo-wrap,.site-header .header-brand,.site-header .brand-link{display:flex !important;align-items:center !important;gap:.7rem !important;min-width:0 !important;}
.site-header .logo-circle,.site-header .header-logo,.site-header .brand-logo-img{
  width:52px !important;height:52px !important;min-width:52px !important;border-radius:16px !important;
  background:#fff !important;border:1px solid rgba(14,92,134,.18) !important;padding:4px !important;object-fit:contain !important;
  box-shadow:0 8px 22px rgba(14,92,134,.10) !important;overflow:hidden !important;
}
.site-header .logo-circle img,.site-header .header-logo img{width:100% !important;height:100% !important;object-fit:contain !important;}
.site-header .site-title,.site-header .header-title,.site-header .brand-title{color:var(--mhu-text) !important;font-weight:900 !important;font-size:1rem !important;line-height:1.35 !important;letter-spacing:0 !important;white-space:normal !important;}
.site-header .header-subtitle{color:var(--mhu-muted) !important;font-weight:700 !important;font-size:.78rem !important;}
.site-header .header-actions,.site-header .header-right{display:flex !important;align-items:center !important;gap:.55rem !important;}
.site-header .lang-switch{border:1px solid var(--mhu-border) !important;border-radius:999px !important;background:#fff !important;box-shadow:0 4px 14px rgba(15,23,42,.04) !important;overflow:hidden !important;}
.site-header .lang-switch a{padding:.34rem .68rem !important;color:var(--mhu-text-soft) !important;font-weight:800 !important;font-size:.8rem !important;}
.site-header .lang-switch a.active{background:var(--mhu-primary) !important;color:#fff !important;}
.site-header .social-icon,.site-header .header-social a{width:36px !important;height:36px !important;border-radius:999px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#fff !important;border:1px solid var(--mhu-border) !important;color:#1877f2 !important;box-shadow:0 4px 14px rgba(15,23,42,.04) !important;}

/* Desktop navigation */
.site-header .main-nav{display:flex !important;align-items:center !important;justify-content:center !important;gap:.16rem !important;flex-wrap:wrap !important;}
.site-header .main-nav a{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:.52rem .82rem !important;border-radius:999px !important;color:var(--mhu-text-soft) !important;font-weight:800 !important;font-size:.86rem !important;line-height:1 !important;background:transparent !important;border:1px solid transparent !important;box-shadow:none !important;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease !important;opacity:1 !important;transform:none !important;}
.site-header .main-nav a::before,.site-header .main-nav a::after{display:none !important;content:none !important;}
.site-header .main-nav a:hover,.site-header .main-nav a.active{background:var(--mhu-primary-soft) !important;color:var(--mhu-primary) !important;border-color:rgba(14,92,134,.10) !important;transform:translateY(-1px) !important;}

/* Burger menu */
.mobile-toggle,.menu-toggle{display:none !important;width:46px !important;height:46px !important;min-width:46px !important;border-radius:15px !important;border:1px solid rgba(14,92,134,.22) !important;background:#fff !important;box-shadow:0 8px 20px rgba(15,23,42,.08) !important;cursor:pointer !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;gap:5px !important;padding:0 !important;position:relative !important;z-index:10030 !important;}
.mobile-toggle span,.menu-toggle span{display:block !important;width:23px !important;height:2.4px !important;margin:0 !important;border-radius:999px !important;background:var(--mhu-primary) !important;position:static !important;transition:transform .25s ease,opacity .18s ease,background .2s ease !important;}
.mobile-toggle:hover,.menu-toggle:hover{background:#f8fafc !important;border-color:rgba(14,92,134,.38) !important;}
body.menu-open .mobile-toggle,body.menu-open .menu-toggle,.mobile-toggle.is-open,.menu-toggle.open{background:var(--mhu-primary) !important;border-color:var(--mhu-primary) !important;}
body.menu-open .mobile-toggle span,body.menu-open .menu-toggle span,.mobile-toggle.is-open span,.menu-toggle.open span{background:#fff !important;}
body.menu-open .mobile-toggle span:nth-child(1),body.menu-open .menu-toggle span:nth-child(1),.mobile-toggle.is-open span:nth-child(1),.menu-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg) !important;}
body.menu-open .mobile-toggle span:nth-child(2),body.menu-open .menu-toggle span:nth-child(2),.mobile-toggle.is-open span:nth-child(2),.menu-toggle.open span:nth-child(2){opacity:0 !important;}
body.menu-open .mobile-toggle span:nth-child(3),body.menu-open .menu-toggle span:nth-child(3),.mobile-toggle.is-open span:nth-child(3),.menu-toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg) !important;}
.menu-backdrop{position:fixed !important;inset:0 !important;background:rgba(2,6,23,.46) !important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity .24s ease,visibility .24s ease !important;z-index:9010 !important;}
body.menu-open .menu-backdrop{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;}
#mobileNav.mobile-nav{display:none !important;}
.menu-close{display:none !important;}

@media (max-width:980px){
  .mobile-toggle,.menu-toggle{display:inline-flex !important;}
  .site-header .header-inner{min-height:68px !important;}
  .site-header .main-nav{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;width:min(88vw,360px) !important;height:100dvh !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;gap:.62rem !important;padding:5.6rem 1rem 1.4rem !important;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%) !important;border-left:1px solid var(--mhu-border) !important;box-shadow:-22px 0 46px rgba(15,23,42,.20) !important;transform:translateX(110%) !important;opacity:0 !important;visibility:hidden !important;transition:transform .28s ease,opacity .2s ease,visibility .2s ease !important;z-index:9020 !important;overflow-y:auto !important;flex-wrap:nowrap !important;}
  html[dir="ltr"] .site-header .main-nav{right:auto !important;left:0 !important;border-left:0 !important;border-right:1px solid var(--mhu-border) !important;box-shadow:22px 0 46px rgba(15,23,42,.20) !important;transform:translateX(-110%) !important;}
  body.menu-open .site-header .main-nav{transform:translateX(0) !important;opacity:1 !important;visibility:visible !important;}
  .site-header .main-nav a{width:100% !important;justify-content:space-between !important;padding:.9rem .95rem !important;border-radius:15px !important;background:#fff !important;border:1px solid var(--mhu-border) !important;box-shadow:0 5px 16px rgba(15,23,42,.045) !important;color:var(--mhu-text) !important;font-size:.95rem !important;}
  .site-header .main-nav a::after{content:"‹" !important;display:inline-flex !important;color:var(--mhu-primary) !important;font-weight:900 !important;font-size:1.2rem !important;}
  html[dir="ltr"] .site-header .main-nav a::after{content:"›" !important;}
  body.menu-open{overflow:hidden !important;}
}
@media (min-width:981px){.menu-backdrop{display:none !important;}body.menu-open{overflow:auto !important;}}

/* Hero tabs / desktop page tabs */
.hero-tabs,.page-tabs{display:flex !important;align-items:center !important;gap:.5rem !important;flex-wrap:wrap !important;margin-top:1rem !important;padding:.38rem !important;border:1px solid rgba(14,92,134,.12) !important;background:rgba(255,255,255,.72) !important;border-radius:22px !important;box-shadow:0 12px 28px rgba(15,23,42,.06) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.hero-tabs a,.page-tabs a{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:.25rem !important;padding:.55rem .86rem !important;border-radius:999px !important;color:var(--mhu-text-soft) !important;font-size:.84rem !important;font-weight:850 !important;border:1px solid transparent !important;background:transparent !important;white-space:nowrap !important;transition:.2s ease !important;}
.hero-tabs a:hover,.hero-tabs a.active,.page-tabs a:hover,.page-tabs a.active{background:var(--mhu-primary) !important;color:#fff !important;border-color:var(--mhu-primary) !important;box-shadow:0 8px 18px rgba(14,92,134,.18) !important;transform:translateY(-1px) !important;}
.hero-tabs a.muted,.page-tabs a.muted{background:#f8fafc !important;border-color:var(--mhu-border) !important;color:var(--mhu-muted) !important;}
.hero-tabs a.muted:hover,.page-tabs a.muted:hover{background:var(--mhu-primary-soft) !important;color:var(--mhu-primary) !important;}
@media (max-width:720px){.hero-tabs,.page-tabs{flex-wrap:nowrap !important;overflow-x:auto !important;scrollbar-width:none !important;margin-top:.8rem !important;border-radius:18px !important;}.hero-tabs::-webkit-scrollbar,.page-tabs::-webkit-scrollbar{display:none !important;}.hero-tabs a,.page-tabs a{font-size:.8rem !important;padding:.5rem .78rem !important;}}

/* General page harmony */
.main-sections,.archive-layout,main.container,main .container{background:transparent !important;}
.page-title,.archive-title,.content-title,.section-title{color:var(--mhu-text) !important;font-weight:900 !important;letter-spacing:0 !important;}
.page-sub,.archive-sub,.content-meta-extra,.news-summary,.archive-item-summary,.section-sub{color:var(--mhu-text-soft) !important;line-height:1.9 !important;}
.search-box,.panel-card,.archive-item,.news-card,.single-card,.side-card,.content-card,.service-card,.item-card,.section-card,.hero-panel,.hero-stat-card,.minister-card,.contact-card{background:var(--mhu-surface) !important;border-color:var(--mhu-border) !important;box-shadow:var(--mhu-shadow) !important;}
input,select,textarea,.field-input,.field-select{background:#fff !important;color:var(--mhu-text) !important;border-color:#cbd5e1 !important;border-radius:13px !important;}
input::placeholder,textarea::placeholder{color:#94a3b8 !important;}
.badge-pill,.badge,.archive-chip{font-weight:800 !important;}
.news-thumb,.news-image-wrapper,.archive-thumb,.content-image,.single-image,.content-thumb{background:#e8eef5 !important;}

/* Completely remove dark mode / contrast controls */
.access-btn[onclick*="toggleHighContrast"],button[onclick*="toggleHighContrast"],.a11y-widget [data-action="high-contrast"]{display:none !important;}
body.high-contrast *,body.dark-mode *,html[data-theme="dark"] body *,body.a11y-high-contrast *{color:inherit;}

/* Unified premium footer */
.site-footer{position:relative !important;margin-top:2.2rem !important;padding:2.6rem 0 1rem !important;background:radial-gradient(circle at 8% 0%,rgba(212,169,79,.22),transparent 28%),radial-gradient(circle at 92% 20%,rgba(15,118,110,.28),transparent 28%),linear-gradient(135deg,#071b31 0%,#0b3856 48%,#0e5c86 100%) !important;color:#eaf6ff !important;border-top:0 !important;overflow:hidden !important;}
.site-footer::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.055),transparent 42%,rgba(255,255,255,.05));pointer-events:none;}
.site-footer > *{position:relative;z-index:1;}
.site-footer .footer-grid,.site-footer .footer-inner,.site-footer .footer-cols{width:min(100% - 2rem,1180px) !important;margin-inline:auto !important;}
.site-footer .footer-layout,.site-footer .footer-cols{display:grid !important;grid-template-columns:1.15fr .9fr .95fr !important;gap:1rem !important;align-items:stretch !important;}
.site-footer .footer-layout > div,.site-footer .footer-col{background:rgba(255,255,255,.075) !important;border:1px solid rgba(255,255,255,.13) !important;border-radius:22px !important;padding:1.1rem !important;box-shadow:0 18px 34px rgba(0,0,0,.12) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.site-footer .footer-inner:not(.footer-bottom):not(.footer-bottom-inner){display:grid !important;grid-template-columns:1.2fr .8fr !important;gap:1rem !important;align-items:stretch !important;}
.site-footer .footer-inner:not(.footer-bottom):not(.footer-bottom-inner) > div{background:rgba(255,255,255,.075) !important;border:1px solid rgba(255,255,255,.13) !important;border-radius:22px !important;padding:1rem !important;}
.site-footer .footer-col-title,.site-footer h3,.site-footer .footer-brand-text > div:first-child{color:#fff !important;font-weight:900 !important;font-size:1rem !important;margin:0 0 .7rem !important;}
.site-footer .footer-col-title::after,.site-footer h3::after{content:"";display:block;width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--mhu-gold),rgba(255,255,255,.4));margin-top:.45rem;}
.site-footer .footer-text,.site-footer .footer-about,.site-footer .footer-contact,.site-footer p{color:#dbeafe !important;line-height:1.9 !important;font-size:.9rem !important;}
.site-footer .footer-links,.site-footer ul{display:grid !important;gap:.48rem !important;margin:0 !important;padding:0 !important;list-style:none !important;}
.site-footer .footer-links a,.site-footer li a,.site-footer .footer-extra a,.site-footer a{color:#dbeafe !important;font-weight:750 !important;transition:.2s ease !important;}
.site-footer .footer-links a:hover,.site-footer li a:hover,.site-footer .footer-extra a:hover,.site-footer a:hover{color:#fff !important;transform:translateX(-3px) !important;}
html[dir="ltr"] .site-footer .footer-links a:hover,html[dir="ltr"] .site-footer li a:hover{transform:translateX(3px) !important;}
.site-footer .footer-extra{display:flex !important;gap:.45rem !important;flex-wrap:wrap !important;color:#cfe8ff !important;margin-top:.8rem !important;}
.site-footer .footer-extra .label{color:#fff !important;font-weight:900 !important;}
.site-footer .footer-map iframe{width:100% !important;min-height:185px !important;border:0 !important;border-radius:16px !important;filter:saturate(.92) contrast(.96) !important;}
.site-footer .footer-bottom,.site-footer .footer-bottom-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:.8rem !important;flex-wrap:wrap !important;margin-top:1rem !important;padding-top:1rem !important;border-top:1px solid rgba(255,255,255,.15) !important;color:#cfe8ff !important;font-size:.84rem !important;}
.site-footer .footer-logo-circle{background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.18) !important;color:#fff !important;}
@media (max-width:900px){.site-footer .footer-layout,.site-footer .footer-cols,.site-footer .footer-inner:not(.footer-bottom):not(.footer-bottom-inner){grid-template-columns:1fr !important;}.site-footer{padding:2rem 0 1rem !important;}}

/* =====================================================================
   Footer final layout fix — prevents compressed footer on content/archive
   ===================================================================== */
.site-footer{
  position:relative !important;
  margin-top:2.6rem !important;
  padding:2.8rem 0 1.15rem !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 8% 0%,rgba(212,169,79,.22),transparent 28%),
    radial-gradient(circle at 92% 20%,rgba(15,118,110,.28),transparent 28%),
    linear-gradient(135deg,#071b31 0%,#0b3856 50%,#0e5c86 100%) !important;
  color:#eaf6ff !important;
  border-top:0 !important;
}
.site-footer::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  height:auto !important;
  background:linear-gradient(90deg,rgba(255,255,255,.055),transparent 42%,rgba(255,255,255,.05)) !important;
  opacity:1 !important;
  pointer-events:none !important;
}
.site-footer::after{
  content:"" !important;
  position:absolute !important;
  inset-inline-start:-140px !important;
  bottom:-180px !important;
  width:420px !important;
  height:420px !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(56,189,248,.14),transparent 68%) !important;
  pointer-events:none !important;
}
.site-footer > *{position:relative !important;z-index:1 !important;}
.site-footer .footer-grid,
.site-footer .footer-inner,
.site-footer .footer-cols{
  display:block !important;
  width:min(100% - 2rem,1240px) !important;
  max-width:1240px !important;
  margin-inline:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.site-footer .footer-layout{
  display:grid !important;
  grid-template-columns:minmax(300px,1.15fr) minmax(210px,.72fr) minmax(300px,1fr) !important;
  gap:1.15rem !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  z-index:1 !important;
}
.site-footer .footer-layout > div,
.site-footer .footer-col{
  min-width:0 !important;
  min-height:0 !important;
  padding:1.25rem 1.25rem 1.15rem !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.082) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}
.site-footer .footer-col-title,
.site-footer h3,
.site-footer .footer-brand-text > div:first-child{
  color:#fff !important;
  font-weight:900 !important;
  font-size:1.03rem !important;
  line-height:1.55 !important;
  margin:0 0 .75rem !important;
  padding:0 !important;
  letter-spacing:0 !important;
}
.site-footer .footer-col-title::after,
.site-footer h3::after{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:3px !important;
  border-radius:999px !important;
  margin-top:.48rem !important;
  background:linear-gradient(90deg,#d4a94f,rgba(255,255,255,.52)) !important;
  position:static !important;
}
.site-footer .footer-text,
.site-footer .footer-about,
.site-footer .footer-contact,
.site-footer p{
  color:#dceeff !important;
  line-height:1.95 !important;
  font-size:.91rem !important;
  margin:0 !important;
}
.site-footer .footer-extra{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.45rem .7rem !important;
  margin-top:.9rem !important;
  color:#cfe8ff !important;
  line-height:1.8 !important;
}
.site-footer .footer-extra span,
.site-footer .footer-extra a{
  display:inline-flex !important;
  align-items:center !important;
  gap:.35rem !important;
  min-width:0 !important;
}
.site-footer .footer-extra .label{color:#fff !important;font-weight:900 !important;}
.site-footer .footer-links,
.site-footer ul{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr)) !important;
  gap:.45rem .75rem !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.site-footer .footer-links a,
.site-footer li a,
.site-footer .footer-extra a,
.site-footer a{
  color:#dbeafe !important;
  font-weight:800 !important;
  text-decoration:none !important;
  transition:color .2s ease,transform .2s ease,background .2s ease !important;
}
.site-footer .footer-links a{
  display:flex !important;
  align-items:center !important;
  gap:.45rem !important;
  line-height:1.7 !important;
  padding:.2rem 0 !important;
}
.site-footer .footer-links a::before{
  content:"•" !important;
  display:inline-flex !important;
  color:#67e8f9 !important;
  font-size:1.05rem !important;
  line-height:1 !important;
  flex-shrink:0 !important;
}
.site-footer .footer-links a:hover,
.site-footer li a:hover,
.site-footer .footer-extra a:hover,
.site-footer a:hover{
  color:#fff !important;
  transform:translateX(-3px) !important;
}
html[dir="ltr"] .site-footer .footer-links a:hover,
html[dir="ltr"] .site-footer li a:hover,
html[dir="ltr"] .site-footer .footer-extra a:hover,
html[dir="ltr"] .site-footer a:hover{transform:translateX(3px) !important;}
.site-footer .footer-map{margin-top:.65rem !important;}
.site-footer .footer-map iframe,
.site-footer iframe{
  display:block !important;
  width:100% !important;
  height:185px !important;
  min-height:185px !important;
  border:0 !important;
  border-radius:18px !important;
  background:#0f172a !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
  filter:saturate(.92) contrast(.96) !important;
}
.site-footer .footer-bottom,
.site-footer .footer-bottom-inner,
.site-footer .copyright-bar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.7rem 1rem !important;
  flex-wrap:wrap !important;
  width:100% !important;
  margin:1.1rem 0 0 !important;
  padding:.9rem 1rem !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.055) !important;
  color:#cfe8ff !important;
  font-size:.86rem !important;
  line-height:1.8 !important;
  box-shadow:none !important;
}
.site-footer .footer-bottom span,
.site-footer .footer-bottom-inner span,
.site-footer .copyright-bar span{color:#cfe8ff !important;}
.site-footer .footer-logo-circle{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
}
@media (max-width:1080px){
  .site-footer .footer-layout{grid-template-columns:1fr 1fr !important;}
  .site-footer .footer-layout > div:first-child{grid-column:1 / -1 !important;}
}
@media (max-width:700px){
  .site-footer{padding:2.1rem 0 1rem !important;margin-top:2rem !important;}
  .site-footer .footer-grid,
  .site-footer .footer-inner,
  .site-footer .footer-cols{width:min(100% - 1.4rem,1240px) !important;}
  .site-footer .footer-layout{grid-template-columns:1fr !important;gap:.85rem !important;}
  .site-footer .footer-layout > div{padding:1rem !important;border-radius:20px !important;}
  .site-footer .footer-links{grid-template-columns:1fr !important;}
  .site-footer .footer-map iframe,
  .site-footer iframe{height:165px !important;min-height:165px !important;}
  .site-footer .footer-bottom,
  .site-footer .footer-bottom-inner,
  .site-footer .copyright-bar{justify-content:center !important;text-align:center !important;border-radius:16px !important;}
}

/* =====================================================================
   v2.4 — Responsive dimensions and full-screen distribution system
   يحسّن أبعاد الموقع على الهاتف والحاسوب ويمنع الانحشار أو الفراغات الكبيرة.
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box !important;}
html{width:100% !important;max-width:100% !important;overflow-x:hidden !important;-webkit-text-size-adjust:100%;}
body{width:100% !important;min-width:320px !important;min-height:100dvh !important;overflow-x:hidden !important;display:flex !important;flex-direction:column !important;background:var(--mhu-bg) !important;color:var(--mhu-text) !important;}
body > main,.main-sections,.archive-layout,.content-wrapper{flex:1 0 auto !important;}
img,video,iframe,table{max-width:100% !important;}
img{height:auto;}

:root{
  --mhu-container-fluid:clamp(1rem,3.5vw,4rem);
  --mhu-container-max:1320px;
  --mhu-readable-max:1120px;
  --mhu-section-gap:clamp(1rem,2.2vw,1.7rem);
  --mhu-card-pad:clamp(1rem,2vw,1.65rem);
}

.container,
.site-header .container,
.hero > .container,
.archive-hero > .container,
.archive-layout > .container,
.main-sections > .container,
main > .container,
.site-footer .footer-grid,
.site-footer .footer-inner,
.site-footer .footer-cols{
  width:min(calc(100% - (var(--mhu-container-fluid) * 2)),var(--mhu-container-max)) !important;
  max-width:var(--mhu-container-max) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

@media (min-width:1440px){
  :root{--mhu-container-max:1360px;--mhu-container-fluid:clamp(2.5rem,4vw,5rem);}
}
@media (max-width:640px){
  :root{--mhu-container-fluid:.85rem;--mhu-section-gap:.9rem;--mhu-card-pad:.95rem;}
  .container,
  .site-header .container,
  .hero > .container,
  .archive-hero > .container,
  .archive-layout > .container,
  .main-sections > .container,
  main > .container,
  .site-footer .footer-grid,
  .site-footer .footer-inner,
  .site-footer .footer-cols{
    width:calc(100% - 1.2rem) !important;
  }
}

/* Header spacing on desktop/tablet */
.site-header .header-inner{
  width:100% !important;
  min-height:clamp(64px,6.2vw,78px) !important;
  padding-block:clamp(.45rem,1vw,.75rem) !important;
  gap:clamp(.6rem,1.8vw,1.4rem) !important;
}
.site-header .logo-wrap,
.site-header .header-brand,
.site-header .brand-link{flex-shrink:0 !important;}
.site-header .header-right,
.site-header .header-actions{min-width:0 !important;}
.site-header .main-nav{min-width:0 !important;max-width:100% !important;}
.site-header .main-nav a{white-space:nowrap !important;}

/* Hero and page headings */
.hero,
.archive-hero{
  padding-block:clamp(1.25rem,3vw,3.1rem) !important;
}
.hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr) !important;
  gap:clamp(1rem,3vw,3rem) !important;
  align-items:center !important;
}
.hero-text{min-width:0 !important;max-width:720px !important;}
.hero-title{
  font-size:clamp(1.75rem,3vw,3.2rem) !important;
  line-height:1.42 !important;
  max-width:14.5em !important;
}
.hero-sub{
  max-width:62ch !important;
  font-size:clamp(.92rem,1.1vw,1.05rem) !important;
  line-height:1.95 !important;
}
.hero-actions{display:flex !important;flex-wrap:wrap !important;gap:.65rem .8rem !important;}
.hero-actions a,.btn-primary,.btn-secondary{min-height:42px !important;}
.hero-slider{width:100% !important;min-width:0 !important;max-width:100% !important;}
.hero-slider-track{width:100% !important;}
.hero-main-slide{min-height:clamp(260px,28vw,430px) !important;}
.hero-main-content{max-width:min(92%,620px) !important;}
.hero-main-title{font-size:clamp(1rem,1.6vw,1.35rem) !important;line-height:1.65 !important;}
.hero-tabs,.page-tabs{max-width:100% !important;}
.hero-trust{display:flex !important;flex-wrap:wrap !important;gap:.55rem !important;}

/* Home sections and cards */
.main-sections{padding-block:clamp(1rem,2.2vw,2rem) !important;}
.main-sections .container{display:grid !important;gap:var(--mhu-section-gap) !important;}
.section-card,
.single-card,
.side-card,
.panel-card,
.content-card{
  padding:var(--mhu-card-pad) !important;
  border-radius:clamp(18px,2vw,26px) !important;
}
.section-head,
.results-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:.75rem 1rem !important;
  flex-wrap:wrap !important;
}
.section-title,
.results-head h2{
  font-size:clamp(1.15rem,1.65vw,1.55rem) !important;
  line-height:1.55 !important;
}
.section-sub{max-width:74ch !important;}
.grid-list,
.services-grid,
.content-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)) !important;
  gap:clamp(.85rem,1.8vw,1.3rem) !important;
}
.item-card,
.service-card,
.news-card,
.dec-card,
.minister-card,
.archive-item{
  min-width:0 !important;
  height:100% !important;
}
.item-thumb,
.service-thumb,
.archive-thumb,
.news-thumb,
.content-thumb,
.content-media{
  overflow:hidden !important;
  background:#eaf3f8 !important;
}
.item-thumb,.service-thumb,.archive-thumb{aspect-ratio:16/9 !important;height:auto !important;}
.item-thumb img,.service-thumb img,.archive-thumb img,.news-thumb img,.content-thumb img,.content-media img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.item-title,.service-title,.news-title,.archive-item-title,.content-title{overflow-wrap:anywhere !important;}
.item-card{display:flex !important;flex-direction:column !important;}
.item-footer,.service-footer,.archive-item-footer{margin-top:auto !important;}

/* Archive pages */
.archive-hero-card{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr) !important;
  gap:clamp(.9rem,2vw,1.4rem) !important;
  align-items:stretch !important;
}
.archive-layout{padding-block:clamp(1rem,2.3vw,2.1rem) !important;}
.archive-grid{
  display:grid !important;
  grid-template-columns:minmax(245px,310px) minmax(0,1fr) !important;
  gap:clamp(.9rem,2vw,1.4rem) !important;
  align-items:start !important;
}
.archive-cards{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)) !important;
  gap:clamp(.8rem,1.6vw,1.15rem) !important;
}
.archive-menu{position:sticky !important;top:92px !important;}
.archive-item-body{padding:clamp(.9rem,1.5vw,1.15rem) !important;}
.archive-item-summary{line-height:1.9 !important;}
.hero-quick-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)) !important;}

/* Content detail page */
.content-wrapper.container,
.container.content-wrapper{
  width:min(calc(100% - (var(--mhu-container-fluid) * 2)),var(--mhu-readable-max)) !important;
  max-width:var(--mhu-readable-max) !important;
  padding-block:clamp(1rem,2.4vw,2.4rem) !important;
}
.content-card{width:100% !important;margin-inline:auto !important;}
.content-title{font-size:clamp(1.45rem,2.4vw,2.15rem) !important;line-height:1.65 !important;}
.content-body{font-size:clamp(.96rem,1.04vw,1.06rem) !important;line-height:2.05 !important;}
.content-body p{margin-block:0 1em !important;}
.content-badge-row,.content-meta-extra{gap:.55rem .8rem !important;}

/* Older list pages: news, decisions, minister */
.content-layout{
  display:grid !important;
  grid-template-columns:minmax(0,2fr) minmax(280px,.9fr) !important;
  gap:clamp(1rem,2.2vw,1.6rem) !important;
  align-items:start !important;
}
.search-grid{
  display:grid !important;
  grid-template-columns:minmax(220px,2fr) minmax(170px,1fr) auto !important;
  gap:.7rem !important;
  align-items:end !important;
}
.news-list{display:grid !important;gap:clamp(.75rem,1.4vw,1rem) !important;}
.news-card{display:grid !important;grid-template-columns:112px minmax(0,1fr) !important;gap:.85rem !important;align-items:start !important;}
.news-thumb{width:112px !important;height:96px !important;flex:0 0 112px !important;}

/* Footer: full and balanced */
.site-footer{margin-top:auto !important;padding-block:clamp(2rem,3.2vw,3.2rem) 1rem !important;}
.site-footer .footer-layout{
  display:grid !important;
  grid-template-columns:minmax(280px,1.1fr) minmax(220px,.75fr) minmax(280px,1fr) !important;
  gap:clamp(.9rem,2vw,1.35rem) !important;
}
.site-footer .footer-layout > div{padding:clamp(1rem,1.7vw,1.35rem) !important;min-width:0 !important;}
.site-footer .footer-map iframe,.site-footer iframe{height:clamp(160px,15vw,215px) !important;}
.site-footer .footer-bottom{width:100% !important;}

/* Tablet */
@media (max-width:1120px){
  .mobile-toggle,.menu-toggle{display:inline-flex !important;}
  .site-header .main-nav{
    position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;
    width:min(88vw,380px) !important;height:100dvh !important;
    display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;
    gap:.62rem !important;padding:5.6rem 1rem 1.4rem !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%) !important;
    border-left:1px solid var(--mhu-border) !important;box-shadow:-22px 0 46px rgba(15,23,42,.20) !important;
    transform:translateX(110%) !important;opacity:0 !important;visibility:hidden !important;
    transition:transform .28s ease,opacity .2s ease,visibility .2s ease !important;
    z-index:9020 !important;overflow-y:auto !important;flex-wrap:nowrap !important;
  }
  html[dir="ltr"] .site-header .main-nav{right:auto !important;left:0 !important;border-left:0 !important;border-right:1px solid var(--mhu-border) !important;box-shadow:22px 0 46px rgba(15,23,42,.20) !important;transform:translateX(-110%) !important;}
  body.menu-open .site-header .main-nav{transform:translateX(0) !important;opacity:1 !important;visibility:visible !important;}
  .site-header .main-nav a{width:100% !important;justify-content:space-between !important;padding:.9rem .95rem !important;border-radius:15px !important;background:#fff !important;border:1px solid var(--mhu-border) !important;box-shadow:0 5px 16px rgba(15,23,42,.045) !important;color:var(--mhu-text) !important;font-size:.95rem !important;}
  .hero-grid{grid-template-columns:1fr !important;gap:1.2rem !important;}
  .hero-text{max-width:100% !important;}
  .hero-title{max-width:100% !important;}
  .archive-hero-card,.archive-grid,.content-layout,.site-footer .footer-layout{grid-template-columns:1fr !important;}
  .archive-menu{position:static !important;}
  .hero-slider{transform:none !important;}
}

/* Mobile */
@media (max-width:720px){
  body{font-size:15px !important;}
  .site-header .header-inner{min-height:62px !important;}
  .site-header .logo-circle,.site-header .header-logo,.site-header .brand-logo-img{width:46px !important;height:46px !important;min-width:46px !important;border-radius:14px !important;}
  .site-header .site-title,.site-header .header-title,.site-header .brand-title{font-size:.88rem !important;line-height:1.35 !important;}
  .site-header .header-subtitle{font-size:.72rem !important;}
  .site-header .lang-switch a{padding:.28rem .5rem !important;font-size:.74rem !important;}
  .site-header .social-icon,.site-header .header-social a{display:none !important;}
  .mobile-toggle,.menu-toggle{width:42px !important;height:42px !important;min-width:42px !important;border-radius:13px !important;}

  .hero,.archive-hero{padding-block:1.15rem 1.35rem !important;}
  .hero-title{font-size:clamp(1.45rem,7vw,2.05rem) !important;line-height:1.55 !important;}
  .hero-sub{font-size:.92rem !important;}
  .hero-actions a,.btn-primary,.btn-secondary{width:100% !important;justify-content:center !important;}
  .hero-tabs,.page-tabs{width:100% !important;overflow-x:auto !important;flex-wrap:nowrap !important;padding:.35rem !important;scroll-snap-type:x proximity;}
  .hero-tabs a,.page-tabs a{flex:0 0 auto !important;scroll-snap-align:start;}
  .hero-main-slide{min-height:220px !important;}
  .hero-main-content{inset-inline:.85rem !important;bottom:.85rem !important;}

  .section-card,.single-card,.side-card,.panel-card,.content-card{border-radius:18px !important;padding:.95rem !important;}
  .section-head,.results-head{align-items:flex-start !important;}
  .grid-list,.services-grid,.archive-cards,.content-grid{grid-template-columns:1fr !important;}
  .item-card{min-height:0 !important;}
  .item-thumb,.service-thumb,.archive-thumb{aspect-ratio:16/10 !important;}
  .search-grid{grid-template-columns:1fr !important;}
  .news-card{grid-template-columns:96px minmax(0,1fr) !important;padding:.75rem !important;}
  .news-thumb{width:96px !important;height:86px !important;}
  .content-title{font-size:clamp(1.25rem,6vw,1.65rem) !important;}
  .content-body{font-size:.95rem !important;line-height:2 !important;}
  .site-footer .footer-bottom{justify-content:center !important;text-align:center !important;}
}

@media (max-width:420px){
  :root{--mhu-container-fluid:.6rem;}
  .container,
  .site-header .container,
  .hero > .container,
  .archive-hero > .container,
  .archive-layout > .container,
  .main-sections > .container,
  main > .container,
  .site-footer .footer-grid,
  .site-footer .footer-inner,
  .site-footer .footer-cols{width:calc(100% - .85rem) !important;}
  .hero-main-slide{min-height:200px !important;}
  .news-card{grid-template-columns:1fr !important;}
  .news-thumb{width:100% !important;height:auto !important;aspect-ratio:16/9 !important;}
}

/* =====================================================================
   v2.5 — Mobile news typography hardening
   Forces the public news/cards/archive/detail typography to use IBM Plex Sans Arabic on
   phones and desktop, and prevents old inline legacy font rules from
   affecting news listings.
   ===================================================================== */
:root{
  --mhu-font-family:"IBM Plex Sans Arabic",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html,
body,
body :where(p,span,a,strong,em,small,button,input,select,textarea,label,div,section,article,main,header,footer,nav,aside,h1,h2,h3,h4,h5,h6,li,td,th),
:where(.news-section,.news-list,.news-card,.news-card-body,.news-title,.news-summary,.news-meta,.news-category,.news-date,.news-actions,.item-card,.item-title,.item-meta,.item-excerpt,.archive-cards,.archive-item,.archive-item-title,.archive-item-summary,.archive-item-meta,.content-card,.content-title,.content-body,.content-body *,.single-card,.side-card,.hero-tabs,.hero-tabs *,.page-tabs,.page-tabs *){
  font-family:var(--mhu-font-family) !important;
  letter-spacing:0 !important;
}
:where(.news-title,.item-title,.archive-item-title,.content-title,.section-title,.page-title,.archive-title){
  font-family:var(--mhu-font-family) !important;
  font-weight:800 !important;
  line-height:1.65 !important;
}
:where(.news-summary,.item-excerpt,.archive-item-summary,.content-body,.content-body p,.page-sub,.section-sub){
  font-family:var(--mhu-font-family) !important;
  font-weight:500 !important;
  line-height:1.9 !important;
}
:where(.news-meta,.item-meta,.archive-item-meta,.content-meta-extra){
  font-family:var(--mhu-font-family) !important;
  font-weight:600 !important;
}

@media (max-width:720px){
  body,
  body :where(p,span,a,strong,em,small,button,input,select,textarea,label,div,section,article,main,header,footer,nav,aside,h1,h2,h3,h4,h5,h6,li,td,th),
  :where(.news-section,.news-list,.news-card,.news-card *,.item-card,.item-card *,.archive-item,.archive-item *,.content-card,.content-card *){
    font-family:var(--mhu-font-family) !important;
    letter-spacing:0 !important;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
  }
  :where(.news-title,.item-title,.archive-item-title){
    font-size:.96rem !important;
    line-height:1.72 !important;
    font-weight:800 !important;
    white-space:normal !important;
  }
  :where(.news-summary,.item-excerpt,.archive-item-summary){
    font-size:.86rem !important;
    line-height:1.9 !important;
    font-weight:500 !important;
  }
  :where(.news-meta,.item-meta,.archive-item-meta){
    font-size:.76rem !important;
    line-height:1.65 !important;
    font-weight:600 !important;
  }
}


/* =====================================================================
   v3.0 — Final unified identity, crisp mobile menu, modern web font
   - Uses IBM Plex Sans Arabic as the unified site-wide web font
   - Removes blur from mobile menu/backdrop for clear rendering on phones
   - Transfers home-page visual proportions to archive/content/list pages
   ===================================================================== */
:root{
  --mhu-font:"IBM Plex Sans Arabic",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --mhu-page-max:1320px;
  --mhu-content-max:920px;
  --mhu-gap:clamp(.9rem,1.5vw,1.35rem);
  --mhu-card-radius:24px;
}
html,
body,
body *,
button,input,select,textarea,
.site-header,.site-footer,.main-nav,.mobile-nav,
.news-card,.news-title,.news-summary,.news-meta,
.archive-item,.archive-item-title,.archive-item-summary,
.content-card,.content-title,.content-body,
.page-title,.page-sub,.hero-title,.hero-sub,
.single-title,.single-body,.minister-card,.dec-card{
  font-family:var(--mhu-font) !important;
  letter-spacing:0 !important;
}
html{font-size:16px !important;}
body{
  background:
    radial-gradient(circle at 12% -8%,rgba(14,92,134,.08),transparent 28%),
    radial-gradient(circle at 90% 4%,rgba(15,118,110,.07),transparent 26%),
    var(--mhu-bg) !important;
  overflow-x:hidden !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.container,
main.container,
.site-header .container,
.site-footer .footer-grid,
.site-footer .footer-inner,
.main-sections{
  width:min(100% - clamp(1rem,3vw,2.5rem),var(--mhu-page-max)) !important;
  max-width:var(--mhu-page-max) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}
main.container{padding-top:clamp(1.2rem,2.5vw,2.4rem) !important;}

/* Crisp, unified header */
.site-header{
  min-height:74px !important;
  background:#ffffff !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 10px 30px rgba(15,23,42,.07) !important;
  border-bottom:1px solid rgba(14,92,134,.12) !important;
}
.site-header .header-inner{
  min-height:74px !important;
  padding:.55rem 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:1rem !important;
}
.site-header .logo-wrap,
.site-header .header-brand,
.site-header .brand-link{flex-shrink:0 !important;}
.site-header .site-title,
.site-header .header-title,
.site-header .brand-title{
  font-size:clamp(.92rem,1vw,1.05rem) !important;
  font-weight:800 !important;
  color:#0f172a !important;
}
.site-header .logo-circle,
.site-header .header-logo,
.site-header .brand-logo-img{
  width:54px !important;height:54px !important;min-width:54px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid rgba(14,92,134,.18) !important;
  box-shadow:0 10px 24px rgba(14,92,134,.11) !important;
}
.site-header .main-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.22rem !important;
  flex-wrap:wrap !important;
  max-width:100% !important;
}
.site-header .main-nav a{
  min-height:38px !important;
  padding:.58rem .86rem !important;
  border-radius:999px !important;
  color:#334155 !important;
  background:transparent !important;
  border:1px solid transparent !important;
  font-size:.88rem !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  text-shadow:none !important;
  filter:none !important;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.active{
  color:var(--mhu-primary) !important;
  background:#edf6fb !important;
  border-color:rgba(14,92,134,.14) !important;
  transform:translateY(-1px) !important;
}

/* Crisp mobile burger/menu: no blur, no duplicated/legacy mobile nav */
.mobile-toggle,
.menu-toggle{
  display:none !important;
  width:48px !important;height:48px !important;min-width:48px !important;
  border-radius:16px !important;
  border:1px solid rgba(14,92,134,.22) !important;
  background:#ffffff !important;
  box-shadow:0 10px 24px rgba(15,23,42,.10) !important;
  align-items:center !important;justify-content:center !important;flex-direction:column !important;
  gap:5px !important;padding:0 !important;position:relative !important;z-index:10080 !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;filter:none !important;
}
.mobile-toggle span,
.menu-toggle span{
  display:block !important;width:24px !important;height:2.6px !important;margin:0 !important;
  border-radius:999px !important;background:#0e5c86 !important;opacity:1 !important;
  transform:none !important;filter:none !important;box-shadow:none !important;
  transition:transform .22s ease,opacity .16s ease,background .2s ease !important;
}
body.menu-open .mobile-toggle,
body.menu-open .menu-toggle,
.mobile-toggle.is-open,
.menu-toggle.open{background:#0e5c86 !important;border-color:#0e5c86 !important;}
body.menu-open .mobile-toggle span,
body.menu-open .menu-toggle span,
.mobile-toggle.is-open span,
.menu-toggle.open span{background:#fff !important;}
body.menu-open .mobile-toggle span:nth-child(1),
body.menu-open .menu-toggle span:nth-child(1),
.mobile-toggle.is-open span:nth-child(1),
.menu-toggle.open span:nth-child(1){transform:translateY(7.6px) rotate(45deg) !important;}
body.menu-open .mobile-toggle span:nth-child(2),
body.menu-open .menu-toggle span:nth-child(2),
.mobile-toggle.is-open span:nth-child(2),
.menu-toggle.open span:nth-child(2){opacity:0 !important;}
body.menu-open .mobile-toggle span:nth-child(3),
body.menu-open .menu-toggle span:nth-child(3),
.mobile-toggle.is-open span:nth-child(3),
.menu-toggle.open span:nth-child(3){transform:translateY(-7.6px) rotate(-45deg) !important;}
#mobileNav,
#mobileNav.mobile-nav,
.mobile-nav{display:none !important;visibility:hidden !important;pointer-events:none !important;}
.menu-backdrop{
  position:fixed !important;inset:0 !important;
  background:rgba(2,6,23,.42) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;filter:none !important;
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  transition:opacity .22s ease,visibility .22s ease !important;
  z-index:9050 !important;
}
body.menu-open .menu-backdrop{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;}

@media (max-width:980px){
  .site-header{min-height:68px !important;}
  .site-header .header-inner{min-height:68px !important;}
  .site-header .logo-circle,
  .site-header .header-logo,
  .site-header .brand-logo-img{width:46px !important;height:46px !important;min-width:46px !important;border-radius:15px !important;}
  .site-header .site-title,
  .site-header .header-title,
  .site-header .brand-title{font-size:.88rem !important;max-width:58vw !important;line-height:1.35 !important;}
  .site-header .header-subtitle{font-size:.72rem !important;}
  .site-header .header-social,.site-header .social-icon{display:none !important;}
  .mobile-toggle,.menu-toggle{display:inline-flex !important;}
  .site-header .main-nav{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    right:0 !important;
    left:auto !important;
    width:min(86vw,372px) !important;
    height:100dvh !important;
    max-height:100dvh !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:.7rem !important;
    padding:5.4rem 1rem 1.25rem !important;
    background:#ffffff !important;
    color:#0f172a !important;
    border-left:1px solid rgba(14,92,134,.16) !important;
    border-right:0 !important;
    border-radius:0 !important;
    box-shadow:-18px 0 42px rgba(15,23,42,.18) !important;
    transform:translate3d(105%,0,0) !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    z-index:9070 !important;
    flex-wrap:nowrap !important;
    transition:transform .26s cubic-bezier(.4,0,.2,1),visibility .26s ease !important;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;filter:none !important;
    text-shadow:none !important;
  }
  html[dir="ltr"] .site-header .main-nav{
    right:auto !important;left:0 !important;
    transform:translate3d(-105%,0,0) !important;
    border-left:0 !important;border-right:1px solid rgba(14,92,134,.16) !important;
    box-shadow:18px 0 42px rgba(15,23,42,.18) !important;
  }
  body.menu-open .site-header .main-nav,
  body.nav-open .site-header .main-nav{
    transform:translate3d(0,0,0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .site-header .main-nav::before{
    content:"القائمة" !important;
    position:absolute !important;
    top:1.2rem !important;
    inset-inline-start:1rem !important;
    font-size:1.05rem !important;
    line-height:1 !important;
    color:#0f172a !important;
    font-weight:800 !important;
    background:transparent !important;
    width:auto !important;height:auto !important;
    border:0 !important;opacity:1 !important;
  }
  .site-header .main-nav a{
    width:100% !important;
    min-height:48px !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:.84rem .95rem !important;
    border-radius:16px !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    box-shadow:none !important;
    color:#0f172a !important;
    font-size:.95rem !important;
    font-weight:700 !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
  .site-header .main-nav a:hover,
  .site-header .main-nav a.active{background:#edf6fb !important;color:#0e5c86 !important;border-color:rgba(14,92,134,.22) !important;}
  .site-header .main-nav a::before{display:none !important;content:none !important;}
  .site-header .main-nav a::after{
    content:"‹" !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
    width:26px !important;height:26px !important;border-radius:999px !important;background:#eaf3f8 !important;color:#0e5c86 !important;
    font-weight:800 !important;font-size:1.15rem !important;line-height:1 !important;
  }
  html[dir="ltr"] .site-header .main-nav a::after{content:"›" !important;}
  body.menu-open,body.nav-open{overflow:hidden !important;touch-action:none !important;}
}
@media (min-width:981px){
  .menu-backdrop{display:none !important;}
  body.menu-open,body.nav-open{overflow:auto !important;touch-action:auto !important;}
}

/* Page proportions transferred from home page */
.page-title,
.archive-title,
.content-title,
.single-title{
  color:#0f172a !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
}
.page-title{font-size:clamp(1.45rem,2.4vw,2.15rem) !important;margin:0 0 .45rem !important;}
.page-sub,.archive-sub,.content-date,.single-meta{color:#64748b !important;line-height:1.9 !important;}
.page-tabs,.hero-tabs,.archive-tabs,.content-tabs,.simple-page-tabs{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:.55rem !important;
  flex-wrap:wrap !important;
  margin:1rem 0 1.25rem !important;
  padding:.45rem !important;
  border:1px solid rgba(14,92,134,.13) !important;
  border-radius:22px !important;
  background:#ffffff !important;
  box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
.page-tabs a,.hero-tabs a,.archive-tabs a,.content-tabs a,.simple-page-tabs a{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;justify-content:center !important;
  padding:.58rem .92rem !important;
  border-radius:999px !important;
  font-size:.88rem !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  color:#334155 !important;
  background:#f8fafc !important;
  border:1px solid #e2e8f0 !important;
}
.page-tabs a:hover,.hero-tabs a:hover,.archive-tabs a:hover,.content-tabs a:hover,
.page-tabs a.active,.hero-tabs a.active,.archive-tabs a.active,.content-tabs a.active,.simple-page-tabs a.active{
  background:linear-gradient(135deg,#0e5c86,#0f766e) !important;
  color:#fff !important;
  border-color:transparent !important;
}
.archive-hero,
.content-card,
.single-card,
.search-box,
.filter-form,
.side-card,
.minister-card,
.dec-card,
.news-card,
.archive-item,
.panel-card,
.hero-panel,
.hero-stat-card{
  background:#ffffff !important;
  border:1px solid rgba(14,92,134,.12) !important;
  border-radius:var(--mhu-card-radius) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.07) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
.archive-hero,
.content-card,
.single-card{padding:clamp(1rem,2vw,1.55rem) !important;}
.search-box,.filter-form{padding:clamp(.85rem,1.4vw,1.1rem) !important;}
.search-grid{gap:.75rem !important;align-items:end !important;}
.search-grid input,.search-grid select,.field-input,.field-select,
input[type="text"],input[type="search"],select,textarea{
  min-height:46px !important;
  border-radius:14px !important;
  border:1px solid #dbe5ee !important;
  background:#fff !important;
  color:#0f172a !important;
  padding:.62rem .8rem !important;
  font-size:.92rem !important;
  box-shadow:none !important;
}
.btn-primary,.btn-secondary,.download-btn,.details-link,.mini-link,.share-btn,.share-link{
  border-radius:999px !important;
  font-weight:700 !important;
}
.news-list,.dec-list,.archive-grid,.archive-cards,.content-grid,.grid-list{
  gap:var(--mhu-gap) !important;
}
.archive-grid,.archive-cards,.content-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)) !important;
}
.news-card,.dec-card,.archive-item{
  padding:1rem !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}
.news-card:hover,.dec-card:hover,.archive-item:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(14,92,134,.22) !important;
  box-shadow:0 22px 52px rgba(15,23,42,.10) !important;
}
.news-thumb,.archive-thumb,.content-thumb,.single-image,.content-media{
  background:#e8eef5 !important;
  border-radius:18px !important;
  overflow:hidden !important;
}
.news-thumb img,.archive-thumb img,.content-thumb img,.single-image img,.content-media img{
  width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;
}
.news-title,.archive-item-title,.dec-title,.item-title{
  color:#0f172a !important;
  font-weight:800 !important;
  line-height:1.55 !important;
  white-space:normal !important;
}
.news-summary,.archive-item-summary,.dec-summary,.item-summary{
  color:#475569 !important;
  line-height:1.85 !important;
  font-size:.92rem !important;
}
.news-meta,.archive-meta,.dec-date,.content-date,.item-meta{
  color:#64748b !important;
  font-size:.82rem !important;
  font-weight:600 !important;
}
.content-wrapper{
  width:min(100% - clamp(1rem,3vw,2.5rem),var(--mhu-content-max)) !important;
  margin-inline:auto !important;
}
.content-title{font-size:clamp(1.45rem,2.3vw,2.35rem) !important;}
.content-body,.single-body{
  color:#1f2937 !important;
  font-size:clamp(.98rem,1.05vw,1.08rem) !important;
  line-height:2.05 !important;
}
.badge-pill,.archive-chip,.hero-meta-chip,.count-badge{
  border-radius:999px !important;
  font-weight:700 !important;
  background:#eef7fb !important;
  color:#0e5c86 !important;
}

@media (min-width:1100px){
  .content-layout,.archive-layout{gap:clamp(1.2rem,2.2vw,2rem) !important;}
  .news-thumb{flex-basis:132px !important;width:132px !important;height:108px !important;}
}
@media (max-width:900px){
  .container,main.container,.site-header .container,.site-footer .footer-grid,.site-footer .footer-inner,.main-sections{width:min(100% - 1.1rem,var(--mhu-page-max)) !important;}
  main.container{padding-top:1rem !important;}
  .page-tabs,.hero-tabs,.archive-tabs,.content-tabs,.simple-page-tabs{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding:.4rem !important;
    gap:.45rem !important;
    scrollbar-width:none !important;
  }
  .page-tabs::-webkit-scrollbar,.hero-tabs::-webkit-scrollbar,.archive-tabs::-webkit-scrollbar,.content-tabs::-webkit-scrollbar{display:none !important;}
  .page-tabs a,.hero-tabs a,.archive-tabs a,.content-tabs a,.simple-page-tabs a{
    flex:0 0 auto !important;
    font-size:.84rem !important;
    padding:.54rem .82rem !important;
  }
  .news-card{
    display:grid !important;
    grid-template-columns:104px minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:.85rem !important;
    min-height:118px !important;
    padding:.85rem !important;
  }
  .news-thumb{width:104px !important;height:104px !important;flex:0 0 104px !important;border-radius:16px !important;}
  .news-title{font-size:.95rem !important;line-height:1.55 !important;}
  .news-summary{font-size:.84rem !important;line-height:1.7 !important;-webkit-line-clamp:2 !important;}
  .content-card,.single-card,.archive-hero,.search-box,.filter-form{border-radius:20px !important;padding:1rem !important;}
}
@media (max-width:520px){
  .site-header .site-title,.site-header .header-title,.site-header .brand-title{max-width:48vw !important;font-size:.82rem !important;}
  .mobile-toggle,.menu-toggle{width:44px !important;height:44px !important;min-width:44px !important;border-radius:14px !important;}
  .site-header .main-nav{width:min(90vw,340px) !important;padding-top:5rem !important;}
  .news-card{grid-template-columns:92px minmax(0,1fr) !important;gap:.75rem !important;border-radius:20px !important;}
  .news-thumb{width:92px !important;height:92px !important;flex-basis:92px !important;}
  .news-meta{font-size:.76rem !important;}
  .news-title{font-size:.88rem !important;}
  .news-summary{display:none !important;}
  .page-title{font-size:1.35rem !important;}
  .content-title{font-size:1.35rem !important;}
  .content-body,.single-body{font-size:.96rem !important;line-height:1.95 !important;}
}

/* =====================================================================
   v3.1 — Mobile edge fix, menu-backdrop removal, archive icons/header/footer polish
   ===================================================================== */
html,body{
  max-width:100% !important;
  overflow-x:hidden !important;
}
body > header,
body > main,
body > section,
body > footer{
  max-width:100vw !important;
}
.menu-backdrop{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.menu-open .menu-backdrop,
body.nav-open .menu-backdrop{display:none !important;}

/* Sharper mobile header without odd gaps */
.site-header{
  background:#fff !important;
  border-bottom:1px solid rgba(14,92,134,.12) !important;
  box-shadow:0 8px 26px rgba(15,23,42,.065) !important;
}
.site-header .header-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.75rem !important;
  width:100% !important;
}
.site-header .logo-wrap,
.site-header .header-brand,
.site-header .brand-link{
  min-width:0 !important;
  max-width:100% !important;
}
.site-header .site-title,
.site-header .header-title,
.site-header .brand-title{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.site-header .header-actions,
.site-header .header-right{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:.45rem !important;
}

/* Mobile menu: clear drawer, no blurry overlay, no clipped sides */
@media (max-width:980px){
  .site-header .container,
  .container,
  main.container,
  .archive-hero > .container,
  .archive-layout > .container,
  .content-wrapper.container,
  .container.content-wrapper,
  .site-footer .footer-grid,
  .site-footer .footer-inner,
  .site-footer .footer-cols{
    width:calc(100% - 1rem) !important;
    max-width:calc(100% - 1rem) !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
  }
  .site-header .header-inner{min-height:64px !important;padding-block:.45rem !important;}
  .site-header .logo-circle,
  .site-header .header-logo,
  .site-header .brand-logo-img{
    width:44px !important;height:44px !important;min-width:44px !important;border-radius:14px !important;
  }
  .site-header .site-title,
  .site-header .header-title,
  .site-header .brand-title{
    max-width:48vw !important;
    font-size:.82rem !important;
    line-height:1.35 !important;
  }
  .site-header .lang-switch a{font-size:.73rem !important;padding:.24rem .5rem !important;}
  .mobile-toggle,.menu-toggle{
    display:inline-flex !important;
    width:42px !important;height:42px !important;min-width:42px !important;
    border-radius:13px !important;
    z-index:10080 !important;
    background:#fff !important;
    border:1px solid rgba(14,92,134,.2) !important;
    box-shadow:0 6px 18px rgba(15,23,42,.09) !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .mobile-toggle span,.menu-toggle span{height:2.4px !important;width:22px !important;background:#0e5c86 !important;filter:none !important;}
  body.menu-open .mobile-toggle span,body.menu-open .menu-toggle span{background:#fff !important;}
  .site-header .main-nav{
    width:min(88vw,340px) !important;
    max-width:calc(100vw - .75rem) !important;
    height:calc(100dvh - .75rem) !important;
    top:.375rem !important;
    bottom:.375rem !important;
    right:.375rem !important;
    left:auto !important;
    padding:4.75rem .85rem 1rem !important;
    background:#fff !important;
    border:1px solid rgba(14,92,134,.14) !important;
    border-radius:22px !important;
    box-shadow:0 18px 48px rgba(15,23,42,.18) !important;
    transform:translate3d(105%,0,0) !important;
    overflow-x:hidden !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  html[dir="ltr"] .site-header .main-nav{
    left:.375rem !important;
    right:auto !important;
    transform:translate3d(-105%,0,0) !important;
  }
  body.menu-open .site-header .main-nav,
  body.nav-open .site-header .main-nav{
    transform:translate3d(0,0,0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .site-header .main-nav::before{
    content:"القائمة" !important;
    top:1.05rem !important;
    inset-inline-start:1rem !important;
    font-size:1rem !important;
  }
  .site-header .main-nav a{
    min-height:46px !important;
    border-radius:15px !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    color:#0f172a !important;
    font-size:.92rem !important;
    font-weight:800 !important;
  }
}

/* Archive and inner page proportions */
.archive-layout .archive-grid{
  display:grid !important;
  grid-template-columns:minmax(250px,320px) minmax(0,1fr) !important;
  gap:clamp(1rem,2vw,1.5rem) !important;
  align-items:start !important;
}
.archive-layout .archive-cards{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)) !important;
  gap:clamp(.85rem,1.6vw,1.15rem) !important;
}
.archive-menu{
  display:flex !important;
  flex-direction:column !important;
  gap:.5rem !important;
}
.archive-menu a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.75rem !important;
  min-width:0 !important;
}
.archive-menu-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:.55rem !important;
  min-width:0 !important;
}
.archive-menu-label > span:last-child{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.archive-icon,
.icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  background:#edf6fb !important;
  color:#0e5c86 !important;
  font-size:.92rem !important;
  line-height:1 !important;
  flex-shrink:0 !important;
}
.archive-icon i,
.icon i{line-height:1 !important;}
.archive-icon-large{width:56px !important;height:56px !important;border-radius:18px !important;font-size:1.35rem !important;}
.hero-kicker .archive-icon{width:26px !important;height:26px !important;border-radius:9px !important;background:#fff !important;}
.placeholder{display:flex !important;align-items:center !important;justify-content:center !important;min-height:140px !important;background:#edf6fb !important;color:#0e5c86 !important;}

/* Prevent cropped mobile buttons/tabs and strange side blanks */
@media (max-width:700px){
  .archive-hero,
  .archive-layout,
  main,
  .main-sections{
    overflow-x:hidden !important;
  }
  .archive-hero-card,
  .archive-layout .archive-grid,
  .content-layout,
  .site-footer .footer-layout{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  .archive-menu{position:static !important;}
  .hero-panel,
  .hero-stat-card,
  .panel-card,
  .content-card,
  .single-card,
  .search-box,
  .filter-form{
    width:100% !important;
    max-width:100% !important;
    border-radius:20px !important;
    padding:.95rem !important;
  }
  .hero-tabs,
  .page-tabs,
  .archive-tabs,
  .content-tabs,
  .simple-page-tabs{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    flex-wrap:unset !important;
    gap:.45rem !important;
    padding:.45rem !important;
    margin:.9rem 0 1rem !important;
    scroll-snap-type:none !important;
  }
  .hero-tabs a,
  .page-tabs a,
  .archive-tabs a,
  .content-tabs a,
  .simple-page-tabs a{
    width:100% !important;
    min-width:0 !important;
    flex:initial !important;
    padding:.55rem .45rem !important;
    font-size:.8rem !important;
    white-space:normal !important;
    text-align:center !important;
    line-height:1.45 !important;
  }
  .hero-quick-links{
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:.5rem !important;
  }
  .hero-quick-links a{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  .archive-menu a{padding:.65rem .7rem !important;border-radius:15px !important;}
  .archive-menu .count-badge,.count-badge{min-width:34px !important;flex-shrink:0 !important;}
}
@media (max-width:390px){
  .hero-tabs,
  .page-tabs,
  .archive-tabs,
  .content-tabs,
  .simple-page-tabs{
    grid-template-columns:1fr 1fr !important;
  }
  .site-header .site-title,
  .site-header .header-title,
  .site-header .brand-title{max-width:42vw !important;font-size:.78rem !important;}
  .site-header .lang-switch a{padding:.22rem .42rem !important;}
}

/* Header/footer visual unification on inner pages */
.site-footer{
  margin-top:2.4rem !important;
  background:
    radial-gradient(circle at 0% 0%,rgba(212,169,79,.18),transparent 28%),
    linear-gradient(135deg,#061a2e 0%,#0b3856 52%,#0e5c86 100%) !important;
}
.site-footer .footer-layout > div{
  border-radius:22px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.site-footer .footer-bottom,
.site-footer .footer-bottom-inner,
.site-footer .copyright-bar{
  border-radius:18px !important;
  background:rgba(255,255,255,.055) !important;
}
@media (max-width:700px){
  .site-footer{padding-top:1.75rem !important;margin-top:1.7rem !important;}
  .site-footer .footer-grid,
  .site-footer .footer-inner,
  .site-footer .footer-cols{width:calc(100% - 1rem) !important;max-width:calc(100% - 1rem) !important;padding-inline:0 !important;}
  .site-footer .footer-layout{gap:.75rem !important;}
  .site-footer .footer-layout > div{padding:.95rem !important;border-radius:19px !important;}
  .site-footer .footer-bottom{padding:.8rem !important;}
}


/* =========================================================
   v3.2 — Content view: refined sharing icons, QR popup, justified text
   ========================================================= */
body.qr-open{overflow:hidden !important;}

.content-body,
.content-body p,
.content-body li,
.single-body,
.single-body p,
.single-body li{
  text-align:justify !important;
  text-justify:inter-word !important;
  hyphens:auto !important;
}
html[dir="rtl"] .content-body,
html[dir="rtl"] .content-body p,
html[dir="rtl"] .content-body li,
html[dir="rtl"] .single-body,
html[dir="rtl"] .single-body p,
html[dir="rtl"] .single-body li{
  direction:rtl !important;
  text-align-last:right !important;
}
html[dir="ltr"] .content-body,
html[dir="ltr"] .content-body p,
html[dir="ltr"] .content-body li,
html[dir="ltr"] .single-body,
html[dir="ltr"] .single-body p,
html[dir="ltr"] .single-body li{
  direction:ltr !important;
  text-align-last:left !important;
}
.content-body :where(h1,h2,h3,h4,h5,h6),
.single-body :where(h1,h2,h3,h4,h5,h6){
  text-align:start !important;
  text-align-last:start !important;
}

.content-card .share-bar,
.single-card .share-bar{
  margin-top:1.35rem !important;
  padding:1rem !important;
  border:1px solid rgba(14,92,134,.13) !important;
  border-top:1px solid rgba(14,92,134,.13) !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#f8fbfd 0%,#ffffff 58%,#eef7fb 100%) !important;
  box-shadow:0 14px 32px rgba(15,23,42,.055) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.85rem !important;
}
.content-card .share-label,
.single-card .share-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:.48rem !important;
  color:#0b3856 !important;
  font-size:.94rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
.content-card .share-label::before,
.single-card .share-label::before{
  content:"\f1e0" !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  color:#0e5c86 !important;
  background:#e8f4f9 !important;
  border:1px solid rgba(14,92,134,.15) !important;
}
.content-card .share-buttons,
.single-card .share-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:.55rem !important;
}
.content-card .share-btn,
.single-card .share-btn,
.content-card .share-link,
.single-card .share-link{
  min-height:42px !important;
  padding:.42rem .72rem !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.09) !important;
  background:#ffffff !important;
  color:#0f172a !important;
  box-shadow:0 8px 18px rgba(15,23,42,.055) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.42rem !important;
  font-size:.84rem !important;
  font-weight:800 !important;
  cursor:pointer !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease !important;
}
.content-card .share-btn:hover,
.single-card .share-btn:hover,
.content-card .share-link:hover,
.single-card .share-link:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 14px 26px rgba(15,23,42,.095) !important;
  border-color:rgba(14,92,134,.24) !important;
}
.content-card .share-btn .icon,
.single-card .share-btn .icon{
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
  font-size:.95rem !important;
}
.share-fb .icon{color:#1877f2 !important;background:rgba(24,119,242,.10) !important;}
.share-wa .icon{color:#16a34a !important;background:rgba(22,163,74,.11) !important;}
.share-mail .icon{color:#f97316 !important;background:rgba(249,115,22,.11) !important;}
.share-copy .icon{color:#475569 !important;background:rgba(71,85,105,.10) !important;}
.content-card .share-qr,
.single-card .share-qr{
  background:linear-gradient(135deg,#0e5c86,#0f766e) !important;
  color:#ffffff !important;
  border-color:transparent !important;
}
.content-card .share-qr .icon,
.single-card .share-qr .icon{
  color:#ffffff !important;
  background:rgba(255,255,255,.18) !important;
}

.qr-overlay{
  position:fixed !important;
  inset:0 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:1rem !important;
  background:rgba(2,6,23,.68) !important;
  z-index:10080 !important;
}
.qr-overlay.active{display:flex !important;}
.qr-box{
  position:relative !important;
  width:min(94vw,430px) !important;
  max-width:430px !important;
  padding:1.25rem !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%) !important;
  border:1px solid rgba(255,255,255,.8) !important;
  box-shadow:0 34px 90px rgba(2,6,23,.42) !important;
  text-align:center !important;
  overflow:hidden !important;
  color:#0f172a !important;
}
.qr-box::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:92px !important;
  background:radial-gradient(circle at 50% 0%,rgba(14,92,134,.18),transparent 66%) !important;
  pointer-events:none !important;
}
.qr-icon-close{
  position:absolute !important;
  top:.85rem !important;
  inset-inline-end:.85rem !important;
  width:38px !important;
  height:38px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#334155 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  box-shadow:0 8px 18px rgba(15,23,42,.08) !important;
  z-index:2 !important;
}
.qr-modal-icon{
  position:relative !important;
  z-index:1 !important;
  width:58px !important;
  height:58px !important;
  margin:0 auto .65rem !important;
  border-radius:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,#0e5c86,#0f766e) !important;
  color:#ffffff !important;
  font-size:1.45rem !important;
  box-shadow:0 16px 28px rgba(14,92,134,.24) !important;
}
.qr-box h3{
  position:relative !important;
  z-index:1 !important;
  margin:.1rem 0 .35rem !important;
  color:#0b3856 !important;
  font-size:1.18rem !important;
  font-weight:900 !important;
  line-height:1.5 !important;
}
.qr-desc{
  position:relative !important;
  z-index:1 !important;
  margin:0 auto .85rem !important;
  max-width:330px !important;
  color:#64748b !important;
  font-size:.9rem !important;
  line-height:1.8 !important;
}
.qr-image-wrap{
  width:230px !important;
  height:230px !important;
  margin:.65rem auto .85rem !important;
  padding:.72rem !important;
  border-radius:24px !important;
  background:#ffffff !important;
  border:1px solid rgba(14,92,134,.14) !important;
  box-shadow:inset 0 0 0 6px #f1f8fb,0 12px 30px rgba(15,23,42,.08) !important;
}
.qr-box img,
.qr-box canvas,
.qr-box svg{
  width:100% !important;
  height:100% !important;
  border-radius:16px !important;
  display:block !important;
}
.qr-link-label{
  margin:.25rem 0 .28rem !important;
  color:#0e5c86 !important;
  font-size:.78rem !important;
  font-weight:900 !important;
}
.qr-link-text{
  direction:ltr !important;
  max-width:100% !important;
  padding:.55rem .7rem !important;
  border-radius:14px !important;
  background:#eef7fb !important;
  border:1px solid rgba(14,92,134,.12) !important;
  color:#334155 !important;
  font-size:.75rem !important;
  line-height:1.55 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.qr-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.55rem !important;
  margin-top:1rem !important;
  flex-wrap:wrap !important;
}
.qr-action-primary,
.qr-close{
  min-height:42px !important;
  border:none !important;
  border-radius:999px !important;
  padding:.52rem 1rem !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.45rem !important;
  cursor:pointer !important;
  font-size:.86rem !important;
  font-weight:900 !important;
}
.qr-action-primary{
  color:#ffffff !important;
  background:linear-gradient(135deg,#0e5c86,#0f766e) !important;
  box-shadow:0 12px 24px rgba(14,92,134,.22) !important;
}
.qr-close{
  color:#334155 !important;
  background:#eaf1f5 !important;
}
.qr-icon-close:hover,
.qr-action-primary:hover,
.qr-close:hover{transform:translateY(-1px) !important;}

@media (max-width:700px){
  .content-card .share-bar,
  .single-card .share-bar{
    align-items:stretch !important;
    justify-content:flex-start !important;
    padding:.85rem !important;
    border-radius:20px !important;
  }
  .content-card .share-label,
  .single-card .share-label{width:100% !important;}
  .content-card .share-buttons,
  .single-card .share-buttons{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.5rem !important;
  }
  .content-card .share-btn,
  .single-card .share-btn{
    width:100% !important;
    padding:.44rem .55rem !important;
    justify-content:flex-start !important;
    font-size:.8rem !important;
  }
  .content-card .share-qr,
  .single-card .share-qr{grid-column:1 / -1 !important;justify-content:center !important;}
  .qr-box{width:min(94vw,390px) !important;padding:1.05rem !important;border-radius:24px !important;}
  .qr-image-wrap{width:210px !important;height:210px !important;}
  .qr-actions{display:grid !important;grid-template-columns:1fr 1fr !important;}
  .qr-action-primary,.qr-close{width:100% !important;}
}
@media (max-width:380px){
  .content-card .share-buttons,
  .single-card .share-buttons{grid-template-columns:1fr !important;}
  .content-card .share-qr,
  .single-card .share-qr{grid-column:auto !important;}
  .qr-image-wrap{width:190px !important;height:190px !important;}
}