/* ============================================================
   YOU Organization — Premium Design System
   منظمة يو للسلام والتنمية
   Brand: Deep Trust Blue #10315a  |  Humanitarian Green #7cb13f
   ============================================================ */

/* ---------- Fonts ---------- */
/* ---------- Brand Tokens ---------- */
:root {
  /* Brand core */
  --brand-blue: #10315a;
  --brand-blue-2: #1c4e85;
  --brand-green: #7cb13f;
  --brand-green-2: #6aa130;
  --brand-cyan: #17b6c9;
  --brand-purple: #6d4aff;
  --brand-gold: #e7a83a;

  /* Status */
  --success: #2e9e5b;
  --warning: #e9b949;
  --danger: #e2433b;
  --info: #2f7fd1;

  /* Surfaces (Light defaults — overridden by theme) */
  --bg: #f4f7fb;
  --bg-2: #eaf0f7;
  --surface: #ffffff;
  --surface-2: #f7f9fc;
  --glass: rgba(255, 255, 255, 0.65);
  --glass-strong: rgba(255, 255, 255, 0.82);
  --glass-border: rgba(255, 255, 255, 0.55);
  --line: #e2e8f0;

  /* Text */
  --text: #15233b;
  --text-2: #4a5a73;
  --text-3: #7e8ba0;
  --on-brand: #ffffff;

  /* Effects */
  --shadow-sm: 0 2px 8px rgba(16, 49, 90, 0.06);
  --shadow: 0 10px 30px rgba(16, 49, 90, 0.10);
  --shadow-lg: 0 24px 60px rgba(16, 49, 90, 0.16);
  --glow-green: 0 0 0 6px rgba(124, 177, 63, 0.18);
  --glow-blue: 0 0 0 6px rgba(16, 49, 90, 0.16);

  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 26px;
  --radius-xl: 34px;

  --grad-hero: radial-gradient(1200px 600px at 85% -10%, rgba(124,177,63,.20), transparent 60%),
               radial-gradient(900px 500px at 0% 10%, rgba(23,182,201,.16), transparent 55%),
               linear-gradient(135deg, #0c2545 0%, #10315a 45%, #16447a 100%);
  --grad-brand: linear-gradient(120deg, var(--brand-blue), var(--brand-blue-2));
  --grad-green: linear-gradient(120deg, var(--brand-green), var(--brand-green-2));

  --font-ar: 'Cairo', 'Tajawal', system-ui, sans-serif;
  --font-en: 'Inter', system-ui, sans-serif;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --nav-h: 76px;
}

/* ---------- Theme: Dark ---------- */
[data-theme="dark"] {
  --bg: #0c1422;
  --bg-2: #0a1019;
  --surface: #131d30;
  --surface-2: #18243b;
  --glass: rgba(22, 33, 53, 0.6);
  --glass-strong: rgba(22, 33, 53, 0.85);
  --glass-border: rgba(255, 255, 255, 0.08);
  --line: #25324a;
  --text: #eaf1fb;
  --text-2: #aeb9cc;
  --text-3: #7b8aa3;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55);
  --grad-hero: radial-gradient(1100px 600px at 85% -10%, rgba(124,177,63,.22), transparent 60%),
               linear-gradient(135deg, #060c16 0%, #0c1729 60%, #102a4b 100%);
}

/* ---------- Theme: Midnight ---------- */
[data-theme="midnight"] {
  --bg: #070a16;
  --bg-2: #05070f;
  --surface: #0e1430;
  --surface-2: #141b3d;
  --glass: rgba(20, 27, 61, 0.55);
  --glass-strong: rgba(20, 27, 61, 0.85);
  --glass-border: rgba(120, 130, 255, 0.16);
  --line: #1e2750;
  --text: #e9ecff;
  --text-2: #aeb4e0;
  --text-3: #7780b8;
  --brand-cyan: #4fd0e0;
  --grad-hero: radial-gradient(1000px 600px at 80% -10%, rgba(109,74,255,.30), transparent 55%),
               radial-gradient(800px 500px at 10% 20%, rgba(23,182,201,.20), transparent 55%),
               linear-gradient(140deg, #05070f, #0b1030 60%, #161a52);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.6);
}

/* ---------- Theme: Humanitarian (warm/green) ---------- */
[data-theme="humanitarian"] {
  --bg: #f3f8ef;
  --bg-2: #e9f2e0;
  --surface: #ffffff;
  --surface-2: #f5faf0;
  --glass: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(124, 177, 63, 0.25);
  --line: #dcebcd;
  --text: #1b2e16;
  --text-2: #4a5d44;
  --brand-blue: #2a5d34;
  --brand-blue-2: #357a44;
  --grad-hero: radial-gradient(1100px 600px at 85% -10%, rgba(231,168,58,.22), transparent 60%),
               linear-gradient(135deg, #1f4a26 0%, #2f6b39 55%, #4f9a4a 100%);
  --grad-brand: linear-gradient(120deg, #2a5d34, #4f9a4a);
}

/* ---------- Theme: Executive (mono, refined) ---------- */
[data-theme="executive"] {
  --bg: #eef1f5;
  --bg-2: #e4e9f0;
  --surface: #ffffff;
  --surface-2: #f6f8fb;
  --glass: rgba(255, 255, 255, 0.75);
  --glass-border: rgba(42, 93, 52, 0.16);
  --line: #d4dfd2;
  --text: #102016;
  --text-2: #425447;
  --brand-blue: #173d24;
  --brand-blue-2: #245a33;
  --brand-green: #2a6b3a;
  --brand-green-2: #4f9a4a;
  --grad-hero: linear-gradient(135deg, #102016 0%, #1f4a26 58%, #4f9a4a 100%);
  --grad-green: linear-gradient(120deg, #245a33, #4f9a4a);
}

/* ============================================================
   Base
   ============================================================ */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-ar);
  background: var(--bg);
  color: var(--text);
  line-height: 1.7;
  overflow-x: hidden;
  transition: background .4s var(--ease), color .3s var(--ease);
  min-height: 100vh;
}
html[lang="en"] body, body.ltr { font-family: var(--font-en); }
[dir="ltr"] { direction: ltr; text-align: left; }
[dir="rtl"] { direction: rtl; text-align: right; }

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
input, textarea, select { font-family: inherit; }

::selection { background: var(--brand-green); color: #fff; }

/* Scrollbar */
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: linear-gradient(var(--brand-blue), var(--brand-green)); border-radius: 10px; border: 3px solid var(--bg); }

/* ============================================================
   Layout helpers
   ============================================================ */
.container { width: min(1240px, 92vw); margin-inline: auto; }
.section { padding: clamp(56px, 8vw, 120px) 0; }
.grid { display: grid; gap: 24px; }
.flex { display: flex; }
.center { display: flex; align-items: center; justify-content: center; }
.text-grad {
  background: linear-gradient(120deg, var(--brand-blue), var(--brand-green));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
[data-theme="dark"] .text-grad, [data-theme="midnight"] .text-grad {
  background: linear-gradient(120deg, #9ec8ff, var(--brand-green));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Section heading */
.sec-head { text-align: center; max-width: 760px; margin: 0 auto clamp(36px, 5vw, 60px); }
.sec-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 700; font-size: .82rem; letter-spacing: .04em;
  color: var(--brand-green); padding: 7px 16px; border-radius: 999px;
  background: rgba(124, 177, 63, .12); margin-bottom: 16px;
}
.sec-title { font-size: clamp(1.7rem, 3.6vw, 2.9rem); font-weight: 800; line-height: 1.25; letter-spacing: -.01em; }
.sec-sub { color: var(--text-2); margin-top: 14px; font-size: 1.05rem; }

/* ============================================================
   Glass card
   ============================================================ */
.glass {
  background: var(--glass);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .3s;
}
.card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: rgba(124,177,63,.4); }

/* ============================================================
   Buttons
   ============================================================ */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-weight: 700; font-size: .98rem; padding: 13px 26px; border-radius: 999px;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s;
  white-space: nowrap;
}
.btn:active { transform: scale(.97); }
.btn-primary { background: var(--grad-green); color: #fff; box-shadow: 0 10px 24px rgba(124,177,63,.32); }
.btn-primary:hover { filter: brightness(1.05); box-shadow: 0 16px 34px rgba(124,177,63,.42); transform: translateY(-2px); }
.btn-blue { background: var(--grad-brand); color: #fff; box-shadow: 0 10px 24px rgba(16,49,90,.3); }
.btn-blue:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(16,49,90,.4); }
.btn-ghost { background: var(--glass-strong); color: var(--text); border: 1px solid var(--glass-border); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.btn-ghost:hover { border-color: var(--brand-green); color: var(--brand-green); }
.btn-outline { border: 1.6px solid currentColor; color: var(--brand-blue); }
[data-theme="dark"] .btn-outline, [data-theme="midnight"] .btn-outline { color: #9ec8ff; }
.btn-lg { padding: 16px 34px; font-size: 1.05rem; }
.btn-sm { padding: 9px 18px; font-size: .85rem; }

/* Pill / chip */
.chip {
  display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px;
  border-radius: 999px; font-size: .8rem; font-weight: 600;
  background: rgba(16,49,90,.07); color: var(--brand-blue);
}
[data-theme="dark"] .chip, [data-theme="midnight"] .chip { background: rgba(255,255,255,.07); color: #cfe0ff; }
.chip-green { background: rgba(124,177,63,.14); color: var(--brand-green-2); }
.chip-gold  { background: rgba(231,168,58,.16); color: var(--brand-gold); }
.chip-cyan  { background: rgba(23,182,201,.14); color: var(--brand-cyan); }
.chip-purple{ background: rgba(109,74,255,.14); color: var(--brand-purple); }
.chip-danger{ background: rgba(226,67,59,.14); color: var(--danger); }

/* ============================================================
   Animations
   ============================================================ */
@keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes pulseGlow { 0%,100% { box-shadow: 0 0 0 0 rgba(124,177,63,.4);} 50%{ box-shadow: 0 0 0 16px rgba(124,177,63,0);} }
@keyframes shimmer { to { background-position: 200% center; } }
@keyframes spinSlow { to { transform: rotate(360deg); } }

.reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.in { opacity: 1; transform: none; }
.reveal.d1 { transition-delay: .1s; } .reveal.d2 { transition-delay: .2s; }
.reveal.d3 { transition-delay: .3s; } .reveal.d4 { transition-delay: .4s; }
.float { animation: floaty 6s var(--ease) infinite; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* utility */
.muted { color: var(--text-2); }
.tac { text-align: center; }
.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:40px}
.hide { display: none !important; }

/* Responsive grid helpers */
.grid-2col { grid-template-columns: 1fr 1fr; }
.grid-asymmetric { grid-template-columns: 1.1fr .9fr; }
.grid-content-aside { grid-template-columns: 1.2fr .8fr; }

@media (max-width: 1024px) {
  .grid-asymmetric,
  .grid-content-aside {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px) {
  .grid-2col,
  .grid-asymmetric,
  .grid-content-aside {
    grid-template-columns: 1fr !important;
  }
}


/* YOU Yemen CMS upgrades */
.cms-page-content .preserved-content main{display:block}.cms-page-content .preserved-content main>.page-hero:first-child{display:none}.preserved-content main{all:unset;display:block}.cards-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:900px){.cards-4,.cards-3,.cards-2{grid-template-columns:1fr}}
.you-3d-gallery,.you-3d-videos{position:relative;min-height:440px;perspective:1200px;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,rgba(22,163,74,.10),rgba(37,99,235,.08));border:1px solid var(--border);padding:30px}.cube-item,.video-3d-card{position:absolute;inset:auto;width:260px;height:190px;left:50%;top:50%;margin-left:-130px;margin-top:-95px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--card);animation:you3d 24s linear infinite;opacity:.92}.cube-item img{width:100%;height:100%;object-fit:cover}.cube-item figcaption{position:absolute;bottom:0;inset-inline:0;padding:8px;background:rgba(0,0,0,.45);color:#fff;font-size:.8rem}.cube-item:nth-child(1){animation-delay:0s}.cube-item:nth-child(2){animation-delay:-3s}.cube-item:nth-child(3){animation-delay:-6s}.cube-item:nth-child(4){animation-delay:-9s}.cube-item:nth-child(5){animation-delay:-12s}.cube-item:nth-child(6){animation-delay:-15s}.cube-item:nth-child(7){animation-delay:-18s}.cube-item:nth-child(8){animation-delay:-21s}.cube-item:nth-child(9){animation-delay:-24s}.cube-item:nth-child(10){animation-delay:-27s}.video-3d-card iframe{width:100%;height:100%;border:0}.video-3d-card:nth-child(1){animation-delay:0s}.video-3d-card:nth-child(2){animation-delay:-8s}.video-3d-card:nth-child(3){animation-delay:-16s}@keyframes you3d{0%{transform:translate3d(-390px,-60px,-220px) rotateY(-45deg) scale(.62);opacity:.2}16%{transform:translate3d(-180px,80px,-80px) rotateY(-18deg) scale(.82);opacity:.75}33%{transform:translate3d(0,0,120px) rotateY(0deg) scale(1.1);opacity:1}50%{transform:translate3d(220px,-80px,-40px) rotateY(25deg) scale(.88);opacity:.8}66%{transform:translate3d(390px,70px,-180px) rotateY(48deg) scale(.64);opacity:.25}83%{transform:translate3d(0,-150px,-260px) rotateX(18deg) scale(.55);opacity:.08}100%{transform:translate3d(-390px,-60px,-220px) rotateY(-45deg) scale(.62);opacity:.2}}
.admin-link-floating{position:fixed;bottom:18px;left:18px;z-index:50;background:var(--brand-green);color:#fff;padding:9px 14px;border-radius:999px;font-weight:800;box-shadow:var(--shadow);text-decoration:none}.footer .footer-bottom div strong{display:block;color:var(--brand-green)}


/* CMS fix: Google Translate translates text only. Keep the original Arabic/RTL visual layout without JS observers. */
html,
html[lang="en"],
html[lang="tr"],
html.translated-ltr,
html.translated-rtl,
html[data-layout-dir="rtl"] {
  direction: rtl !important;
}
html body,
html[lang="en"] body,
html[lang="tr"] body,
html.translated-ltr body,
html.translated-rtl body,
body.ltr,
body.rtl {
  direction: rtl !important;
  text-align: right !important;
}
body.ltr { font-family: var(--font-ar); }
html[lang="en"] body,
html[lang="tr"] body { font-family: var(--font-ar); }
html.translated-ltr .site-header,
html.translated-ltr .navbar,
html.translated-ltr .drawer,
html.translated-ltr .drawer-panel,
html.translated-ltr main,
html.translated-ltr section,
html.translated-ltr .container,
html.translated-ltr .card,
html.translated-ltr .footer,
html.translated-ltr .site-footer,
html.translated-rtl .site-header,
html.translated-rtl .navbar,
html.translated-rtl .drawer,
html.translated-rtl .drawer-panel,
html.translated-rtl main,
html.translated-rtl section,
html.translated-rtl .container,
html.translated-rtl .card,
html.translated-rtl .footer,
html.translated-rtl .site-footer {
  direction: rtl !important;
  text-align: right !important;
}
html.translated-ltr [dir="ltr"]:not(html):not(body):not(.ltr-keep):not([data-ltr]):not(input):not(textarea),
html.translated-rtl [dir="ltr"]:not(html):not(body):not(.ltr-keep):not([data-ltr]):not(input):not(textarea) {
  direction: rtl !important;
  text-align: inherit !important;
}
.ltr-keep,
[data-ltr],
input[type="email"],
input[type="url"],
input[type="tel"] {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
}
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover {
  display: none !important;
}
body { top: 0 !important; }

/* CMS precise fix: Google translates text only; no toolbar, no layout flip, language button stays abbreviated. */
html, body, html.translated-ltr, html.translated-rtl, html.translated-ltr body, html.translated-rtl body, body.ltr, body.rtl {
  direction: rtl !important;
  text-align: right !important;
}
body { top: 0 !important; position: static !important; }
#google_translate_element,
.goog-te-gadget,
.goog-te-gadget-simple,
.goog-te-gadget-icon,
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.VIpgJd-ZVi9od-ORHb,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
body > .skiptranslate,
body > iframe.skiptranslate,
iframe.skiptranslate {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
html.translated-ltr .site-header,
html.translated-ltr .navbar,
html.translated-ltr .drawer,
html.translated-ltr .drawer-panel,
html.translated-ltr main,
html.translated-ltr section,
html.translated-ltr .container,
html.translated-ltr .card,
html.translated-ltr .footer,
html.translated-ltr .site-footer,
html.translated-rtl .site-header,
html.translated-rtl .navbar,
html.translated-rtl .drawer,
html.translated-rtl .drawer-panel,
html.translated-rtl main,
html.translated-rtl section,
html.translated-rtl .container,
html.translated-rtl .card,
html.translated-rtl .footer,
html.translated-rtl .site-footer {
  direction: rtl !important;
  text-align: right !important;
}
html.translated-ltr .drawer,
html[dir="ltr"][data-layout-dir="rtl"] .drawer,
[data-layout-dir="rtl"] .drawer {
  right: 0 !important;
  left: auto !important;
  border-inline-start: 1px solid var(--line) !important;
  border-inline-end: none !important;
  transform: translateX(110%) !important;
}
html.translated-ltr .drawer.open,
html[dir="ltr"][data-layout-dir="rtl"] .drawer.open,
[data-layout-dir="rtl"] .drawer.open {
  transform: translateX(0) !important;
  visibility: visible !important;
}
html.translated-ltr .drawer-link:hover,
html[dir="ltr"][data-layout-dir="rtl"] .drawer-link:hover,
[data-layout-dir="rtl"] .drawer-link:hover {
  transform: translateX(-4px) !important;
}
html.translated-ltr [dir="ltr"]:not(html):not(body):not(.ltr-keep):not([data-ltr]):not([data-action="lang"]):not([data-lang-label]):not(input):not(textarea),
html.translated-rtl [dir="ltr"]:not(html):not(body):not(.ltr-keep):not([data-ltr]):not([data-action="lang"]):not([data-lang-label]):not(input):not(textarea) {
  direction: rtl !important;
  text-align: inherit !important;
}
[data-action="lang"], [data-lang-label], .notranslate.lang-no-translate {
  direction: ltr !important;
  text-align: center !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
  letter-spacing: .02em !important;
  min-width: 38px;
}
.ltr-keep, [data-ltr], input[type="email"], input[type="url"], input[type="tel"] {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
}

/* CMS final visual fixes: card/page background, post media order, and interactive scroll reveal. */
.cms-linked-posts { background: transparent !important; }
.cms-post-card,
.cms-filter-post-tile {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
.cms-post-card-summary {
  background: transparent !important;
  color: var(--text-2) !important;
}
.cms-post-card-title.no-media {
  background: linear-gradient(135deg, var(--surface), var(--surface-2)) !important;
  color: var(--text) !important;
}
.cms-post-card-title.no-media .cms-post-card-overlay { display: none !important; }
.cms-post-card-cover {
  background: var(--surface) !important;
  overflow: hidden;
}
.cms-post-card-cover-media {
  display: block;
  width: 100%;
  height: 230px;
  object-fit: cover;
}
.post-title-area:not(.has-bg) { background: var(--grad-hero) !important; }
.post-meta-line--hero { display: none !important; }
.post-meta-line--detail {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  margin: 22px 0 6px;
  padding: 16px;
  border-radius: 18px;
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  color: var(--text-2) !important;
}
.post-meta-line--detail span { display: inline-flex; align-items: center; gap: 7px; }
.post-cover-block-media {
  display: block;
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  border-radius: 24px;
  margin: 0 0 24px;
  box-shadow: var(--shadow-lg);
}
.cms-post-full,
.cms-post-full .container { background: transparent !important; }
.cms-post-content { background: transparent; color: var(--text); }
.reveal { will-change: opacity, transform; }
.reveal.reveal-up { transform: translateY(32px); }
.reveal.reveal-down { transform: translateY(-32px); }
.reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ============================================================
   FIX 2026-07-02: منشورات الصفحات + ترتيب صفحة المنشور + شريط مدة المشروع
   ============================================================ */
.cms-linked-posts,
.cms-top-linked-posts,
.cms-posts-section,
.cms-dynamic-posts { background: transparent !important; }
.cms-linked-posts .container,
.cms-top-linked-posts .container { background: transparent !important; }
.cms-post-card,
.cms-filter-post-tile,
.card.cms-post-card,
.tile.cms-post-card {
  background: var(--glass, rgba(255,255,255,.08)) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow-sm) !important;
  backdrop-filter: blur(10px);
}
.cms-post-card a,
.cms-post-card-link { display:flex !important; flex-direction:column !important; height:100%; }
.cms-post-card-title {
  order: 1;
  background: var(--grad-hero) !important;
  color: var(--text) !important;
  min-height: 132px !important;
  align-items:flex-end !important;
}
.cms-post-card-title.no-media { background: transparent !important; color: var(--text) !important; }
.cms-post-card-title.has-media { color:#fff !important; background:#0f172a !important; min-height:220px !important; }
.cms-post-card-title.no-media .cms-post-card-overlay { display:none !important; }
.cms-post-card-title.has-media .cms-post-card-overlay { display:block !important; }
.cms-post-card-summary {
  order: 2;
  background: transparent !important;
  color: var(--text-2) !important;
  padding: 18px 22px 8px !important;
  margin: 0 !important;
}
.cms-post-card-cover {
  order: 3;
  padding: 0 18px 14px !important;
  background: transparent !important;
  overflow: hidden !important;
}
.cms-post-card-cover-media {
  display:block !important;
  width:100% !important;
  height:260px !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:18px !important;
  margin:0 !important;
}
.post-meta-line--card { order: 4; background: transparent !important; }
.cms-project-progress { order: 5; margin: 6px 22px 22px; }
.cms-project-progress-track {
  width:100%; height: 12px; border-radius:999px; overflow:hidden;
  background: rgba(148,163,184,.22); border:1px solid rgba(148,163,184,.24);
}
.cms-project-progress-fill {
  display:block; height:100%; width:var(--progress,0%); border-radius:999px;
  background: var(--grad-green); transition: width .7s var(--ease, ease);
}
.cms-project-progress-text { display:flex; justify-content:space-between; gap:12px; margin-top:7px; color:var(--text-3); font-size:.84rem; font-weight:700; }
.post-title-area:not(.has-bg) { background: var(--grad-hero) !important; color:#fff !important; }
.post-title-area.has-bg { background:#0f172a !important; color:#fff !important; }
.post-meta-line--hero { display:none !important; }
.post-cover-block { margin: 0 0 24px !important; }
.post-cover-block-media {
  display:block !important; width:100% !important; max-height:560px !important; object-fit:cover !important;
  border-radius:24px !important; margin:0 !important; box-shadow:var(--shadow-lg) !important;
}
.post-meta-line--detail {
  display:flex !important; flex-wrap:wrap; gap:12px; margin:24px 0 10px !important; padding:16px !important;
  border-radius:18px !important; background:var(--glass, rgba(255,255,255,.08)) !important;
  border:1px solid var(--line) !important; color:var(--text-2) !important; backdrop-filter: blur(10px);
}
.post-meta-line--detail span { display:inline-flex; align-items:center; gap:7px; }
.cms-post-full,
.cms-post-full .container,
.post-detail,
.post-detail .container { background: transparent !important; }
.cms-post-content,
.post-content { background: transparent !important; color:var(--text) !important; }
.post-extra-fields { margin-top: 22px; }
.post-related-titles { clear:both; }
.reveal { opacity:0; transform:translateY(26px); transition: opacity .65s var(--ease,ease), transform .65s var(--ease,ease); will-change:opacity,transform; }
.reveal.reveal-up { transform:translateY(32px); }
.reveal.reveal-down { transform:translateY(-32px); }
.reveal.in { opacity:1; transform:none; }
@media(max-width:700px){
  .cms-post-card-title { min-height:118px !important; }
  .cms-post-card-title.has-media { min-height:190px !important; }
  .cms-post-card-cover-media { height:230px !important; }
}
@media (prefers-reduced-motion: reduce) { .reveal { opacity:1 !important; transform:none !important; transition:none !important; } }



/* ============================================================
   FINAL RESPONSIVE SAFETY PATCH — prevents page narrowing/overflow
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
img,video,iframe,svg,canvas{max-width:100%;height:auto}
iframe{border:0}
.container{width:min(1240px,calc(100% - 32px))!important;max-width:1240px;margin-inline:auto!important;min-width:0}
main,section,.section,.page-hero,.card,.tile,.grid,.footer,.navbar,.drawer{min-width:0;max-width:100%}
.grid{min-width:0}
.grid>*{min-width:0}
[style*="width:"]{max-width:100%}
table{max-width:100%;display:block;overflow-x:auto;border-collapse:collapse}
pre,code{white-space:pre-wrap;word-break:break-word}
.cms-page-card,.cms-card-content,.preserved-content,.cms-post-content,.page-hero p,.section p{overflow-wrap:anywhere;word-break:normal}
.cms-linked-posts-grid,.cms-linked-posts .cards-grid,.cms-top-linked-posts .cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}
.cms-post-card,.cms-filter-post-tile{max-width:100%;min-width:0}
.cms-post-card-cover-media,.post-cover-block-media{width:100%;height:auto;max-width:100%;object-fit:cover}
.footer-grid{min-width:0}.footer-grid>*{min-width:0}
@media(max-width:900px){
  .container{width:min(100% - 24px, 100%)!important}
  .grid,.grid-2col,.grid-asymmetric,.grid-content-aside,.cards-4,.cards-3,.cards-2,.footer-grid,.form-grid{grid-template-columns:1fr!important}
  .section{padding-inline:0!important}
  .page-hero h1,.sec-title,h1{font-size:clamp(1.65rem,8vw,2.8rem)!important;line-height:1.25!important}
  .page-hero p,.lead{font-size:clamp(1rem,4vw,1.18rem)!important}
}
@media(max-width:520px){
  .container{width:calc(100% - 20px)!important}
  .card,.tile{border-radius:18px;padding-inline:16px!important}
  .cms-post-card-title{padding-inline:18px!important}
  .cms-post-card-summary{padding-inline:18px!important}
  .post-meta-line{gap:10px;font-size:.78rem;margin-inline:18px}
}
/* Managed header/footer safety layer */
.cms-managed-social,.social.cms-managed-social{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.cms-managed-social a{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);text-decoration:none;color:inherit;transition:.25s ease}.cms-managed-social a:hover{transform:translateY(-2px);background:var(--brand-green,#16a085);color:#fff}.cms-managed-social a.is-disabled{opacity:.45;pointer-events:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.navbar .brand,.footer .brand{min-height:1px}.brand-logo-img{display:block}.brand-txt-title,.brand-txt-subtitle{display:block}


/* FINAL MOBILE HOME TITLE SAFETY: لا تسمح باختفاء عنوان الصفحة الرئيسية في الهاتف */
@media(max-width:760px){
  .hero h1,.page-hero h1,main h1:first-of-type{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important;color:inherit;position:relative!important;z-index:2!important;line-height:1.22!important;}
  .hero{min-height:auto!important;padding-top:calc(var(--nav-h,72px) + 26px)!important;}
  .brand-txt-title{display:block!important;visibility:visible!important;opacity:1!important;white-space:normal!important;}
}

/* CMS final fix: visible icon fallbacks when FontAwesome is unavailable */
i.fas::before,i.fab::before{font-family:Tahoma,Arial,sans-serif;font-style:normal;font-weight:900;display:inline-block;line-height:1;color:currentColor}
.fa-eye::before{content:"👁"}.fa-bullseye::before{content:"🎯"}.fa-heart::before{content:"❤"}.fa-shield-halved::before{content:"🛡"}.fa-people-carry-box::before{content:"🤝"}.fa-handshake::before{content:"🤝"}.fa-lightbulb::before{content:"💡"}.fa-sitemap::before,.fa-layer-group::before{content:"▦"}.fa-landmark::before{content:"🏛"}.fa-user-tie::before{content:"👤"}.fa-user-gear::before,.fa-users-gear::before{content:"⚙"}.fa-user-shield::before{content:"🛡"}.fa-clipboard-check::before{content:"☑"}.fa-bullhorn::before{content:"📣"}.fa-truck::before{content:"🚚"}.fa-laptop-code::before{content:"💻"}.fa-comments::before{content:"💬"}.fa-magnifying-glass::before{content:"🔍"}.fa-pen-fancy::before{content:"✒"}.fa-location-dot::before{content:"📍"}.fa-envelope::before{content:"✉"}.fa-phone::before{content:"☎"}.fa-building-columns::before{content:"🏛"}.fa-calendar-days::before{content:"📅"}.fa-users::before,.fa-user-group::before{content:"👥"}.fa-arrow-left::before{content:"←"}.fa-bars::before{content:"☰"}.fa-xmark::before{content:"×"}.fa-sun::before{content:"☀"}.fa-star::before{content:"★"}.fa-chart-line::before{content:"📈"}.fa-chart-pie::before{content:"◔"}
.fab.fa-facebook-f::before{content:"f"}.fab.fa-youtube::before{content:"▶"}.fab.fa-x-twitter::before{content:"𝕏"}.fab.fa-instagram::before{content:"◎"}.fab.fa-linkedin-in::before{content:"in"}.fab.fa-whatsapp::before{content:"☘"}.fab.fa-telegram::before{content:"✈"}
.cms-social-link{font-weight:900}.cms-social-link .cms-social-glyph{display:inline-grid;place-items:center;min-width:1em;line-height:1}.cms-social-link i+.cms-social-glyph{display:none}.cms-social-img{width:24px;height:24px;object-fit:contain;display:block}.social .cms-social-link.is-disabled{opacity:.55;pointer-events:none}
.cms-home-latest-posts{padding:70px 0;background:linear-gradient(180deg,rgba(9,23,45,.88),rgba(9,23,45,.96))}.cms-home-latest-posts .sec-head{text-align:center;margin-bottom:28px}.cms-home-latest-posts .sec-eyebrow{color:#99c955;background:rgba(153,201,85,.12);border:1px solid rgba(153,201,85,.25);padding:7px 18px;border-radius:999px;font-weight:800;display:inline-flex}.cms-home-latest-posts h2{color:#fff;font-size:clamp(1.7rem,4vw,2.55rem);margin:18px 0 8px}.cms-home-latest-posts h2 span{color:#8dc63f}.cms-home-latest-posts p{color:#d7e1f2}.cms-home-latest-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.cms-home-latest-strip .cms-post-card{height:100%}
@media(max-width:720px){.cms-home-latest-posts{padding:48px 0}.cms-home-latest-strip{grid-template-columns:1fr}.hero h1,.page-hero h1,.home-title{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:5!important;max-width:100%!important}}
.cms-latest-empty{grid-column:1/-1;text-align:center;color:#e5edf8;background:rgba(255,255,255,.07);border:1px dashed rgba(255,255,255,.22);border-radius:22px;padding:24px;font-weight:800}

/* FINAL FIX: social icons must never disappear even if external icon fonts fail. */
.cms-social-link{font-weight:900;display:inline-grid!important;place-items:center!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important;overflow:hidden!important;position:relative!important;color:inherit!important}
.cms-social-link i{display:none!important}
.cms-social-link .cms-social-svg{width:22px;height:22px;display:block;fill:currentColor;color:inherit}
.cms-social-link .cms-social-img{width:24px;height:24px;object-fit:contain;display:block}
.cms-social-link .cms-social-glyph{display:inline-grid!important;place-items:center!important;min-width:1.2em;line-height:1;font-weight:900;color:inherit}
.cms-social-link .cms-social-svg + .cms-social-glyph.fallback-only,
.cms-social-link .cms-social-img + .cms-social-glyph.fallback-only{display:none!important}
.social .cms-social-link.is-disabled{opacity:.55;pointer-events:none}

/* FINAL FIX: latest posts are a real horizontal moving strip, not a static grid. */
.cms-home-latest-posts{padding:70px 0;background:linear-gradient(180deg,rgba(9,23,45,.88),rgba(9,23,45,.96));overflow:hidden}
.cms-home-latest-posts .sec-head{text-align:center;margin-bottom:28px}.cms-home-latest-posts .sec-eyebrow{color:#99c955;background:rgba(153,201,85,.12);border:1px solid rgba(153,201,85,.25);padding:7px 18px;border-radius:999px;font-weight:800;display:inline-flex}.cms-home-latest-posts h2{color:#fff;font-size:clamp(1.7rem,4vw,2.55rem);margin:18px 0 8px}.cms-home-latest-posts h2 span{background:linear-gradient(120deg,#8dc63f,#ffffff);-webkit-background-clip:text;background-clip:text;color:transparent}.cms-home-latest-posts p{color:#d7e1f2}
.cms-home-latest-viewport{position:relative;overflow:hidden;padding:4px 0 18px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cms-home-latest-strip{display:flex!important;grid-template-columns:none!important;gap:18px;width:max-content;min-width:100%;animation:cmsLatestMarquee 55s linear infinite;will-change:transform}
.cms-home-latest-strip:hover{animation-play-state:paused}.cms-home-latest-strip .cms-post-card{width:min(330px,82vw);min-width:min(330px,82vw);height:100%;flex:0 0 auto}.cms-latest-empty{min-width:100%;text-align:center;color:#e5edf8;background:rgba(255,255,255,.07);border:1px dashed rgba(255,255,255,.22);border-radius:22px;padding:24px;font-weight:800}
@keyframes cmsLatestMarquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
html[dir="ltr"] .cms-home-latest-strip{animation-name:cmsLatestMarqueeLtr}@keyframes cmsLatestMarqueeLtr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:720px){.cms-home-latest-posts{padding:48px 0}.cms-home-latest-viewport{overflow-x:auto;scroll-snap-type:x mandatory;mask-image:none;-webkit-mask-image:none}.cms-home-latest-strip{animation:none!important;width:max-content}.cms-home-latest-strip .cms-post-card{scroll-snap-align:start}.hero h1,.page-hero h1,.home-title{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:5!important;max-width:100%!important}}


/* ============================================================
   FINAL LAYOUT REPAIR 2026-07-08
   - يمنع حقن منشورات الصفحة الرئيسية القديمة بصريًا لو كانت محفوظة سابقًا
   - يضمن أن آخر المنشورات شريط أفقي للمنشورات الجديدة فقط
   - يعالج انزياح الصور والعناوين في سطح المكتب والهاتف
   ============================================================ */
body.home .cms-linked-posts.cms-dynamic-posts,
body.home .cms-top-linked-posts,
body.home main > .cms-linked-posts:first-of-type{display:none!important}
.cms-home-latest-posts{clear:both;position:relative;z-index:2;margin:0!important;padding:64px 0 56px!important;background:linear-gradient(180deg,rgba(6,18,36,.92),rgba(9,23,45,.98))!important;overflow:hidden!important}
.cms-home-latest-posts .container{overflow:hidden!important}
.cms-home-latest-viewport{overflow:hidden!important;width:100%!important;max-width:100%!important;padding:6px 0 20px!important;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.cms-home-latest-strip{display:flex!important;flex-wrap:nowrap!important;gap:18px!important;width:max-content!important;max-width:none!important;min-width:100%!important;grid-template-columns:none!important;animation:cmsLatestMarquee 42s linear infinite!important;will-change:transform!important}
.cms-home-latest-strip:hover{animation-play-state:paused!important}
.cms-home-latest-strip .cms-post-card{flex:0 0 320px!important;width:320px!important;min-width:320px!important;max-width:320px!important;height:auto!important}
@keyframes cmsLatestMarquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
html[dir="ltr"] .cms-home-latest-strip{animation-name:cmsLatestMarqueeLtr!important}@keyframes cmsLatestMarqueeLtr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cms-latest-empty{min-width:100%!important;width:100%!important;text-align:center!important}
img,video,iframe,svg,canvas{max-width:100%!important}
img,video{height:auto}.hero img,.page-hero img,.section img,.card img,.tile img,.cms-post-card img{object-fit:cover;object-position:center;display:block}
.hero,.page-hero,.section,main{max-width:100%!important;overflow-x:clip!important}.container{max-width:1240px!important;margin-inline:auto!important;min-width:0!important}
h1,h2,h3,.hero-title,.page-title,.sec-title,.cms-post-card-title h2{max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important;line-height:1.28!important}
.hero .grid,.hero-grid,.section .grid{min-width:0!important}.hero .grid > *,.hero-grid > *,.section .grid > *{min-width:0!important;max-width:100%!important}
.hero-media,.hero-visual,.visual-card,.image-card{max-width:100%!important;min-width:0!important;overflow:hidden!important}.hero-media img,.hero-visual img,.visual-card img,.image-card img{width:100%!important;max-height:560px!important;object-fit:cover!important;border-radius:inherit}
.footer,.footer *{min-width:0!important}.footer-grid{max-width:100%!important;overflow:hidden!important}.cms-managed-social{min-height:46px!important}.cms-social-link .cms-social-svg{display:block!important;opacity:1!important;visibility:visible!important}.cms-social-link .cms-social-glyph{display:inline-grid!important;opacity:1!important;visibility:visible!important}.cms-social-link .cms-social-svg + .cms-social-glyph.fallback-only{display:none!important}
@media(max-width:900px){.cms-home-latest-posts{padding:46px 0!important}.cms-home-latest-viewport{overflow-x:auto!important;scroll-snap-type:x mandatory!important;mask-image:none!important;-webkit-mask-image:none!important}.cms-home-latest-strip{animation:none!important;transform:none!important;width:max-content!important}.cms-home-latest-strip .cms-post-card{flex-basis:min(82vw,320px)!important;width:min(82vw,320px)!important;min-width:min(82vw,320px)!important;scroll-snap-align:center!important}.hero,.page-hero{padding-inline:0!important}.hero h1,.page-hero h1,h1{font-size:clamp(1.8rem,8vw,3rem)!important}.hero .container,.page-hero .container,.section .container{width:calc(100% - 24px)!important}.hero-media img,.hero-visual img,.visual-card img,.image-card img{max-height:420px!important}}
@media(max-width:540px){.cms-home-latest-strip .cms-post-card{flex-basis:86vw!important;width:86vw!important;min-width:86vw!important}.cms-post-card-cover-media{height:210px!important}.hero h1,.page-hero h1,h1{font-size:clamp(1.65rem,9vw,2.4rem)!important}.btn,.button,.hero .btn{max-width:100%;white-space:normal}}


/* FINAL CONTENT STABILITY PATCH: no injected fake posts, no desktop-only gaps, responsive media/title safety */
.cms-linked-posts,.cms-posts-section,.cms-dynamic-posts{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.cms-home-latest-posts{clear:both!important;position:relative!important;z-index:2!important;margin:0!important;overflow:hidden!important}
.cms-home-latest-viewport{width:100%!important;max-width:100%!important;overflow:hidden!important}
.cms-home-latest-strip{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:18px!important;width:max-content!important;max-width:none!important}
.cms-home-latest-strip .cms-post-card{flex:0 0 min(330px,82vw)!important;width:min(330px,82vw)!important;max-width:min(330px,82vw)!important}
.cms-latest-empty{width:100%!important;min-width:min(100%,720px)!important;margin-inline:auto!important}
.container,.section,.hero,.page-hero,main{max-width:100%!important;min-width:0!important}
.hero h1,.page-hero h1,.sec-title,h1,h2,h3{overflow-wrap:anywhere!important;word-break:normal!important;max-width:100%!important}
.hero-media img,.hero-visual img,.visual-card img,.image-card img,.card img,.tile img,.cms-post-card img{max-width:100%!important;height:auto;object-fit:cover}
.grid,.cards-2,.cards-3,.cards-4,.grid-2col,.grid-asymmetric{min-width:0!important}
.grid>* ,.cards-2>* ,.cards-3>* ,.cards-4>* ,.grid-2col>* ,.grid-asymmetric>*{min-width:0!important}
@media(min-width:901px){.hero-media img,.hero-visual img,.visual-card img{max-height:560px!important}.cms-home-latest-strip{animation:cmsLatestMarquee 45s linear infinite!important}}
@media(max-width:900px){.cms-home-latest-viewport{overflow-x:auto!important;mask-image:none!important;-webkit-mask-image:none!important}.cms-home-latest-strip{animation:none!important;transform:none!important}.hero,.page-hero{padding-left:0!important;padding-right:0!important}.hero .container,.page-hero .container{width:calc(100% - 24px)!important}.hero h1,.page-hero h1{font-size:clamp(1.8rem,8vw,3rem)!important;line-height:1.25!important}}

/* ============================================================
   FINAL LAYOUT REPAIR 2026-07-09
   - no duplicate latest cards
   - centered manual/auto carousel
   - no scattered floating counter badges
   - safer desktop/mobile image and title responsiveness
   ============================================================ */
.hero-float-stat,
.hero-media .hero-float-stat,
.hero-visual .hero-float-stat,
.visual-card .hero-float-stat,
.image-card .hero-float-stat{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.hero-media,.hero-visual,.visual-card,.image-card,.hero-image-wrap{
  position:relative!important;
  overflow:hidden!important;
  max-width:100%!important;
}
.hero-media img,.hero-visual img,.visual-card img,.image-card img,.hero-image-wrap img,
.hero-media video,.hero-visual video,.visual-card video,.image-card video{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  border-radius:inherit;
}
.stats-strip{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  margin:34px auto 0!important;
  width:100%!important;
  max-width:100%!important;
  clear:both!important;
}
.stat-card,.stats-strip .stat-card{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  min-width:0!important;
  overflow:hidden!important;
}
.stat-num,[data-counter],.counter,.countup{
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
}
.cms-home-latest-posts{
  clear:both!important;
  position:relative!important;
  z-index:3!important;
  margin:0!important;
  padding:60px 0 50px!important;
  overflow:hidden!important;
}
.cms-home-latest-posts .container{
  position:relative!important;
  overflow:visible!important;
}
.cms-home-latest-viewport{
  direction:ltr!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  -webkit-overflow-scrolling:touch!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  padding:8px max(16px,calc((100% - 340px)/2)) 22px!important;
}
.cms-home-latest-viewport::-webkit-scrollbar{height:8px}
.cms-home-latest-viewport::-webkit-scrollbar-track{background:rgba(148,163,184,.12);border-radius:999px}
.cms-home-latest-viewport::-webkit-scrollbar-thumb{background:rgba(141,198,63,.55);border-radius:999px}
.cms-home-latest-strip{
  direction:ltr!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:18px!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
.cms-home-latest-strip .cms-post-card{
  direction:rtl!important;
  flex:0 0 clamp(280px,32vw,350px)!important;
  width:clamp(280px,32vw,350px)!important;
  min-width:clamp(280px,32vw,350px)!important;
  max-width:350px!important;
  scroll-snap-align:center!important;
  scroll-snap-stop:always!important;
  margin:0!important;
}
.cms-home-latest-strip .cms-post-card.is-current{
  outline:2px solid rgba(141,198,63,.5)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 0 7px rgba(141,198,63,.06)!important;
}
.cms-latest-controls{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:10px!important;
}
.cms-latest-btn{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.cms-latest-btn:hover{background:rgba(141,198,63,.22)!important}
.cms-latest-empty{
  direction:rtl!important;
  flex:0 0 min(720px,92vw)!important;
  width:min(720px,92vw)!important;
  min-width:min(720px,92vw)!important;
  margin-inline:auto!important;
}
.cms-linked-posts-grid,.cards-grid,.grid,.footer-grid{
  min-width:0!important;
}
.cms-linked-posts-grid > *, .cards-grid > *, .grid > *{
  min-width:0!important;
}
.cms-post-card-title h2,.cms-post-card-summary,.page-hero h1,.hero h1,.sec-title,h1,h2,h3,p{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.cms-post-card-cover-media,.post-cover-block-media,.tile-img img,.card img{
  width:100%!important;
  max-width:100%!important;
  object-fit:cover!important;
}
@media(max-width:1024px){
  .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
}
@media(max-width:700px){
  .cms-home-latest-posts{padding:44px 0 40px!important}
  .cms-home-latest-viewport{padding-inline:7vw!important}
  .cms-home-latest-strip{gap:14px!important}
  .cms-home-latest-strip .cms-post-card{
    flex-basis:86vw!important;
    width:86vw!important;
    min-width:86vw!important;
    max-width:86vw!important;
  }
  .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:24px!important}
  .stat-card{padding:18px 12px!important}
  .hero-grid,.page-grid,.grid-2col,.grid-asymmetric{grid-template-columns:1fr!important}
  .hero-media img,.hero-visual img,.visual-card img,.image-card img{max-height:430px!important}
}
.cms-home-latest-posts + .section{margin-top:0!important;padding-top:56px!important;position:relative!important;z-index:1!important}



/* FINAL COMPREHENSIVE DISPLAY FIX: no hero blank area, stable counters, centered latest strip */
.hero-card{height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:block!important;overflow:hidden!important}
.hero-card img{display:block!important;width:100%!important;height:auto!important;max-height:560px!important;object-fit:cover!important}
.hero-visual{align-self:start!important;min-height:0!important}
.hero-grid{align-items:start!important}
.hero .container{overflow:visible!important}
.cms-home-latest-posts{padding-top:42px!important;padding-bottom:46px!important;clear:both!important}
.cms-home-latest-viewport{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:50%!important;-webkit-overflow-scrolling:touch!important}
.cms-home-latest-strip{display:flex!important;flex-wrap:nowrap!important;gap:18px!important;align-items:stretch!important;width:max-content!important;animation:none!important;transform:none!important}
.cms-home-latest-strip .cms-post-card{flex:0 0 clamp(280px,32vw,350px)!important;width:clamp(280px,32vw,350px)!important;min-width:clamp(280px,32vw,350px)!important;max-width:350px!important;scroll-snap-align:center!important}
.cms-post-card-cover-media,.cms-post-card img{max-width:100%!important;object-fit:cover!important}
.hero-float-stat{display:none!important}
@media(max-width:900px){.hero-grid{gap:24px!important}.hero-card img{max-height:none!important}.cms-home-latest-posts{padding-top:34px!important}.cms-home-latest-strip .cms-post-card{flex-basis:86vw!important;width:86vw!important;min-width:86vw!important;max-width:86vw!important}.cms-home-latest-viewport{padding-inline:7vw!important;scroll-padding-inline:7vw!important}.hero h1,.page-hero h1{overflow-wrap:anywhere!important}}

/* Canonical linked-post cards and media-center galleries */
.cms-linked-posts{width:100%;margin:24px 0;background:transparent!important}
.cms-linked-posts-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;gap:22px!important;width:100%}
.cms-post-card{position:relative;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:24px!important;background:var(--surface)!important;box-shadow:0 14px 42px rgba(15,23,42,.12)!important;transition:transform .35s var(--ease),box-shadow .35s var(--ease)!important}
.cms-post-card:hover{transform:translateY(-7px)!important;box-shadow:0 24px 64px rgba(15,23,42,.2)!important}
.cms-post-card-link{display:flex!important;flex-direction:column!important;height:100%!important;color:inherit!important;text-decoration:none!important}
.cms-post-card-visual{position:relative!important;height:240px!important;overflow:hidden!important;background:#0f172a!important;order:1!important}
.cms-post-card-cover-media{display:block!important;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:0!important;object-fit:cover!important;transition:transform .6s var(--ease)!important}
.cms-post-card:hover .cms-post-card-cover-media{transform:scale(1.055)!important}
.cms-post-card-shade{position:absolute!important;inset:0!important;background:linear-gradient(0deg,rgba(4,15,28,.9) 0%,rgba(4,15,28,.18) 72%)!important;z-index:1!important}
.cms-post-card-title{order:1!important;display:flex!important;align-items:flex-end!important;padding:22px!important;min-height:126px!important;background:linear-gradient(135deg,var(--surface-2),var(--surface))!important;color:var(--text)!important}
.cms-post-card-visual .cms-post-card-title.has-media{position:absolute!important;inset:0!important;z-index:2!important;display:flex!important;align-items:flex-end!important;padding:22px!important;background:transparent!important;color:#fff!important;min-height:0!important}
.cms-post-card-title h2,.cms-post-card-title h3{margin:0!important;font-size:clamp(1.12rem,2vw,1.4rem)!important;line-height:1.45!important;color:inherit!important}
.cms-post-card-summary{order:2!important;margin:0!important;padding:18px 22px 10px!important;color:var(--text-2)!important;line-height:1.8!important;background:transparent!important}
.cms-post-card .post-meta-line--card{order:3!important;padding:8px 22px 18px!important;margin:0!important}
.cms-post-card .cms-project-progress{order:4!important}
.you-3d-gallery,.you-3d-videos{isolation:isolate;min-height:460px!important;border-color:var(--line)!important;background:radial-gradient(circle at 50% 45%,var(--surface-2),var(--surface))!important}
.you-3d-videos .video-3d-card{width:420px!important;height:250px!important;margin-left:-210px!important;margin-top:-125px!important;background:#050b16!important;border:1px solid rgba(255,255,255,.16)!important}
.video-3d-card iframe,.video-3d-card video{display:block!important;width:100%!important;height:100%!important;border:0!important;object-fit:cover!important;background:#050b16!important}
.cms-media-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0!important;padding:24px;text-align:center;color:var(--text-2);font-weight:800}
@media(max-width:700px){.cms-post-card-visual{height:220px!important}.you-3d-gallery,.you-3d-videos{min-height:390px!important}.cms3d-img{width:44vw!important;height:30vw!important;min-height:105px!important}.you-3d-videos .video-3d-card{width:76vw!important;height:47vw!important;margin-left:-38vw!important;margin-top:-23.5vw!important}}

/* Stable responsive presentation for published cards and both 3D galleries */
.you-3d-gallery,.you-3d-videos{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;overflow:hidden!important;transform:none!important}
.cms3d-image-ready .cms3d-stage{display:block!important;visibility:visible!important;opacity:1!important}
.cms3d-video-ready .video-3d-card{left:50%!important;top:50%!important;margin:0!important;animation:none!important;transition:transform .75s cubic-bezier(.2,.75,.2,1),opacity .55s ease!important;transform-origin:center!important;will-change:transform,opacity!important}
.cms3d-video-ready .video-3d-card iframe,.cms3d-video-ready .video-3d-card video{pointer-events:auto!important}
@media(max-width:700px){
  .cms-linked-posts{margin:18px 0!important;padding:0!important}
  .cms-linked-posts-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%!important}
  .cms-linked-posts-grid .cms-post-card{width:100%!important;max-width:100%!important;margin:0!important;border-radius:20px!important}
  .cms-post-card-visual{height:210px!important}
  .cms-post-card-title{min-height:108px!important;padding:18px!important}
  .cms-post-card-visual .cms-post-card-title.has-media{padding:18px!important}
  .cms-post-card-title h2,.cms-post-card-title h3{font-size:1.12rem!important;line-height:1.5!important}
  .cms-post-card-summary{padding:14px 18px 8px!important;font-size:.95rem!important}
  .cms-post-card .post-meta-line--card{padding:7px 18px 16px!important}
  .you-3d-gallery,.you-3d-videos{min-height:380px!important;border-radius:20px!important;padding:12px!important}
  .cms3d-img{width:min(48vw,210px)!important;height:min(34vw,145px)!important;border-radius:14px!important}
  .cms3d-video-ready .video-3d-card{width:min(78vw,390px)!important;height:min(47vw,225px)!important}
  .cms3d-counter{font-size:11px!important;max-width:calc(100% - 24px)!important;white-space:normal!important}
}


/* =========================================================
   قائمة جانبية موحدة على الهاتف وسطح المكتب
   ========================================================= */
.navbar .nav-links {
  display: none !important;
}
.navbar .menu-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1025px) {
  .drawer {
    width: min(390px, 34vw);
    max-width: 390px;
  }
  .drawer .drawer-body {
    overflow-y: auto;
    max-height: calc(100vh - 120px);
  }
}

/* منشورات الصفحة الرئيسية المرتبطة تلقائيًا */
.cms-home-auto-posts {
  width: min(1180px, 94vw);
  margin: 22px auto 8px;
}
.cms-home-auto-posts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.cms-home-auto-posts-more {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.cms-impact-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
@media (max-width: 900px) {
  .cms-home-auto-posts-grid,
  .cms-impact-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 580px) {
  .cms-home-auto-posts-grid {
    grid-template-columns: 1fr;
  }
  .cms-impact-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

/* عند وجود منشورات مرتبطة آليًا، تعرض الصفحة الرئيسية أحدث خمسة فقط
   وتخفي البطاقات التجريبية القديمة في القسم نفسه دون حذفها من ملف المصدر. */
.cms-home-managed-section > .container > .grid,
.cms-home-managed-section > .container > .tac.mt-4 {
  display: none !important;
}
.cms-home-managed-section > .container > .cms-home-auto-posts,
.cms-home-managed-section > .container > .cms-impact-metrics {
  display: block;
}
.cms-home-managed-section > .container > .cms-impact-metrics {
  display: grid;
}

.cms-impact-metric {
  min-width: 0;
  padding: clamp(16px,2.4vw,28px) 10px;
  border-radius: 20px;
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
}
.cms-impact-metric > div[data-count] {
  font-size: clamp(2.2rem,4.6vw,4rem) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  color: var(--brand-green) !important;
  white-space: nowrap;
}
.cms-impact-metric > span {
  display: block;
  margin-top: 10px;
  font-weight: 800;
  color: var(--text-2);
}

/* أرقام قسم الشفافية: كبيرة، واضحة، وثابتة على جميع أحجام الشاشات. */
.cms-page-transparency .card > div[style*="font-size:2.2rem"],
.cms-page-transparency [data-count],
.cms-page-transparency .stat-num,
.cms-page-transparency .counter,
.cms-page-transparency .countup {
  font-size: clamp(2.65rem, 6vw, 4.75rem) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  color: var(--brand-green) !important;
  text-shadow: 0 3px 18px rgba(124,177,63,.28) !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
.cms-page-transparency .card {
  border-width: 2px !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.13) !important;
}
.gleam-credit[data-cms-locked="true"] {
  user-select: none;
  -webkit-user-select: none;
}