/* ============================================================
   MBRF homepage enhancement layer  (gated via ?enhance=1)
   Palette: site navy #003a5d + blue accents. Direction-aware.
   ============================================================ */
:root{
  --e-navy:#003a5d; --e-navy2:#0d4a70; --e-blue:#225a89; --e-blue2:#2b6ca3; --e-sky:#3d8fce; --e-sky2:#eaf3fb;
  --e-ink:#22303c; --e-muted:#61707c; --e-line:#e6ecf1; --e-mist:#f5f8fb;
}

/* ---------- flagship / service cards ---------- */
.service-box{ border:1px solid var(--e-line) !important; border-radius:16px !important;
  box-shadow:0 16px 36px -24px rgba(0,58,93,.42) !important;
  transition:transform .26s ease, box-shadow .26s ease, border-color .2s ease !important;
  min-height:176px; padding:24px 16px 20px !important; position:relative; overflow:hidden; }
.service-box::after{ content:""; position:absolute; inset-inline:0; bottom:0; height:3px;
  background:linear-gradient(90deg,var(--e-navy),var(--e-sky)); transform:scaleX(0); transform-origin:center; transition:transform .3s ease; }
.service-box:hover{ transform:translateY(-6px) !important; box-shadow:0 28px 50px -26px rgba(0,58,93,.5) !important; border-color:#cfe0ee !important; }
.service-box:hover::after{ transform:scaleX(1); }
.service-box .service-icon{ display:flex; align-items:center; justify-content:center; margin-bottom:8px; transition:transform .3s ease; }
.service-box:hover .service-icon{ transform:scale(1.08); }
.service-box .service-name{ color:var(--e-navy) !important; font-weight:800 !important; line-height:1.45; }
.service-box .service-description{ color:var(--e-muted) !important; line-height:1.6; }

/* ---------- section titles: accent underline ---------- */
.section-title{ position:relative; padding-bottom:16px !important; }
.section-title::after{ content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  width:56px; height:3px; border-radius:3px; background:linear-gradient(90deg,var(--e-navy),var(--e-sky)); }

/* ---------- hero banner: cleaner controls ---------- */
.swiper-pagination-bullet-active, .h-pagination-banner .swiper-pagination-bullet-active{ background:var(--e-sky) !important; }
.swiper-button-next, .swiper-button-prev{ transition:.2s !important; border-radius:50% !important; }
.swiper-button-next:hover, .swiper-button-prev:hover{ transform:scale(1.08); }

/* ============================================================
   1) المبادرات — redesigned slider tiles + feature (enhance markup)
   ============================================================ */
.init-slider{position:relative;margin-top:30px}
.init-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 16px;scrollbar-width:none}
.init-track::-webkit-scrollbar{display:none}
.init-track .init-tile{flex:0 0 calc((100% - 72px)/5);scroll-snap-align:start;min-width:186px}
.init-tile{background:#fff;border:1px solid var(--e-line);border-radius:18px;padding:26px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:.25s;position:relative;overflow:hidden;text-decoration:none;color:inherit}
.init-tile::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;background:linear-gradient(90deg,var(--e-navy),var(--e-sky));transform:scaleX(0);transition:.3s}
.init-tile:hover{transform:translateY(-6px);box-shadow:0 26px 46px -26px rgba(0,58,93,.5);border-color:#cfe0ee}
.init-tile:hover::before{transform:scaleX(1)}
.init-logo{height:86px;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f7fafc,#eef4f9);border-radius:12px;padding:12px}
.init-logo img{max-height:60px;max-width:88%;width:auto;object-fit:contain;filter:none}
.init-tile .nm{font-size:13.5px;font-weight:800;color:var(--e-navy);text-align:center;line-height:1.4}
.init-tile .go{font-size:12px;color:var(--e-blue2);font-weight:700}
.init-tile .init-chev{font-style:normal}
.init-nav{position:absolute;top:calc(50% - 14px);transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--e-line);background:#fff;color:var(--e-navy);cursor:pointer;box-shadow:0 12px 26px -12px rgba(0,58,93,.45);z-index:5;display:flex;align-items:center;justify-content:center;transition:.2s}
.init-nav:hover{background:var(--e-navy);color:#fff;border-color:var(--e-navy)}
.init-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.init-nav.prev{inset-inline-start:-12px}.init-nav.next{inset-inline-end:-12px}
[dir="rtl"] .init-nav svg{transform:scaleX(-1)}
[dir="ltr"] .init-nav svg{transform:none}
@media(max-width:900px){.init-track .init-tile{flex-basis:calc((100% - 36px)/3);min-width:150px}}
@media(max-width:520px){.init-track .init-tile{flex-basis:calc((100% - 18px)/2)}.init-nav{display:none}}
.init-feature{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center;margin-top:42px;background:#fff;border:1px solid var(--e-line);border-radius:22px;overflow:hidden;box-shadow:0 24px 60px -38px rgba(0,58,93,.42)}
.init-feature .ftxt{padding:40px}
.init-feature h3{font-size:25px;font-weight:800;color:var(--e-navy);margin-bottom:14px}
.init-feature p{color:var(--e-muted);font-size:15px;line-height:1.9;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.init-feature .fimg{min-height:330px;background:#0f3a55}
.init-feature .fimg img{width:100%;height:100%;object-fit:cover;min-height:330px}
.init-feature .init-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;padding:12px 28px;border-radius:30px;background:linear-gradient(90deg,var(--e-navy),var(--e-blue2));color:#fff;text-decoration:none;transition:.2s}
.init-feature .init-btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px -10px rgba(0,58,93,.55)}
@media(max-width:820px){.init-feature{grid-template-columns:1fr}.init-feature .fimg,.init-feature .fimg img{min-height:220px}.init-feature .fimg{order:-1}}

/* ============================================================
   2) مختارات من صفحة المعرفة — editorial cards (enhance markup)
   ============================================================ */
.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.art{background:#fff;border:1px solid var(--e-line);border-radius:16px;padding:24px 24px 20px;display:flex;gap:18px;transition:.24s;position:relative;overflow:hidden}
.art::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--e-navy),var(--e-sky))}
.art:hover{transform:translateY(-5px);box-shadow:0 26px 48px -28px rgba(0,58,93,.5);border-color:#cfe0ee}
.art .rank{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--e-sky2);color:var(--e-blue);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}
.art .body{flex:1;min-width:0}
.art .cat{display:inline-block;background:var(--e-sky2);color:var(--e-blue);font-size:11.5px;font-weight:800;padding:4px 12px;border-radius:14px;margin-bottom:10px}
.art h4{font-size:17px;font-weight:800;color:var(--e-navy);line-height:1.55;margin:0 0 12px;text-transform:none}
.art a{text-decoration:none}
.art .meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--e-muted);font-size:12.5px;font-weight:600}
.art .meta span{display:inline-flex;align-items:center;gap:6px}
.art .meta i{color:var(--e-blue2)}
@media(max-width:820px){.art-grid{grid-template-columns:1fr}}

/* ============================================================
   3) مركز المعرفة الرقمي — ومضات (clean rebuild, enhance markup)
   ============================================================ */
.dk-tabs{display:flex;gap:10px;margin-bottom:26px}
.dk-tab{border:0;background:#eef3f7;color:var(--e-navy);font-weight:800;font-size:14.5px;padding:10px 26px;border-radius:26px;cursor:pointer;transition:.2s}
.dk-tab.on{background:linear-gradient(90deg,var(--e-navy),var(--e-blue2));color:#fff}
.dk-pane{display:none}
.dk-pane.on{display:block}
.dk-grid{display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:start}
.dk-nav{grid-column:1;background:#fff;border:1px solid var(--e-line);border-radius:16px;padding:10px;box-shadow:0 14px 34px -24px rgba(0,58,93,.4)}
.dk-main{grid-column:2;min-width:0}
.dk-cat{display:none}
.dk-cat.on{display:block}
.mags{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mag{display:block;text-decoration:none;color:inherit;transition:transform .25s ease}
.mag:hover{transform:translateY(-6px)}
.mag-cover{aspect-ratio:3/4;border-radius:12px;background:linear-gradient(160deg,#123f57,#2b6ca3);background-size:cover;background-position:center;box-shadow:0 18px 40px -20px rgba(0,58,93,.45);position:relative}
.mag:hover .mag-cover{box-shadow:0 30px 54px -22px rgba(0,58,93,.55)}
.mag-video{display:flex;align-items:center;justify-content:center}
.mag-video .playIcon{color:#fff;font-size:46px;opacity:.95;text-shadow:0 4px 14px rgba(0,0,0,.55)}
.mag-cap{padding:14px 6px 0;text-align:center}
.mag-cap b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:800;color:var(--e-navy);line-height:1.5}
.mag-cap span{display:block;font-size:12.5px;color:var(--e-muted);margin-top:3px}
.dk-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;font-weight:700;font-size:14px;color:var(--e-ink);cursor:pointer;transition:.2s}
.dk-nav-item .dot{width:9px;height:9px;border-radius:50%;background:#cdd8e1;flex:0 0 auto;transition:.2s}
.dk-nav-item:hover{background:var(--e-mist)}
.dk-nav-item.on{background:var(--e-sky2);color:var(--e-navy)}
.dk-nav-item.on .dot{background:var(--e-sky);box-shadow:0 0 0 4px rgba(61,143,206,.18)}
@media(max-width:820px){.dk-grid{grid-template-columns:1fr}.dk-nav{grid-column:auto;order:-1;display:flex;flex-wrap:wrap;gap:6px}.dk-main{grid-column:auto}}
@media(max-width:520px){.mags{grid-template-columns:1fr 1fr}}

/* ============================================================
   4) آخر الأخبار — redesigned news cards (enhance markup)
   ============================================================ */
.newsSlider .newsSlide{padding:6px}
.newsSlide .ncard{display:block;background:#fff;border:1px solid var(--e-line);border-radius:18px;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;text-decoration:none}
.newsSlide:hover .ncard{transform:translateY(-6px);box-shadow:0 28px 52px -28px rgba(0,58,93,.5)}
.ncard-thumb{position:relative;height:190px;background-size:cover;background-position:center;background-color:#123f57}
.ncard-date{position:absolute;inset-inline-start:14px;top:14px;background:#fff;color:var(--e-navy);border-radius:12px;padding:7px 12px;text-align:center;box-shadow:0 8px 18px -8px rgba(0,0,0,.4);line-height:1}
.ncard-date b{display:block;font-size:18px;font-weight:800}
.ncard-date > span{font-size:11px;color:var(--e-muted)}
.ncard-body{padding:20px 22px}
.ncard-cat{font-size:11.5px;font-weight:800;color:var(--e-blue2);letter-spacing:.04em}
.ncard-body h4{font-size:16px;font-weight:800;color:var(--e-navy);margin:8px 0 0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- rhythm ---------- */
.homeSection{ padding-top:10px; }

/* ============================================================
   ATTACHED-MOCKUP DESIGNS (navy + green accent)
   ============================================================ */
:root{ --e-green:#1f6fa8; --e-green2:#2b6ca3; }

/* ---- News: featured + list ---- */
.homeSection.news{padding-bottom:20px}
.nz-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:30px;flex-wrap:wrap}
.nz-eyebrow{color:var(--e-green);font-weight:800;font-size:12.5px;letter-spacing:.1em}
.nz-title{font-size:30px;font-weight:800;color:var(--e-navy);margin-top:6px;padding:0 !important}
.nz-title::after{display:none !important}
.nz-more{color:var(--e-green);font-weight:800;font-size:14px;display:inline-flex;gap:6px;align-items:center;text-decoration:none}
.nz{display:grid;grid-template-columns:.82fr 1.18fr;gap:26px;align-items:stretch}
.nz-list{display:flex;flex-direction:column;gap:18px}
.nz-item{background:#fff;border:1px solid var(--e-line);border-radius:16px;padding:22px 24px;text-decoration:none;transition:.22s;box-shadow:0 12px 30px -24px rgba(0,58,93,.35)}
.nz-item:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(0,58,93,.45);border-color:#cfe0ee}
.nz-date{display:block;color:var(--e-green);font-weight:800;font-size:13px;margin-bottom:8px}
.nz-item h4{color:var(--e-navy);font-weight:800;font-size:16px;line-height:1.6;margin:0}
.nz-featured{position:relative;border-radius:20px;overflow:hidden;background:#0b1f3a;display:flex;flex-direction:column;justify-content:flex-end;min-height:470px;text-decoration:none;box-shadow:0 26px 60px -30px rgba(0,58,93,.6)}
.nz-feat-img{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#0b1f3a}
.nz-feat-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,31,58,.12) 25%,rgba(11,31,58,.94) 100%)}
.nz-feat-body{position:relative;z-index:2;padding:30px}
.nz-badge{display:inline-flex;align-items:center;gap:6px;background:var(--e-green);color:#fff;font-weight:800;font-size:12.5px;padding:7px 16px;border-radius:20px;margin-bottom:14px}
.nz-feat-body .nz-date.light{color:#bfe0f4}
.nz-feat-body h3{color:#fff;font-size:23px;font-weight:800;line-height:1.55;margin:6px 0 0}
@media(max-width:900px){.nz{grid-template-columns:1fr}.nz-featured{min-height:320px;order:-1}}

/* ---- ومضات: horizontal category pills + 4 covers (override earlier 2-col) ---- */
.dk-grid{display:flex !important;flex-direction:column !important}
.dk-nav{grid-column:auto !important;order:-1;display:flex !important;flex-wrap:wrap;justify-content:flex-start;gap:10px;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 0 26px}
.dk-main{grid-column:auto !important}
.dk-nav-item{background:#fff;border:1px solid var(--e-line) !important;border-radius:26px;padding:9px 18px}
.dk-nav-item.on{background:var(--e-navy);color:#fff}
.dk-nav-item.on .dot{background:#fff;box-shadow:none}
.dk-tabs{justify-content:flex-end !important}
.dk-tab.on{background:linear-gradient(90deg,#0d3a63,#12557f)}
.mags{grid-template-columns:repeat(4,1fr) !important}
.mag-cap span{color:var(--e-muted)}
@media(max-width:1000px){.mags{grid-template-columns:repeat(3,1fr) !important}}
@media(max-width:640px){.mags{grid-template-columns:repeat(2,1fr) !important}}

/* ---- green "read more" accents used across sections ---- */
.init-tile .go, .art .meta i{color:var(--e-green)}

/* ---- Initiatives: image cards + category tabs (mockup) ---- */
.ip-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.ip-eyebrow{color:var(--e-green);font-weight:800;font-size:12.5px;letter-spacing:.1em}
.ip-title{font-size:30px;font-weight:800;color:var(--e-navy);margin-top:6px;padding:0 !important}
.ip-title::after{display:none !important}
.ip-sub{color:var(--e-muted);font-size:14.5px;margin-top:8px;max-width:520px}
.ip-more{color:var(--e-green);font-weight:800;font-size:14px;display:inline-flex;gap:6px;align-items:center;text-decoration:none;white-space:nowrap}
.ip-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;background:#fff;border:1px solid var(--e-line);border-radius:40px;padding:8px;margin-bottom:30px;box-shadow:0 12px 30px -24px rgba(0,58,93,.3)}
.ip-tab{border:0;background:transparent;color:var(--e-ink);font-weight:800;font-size:14px;padding:11px 22px;border-radius:30px;cursor:pointer;transition:.2s}
.ip-tab:hover{color:var(--e-navy)}
.ip-tab.on{background:var(--e-navy);color:#fff}
.ip-pane{display:none}
.ip-pane.on{display:block}
.ip-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ip-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--e-line);border-radius:18px;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;box-shadow:0 14px 34px -24px rgba(0,58,93,.4)}
.ip-card:hover{transform:translateY(-6px);box-shadow:0 30px 54px -26px rgba(0,58,93,.5)}
.ip-card-img{position:relative;height:230px;background-size:cover;background-position:center;background-color:#123f57}
.ip-badge{position:absolute;top:16px;inset-inline-end:16px;background:rgba(11,31,58,.9);color:#fff;font-weight:800;font-size:12px;padding:6px 14px;border-radius:20px}
.ip-card-body{padding:22px 22px 24px}
.ip-card-body h3{font-size:17px;font-weight:800;color:var(--e-navy);line-height:1.5;margin:0 0 10px}
.ip-card-body p{font-size:13.5px;color:var(--e-muted);line-height:1.75;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1000px){.ip-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ip-cards{grid-template-columns:1fr}.ip-tabs{border-radius:20px}}

/* ---- direction-aware "read more" arrow (SVG chevron; bidi-safe) ---- */
.ip-more span, .nz-more span{ display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E") center/contain no-repeat; }
[dir="ltr"] .ip-more span, [dir="ltr"] .nz-more span{ transform:scaleX(-1); }

/* unify + shrink homepage section titles */
.ip-title,.nz-title{font-size:25px !important}
.section-title h2{font-size:25px !important;color:var(--e-navy) !important;font-weight:800 !important;line-height:1.35 !important;text-transform:none !important}
@media(max-width:700px){.ip-title,.nz-title,.section-title h2{font-size:21px !important}}