:root{
  --green-dark:#0d7a3a;
  --green:#119c49;
  --green-light:#2fb968;
  --gold:#ffd58c;
  --gold-light:#ffe4b3;
  --cream:#f2f8ff;
  --text-dark:#212529;
  --text-muted:#5f6f65;
  --line:rgba(17,156,73,.12);
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Almarai',sans-serif;}
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible{
  outline:2.5px solid var(--green-dark) !important; outline-offset:3px !important; border-radius:4px;
}
html{scroll-behavior:smooth;}
body{background:var(--cream);color:var(--text-dark);direction:rtl;text-align:right;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;}
.hf-icon{width:1em;height:1em;display:inline-block;vertical-align:-0.14em;flex-shrink:0;}

/* ===== الهيدر ===== */
.hf-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 4px 18px rgba(15,76,46,.08);}
.hf-header-top{background:var(--green-dark);color:#fff;}
.hf-header-top-wrap{max-width:1400px;margin:0 auto;padding:8px 4%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.hf-header-contact{display:flex;gap:20px;font-size:13px;font-weight:600;flex-wrap:wrap;}
.hf-header-contact a{text-decoration:none;display:inline-flex;align-items:center;gap:6px;opacity:.92;}
.hf-donate-btn{background:var(--gold);color:#000;font-weight:800;font-size:13px;padding:8px 20px;border-radius:35px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform .2s ease;}
.hf-donate-btn:hover{transform:translateY(-2px);}

.hf-header-main-wrap{max-width:1400px;margin:0 auto;padding:12px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.hf-logo img{height:58px;width:auto;}

.hf-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:34px;background:none;border:none;cursor:pointer;}
.hf-nav-toggle span{display:block;width:100%;height:3px;background:var(--green-dark);border-radius:2px;}

.hf-nav{display:flex;align-items:center;gap:16px;}
.hf-nav-list{list-style:none;display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.hf-nav-item{position:relative;}
.hf-nav-link{display:flex;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;font-weight:700;font-size:14px;color:var(--text-dark);border-radius:8px;transition:color .2s ease,background .2s ease;}
.hf-nav-link:hover{color:var(--green);background:rgba(27,122,67,.06);}
.hf-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;font-size:15px;}
.hf-nav-icon .hf-icon, .hf-nav-icon i{width:16px;height:16px;}
.hf-nav-label{white-space:nowrap;}
.hf-nav-caret{width:.6em;height:.6em;transition:transform .2s ease;}
.hf-nav-item.has-children:hover > .hf-nav-link .hf-nav-caret{transform:rotate(180deg);}

.hf-submenu{list-style:none;position:absolute;top:calc(100% + 10px);right:0;min-width:270px;background:#fff;border-radius:16px;box-shadow:0 20px 44px rgba(15,76,46,.18);border:1px solid var(--line);border-top:3px solid var(--gold);padding:10px;opacity:0;visibility:hidden;filter:blur(4px);transform:translateY(10px) scale(.98);transition:opacity .3s ease,transform .3s ease,visibility .3s ease,filter .3s ease;z-index:50;}
.hf-nav-item.has-children:hover > .hf-submenu{opacity:1;visibility:visible;filter:blur(0);transform:translateY(0) scale(1);}
@media (min-width:1181px){
  .hf-submenu li{opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease;}
  .hf-nav-item.has-children:hover > .hf-submenu li{opacity:1;transform:translateY(0);}
  .hf-submenu li:nth-child(1){transition-delay:.04s;} .hf-submenu li:nth-child(2){transition-delay:.08s;}
  .hf-submenu li:nth-child(3){transition-delay:.12s;} .hf-submenu li:nth-child(4){transition-delay:.16s;}
  .hf-submenu li:nth-child(5){transition-delay:.2s;}
}
.hf-submenu .hf-nav-item{position:relative;}
.hf-submenu .hf-nav-item + .hf-nav-item{border-top:1px solid var(--line);}
.hf-submenu .hf-nav-link{font-size:13.5px;padding:11px 14px;font-weight:700;border-radius:10px;position:relative;transition:color .2s ease,background .2s ease,padding-inline-end .2s ease;}
.hf-submenu .hf-nav-icon{width:26px;height:26px;border-radius:8px;background:rgba(27,122,67,.08);color:var(--green-dark);transition:background .2s ease,transform .2s ease,color .2s ease;}
.hf-submenu .hf-nav-icon .hf-icon, .hf-submenu .hf-nav-icon i{width:13px;height:13px;}
.hf-submenu .hf-nav-link:hover{background:linear-gradient(90deg,rgba(255,213,140,.18),transparent);color:var(--green-dark);padding-inline-end:18px;}
.hf-submenu .hf-nav-link:hover .hf-nav-icon{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--green-dark);transform:scale(1.08) rotate(-4deg);}
.hf-submenu .hf-nav-item.has-children > .hf-nav-link{font-weight:800;color:var(--green-dark);}
.hf-submenu .hf-submenu{top:-10px;right:100%;margin-right:10px;}

/* ===== طبقة تعتيم خلف قائمة الجوال ===== */
.hf-nav-scrim{position:fixed;inset:0;background:rgba(13,44,26,.5);backdrop-filter:blur(2px);z-index:999;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;}
.hf-nav-scrim.is-visible{opacity:1;visibility:visible;}
@media (min-width:1181px){.hf-nav-scrim{display:none;}}

/* ===== رأس/تذييل قائمة الجوال ===== */
.hf-nav-head{display:none;align-items:center;justify-content:space-between;padding:0 16px 16px;margin-bottom:8px;border-bottom:1px solid var(--line);}
.hf-nav-head-logo img{height:38px;width:auto;}
.hf-nav-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--green-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;}
.hf-nav-section-label{display:none;font-size:11.5px;font-weight:800;color:var(--text-muted);letter-spacing:.03em;padding:0 24px 8px;text-transform:uppercase;}
.hf-nav-donate{display:none;padding:16px 14px 0;}
.hf-nav-donate .hf-donate-btn{width:100%;justify-content:center;}
.hf-nav-foot{display:none;padding:18px 14px 4px;border-top:1px solid var(--line);margin-top:14px;}
.hf-nav-foot-social{display:flex;justify-content:center;gap:10px;margin-bottom:10px;}
.hf-nav-foot-social a{width:34px;height:34px;border-radius:50%;background:rgba(27,122,67,.08);color:var(--green-dark);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s ease;}
.hf-nav-foot-social a:hover{background:var(--gold);color:var(--green-dark);}
.hf-nav-foot-note{display:block;text-align:center;font-size:11.5px;color:var(--text-muted);font-weight:600;}

/* ===== تسجيل / حسابي ===== */
.hf-account-menu{position:relative;flex-shrink:0;}
.hf-account-btn{display:flex;align-items:center;gap:6px;background:var(--green);color:#fff;border:none;padding:10px 18px;border-radius:35px;font-weight:800;font-size:13.5px;font-family:inherit;cursor:pointer;transition:background .2s ease;}
.hf-account-btn:hover{background:var(--green-dark);}
.hf-account-dropdown{list-style:none;position:absolute;top:100%;left:0;min-width:180px;background:#fff;border-radius:12px;box-shadow:0 16px 36px rgba(15,76,46,.16);border:1px solid var(--line);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:60;margin-top:8px;}
.hf-account-menu:hover .hf-account-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.hf-account-dropdown a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--text-dark);text-decoration:none;}
.hf-account-dropdown a:hover{background:var(--cream);color:var(--green);}

.hf-desktop-only{display:flex;}
.hf-mobile-only{display:none;}
@media (max-width:1180px){
  .hf-desktop-only{display:none !important;}
  .hf-mobile-only{display:block !important;}
  .hf-nav-head{display:flex !important;}
  .hf-nav-donate{display:block !important;}
  .hf-nav-foot{display:block !important;}

  .hf-nav-toggle{display:flex;}
  .hf-nav{position:fixed;top:0;right:-100%;width:min(340px,88vw);height:100vh;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:right .35s ease;box-shadow:-10px 0 30px rgba(0,0,0,.15);padding:0 0 30px;flex-direction:column;align-items:stretch;gap:0;z-index:1001;}
  .hf-nav.is-open{right:0;}
  .hf-nav-section-label{display:block !important;}
  .hf-nav-list{flex-direction:column;align-items:stretch;gap:0;padding:0 14px;}

  .hf-nav-link{padding:11px 10px;border-bottom:1px solid var(--line);border-radius:8px;justify-content:space-between;font-size:14.5px;}
  .hf-nav-item.has-children > .hf-nav-link{color:var(--green-dark);}
  .hf-nav-caret{transition:transform .25s ease;}
  .hf-nav-item.has-children.is-open > .hf-nav-link .hf-nav-caret{transform:rotate(180deg);}

  .hf-submenu{list-style:none;position:static;box-shadow:none;border:none;opacity:1;visibility:visible;transform:none;overflow:hidden;max-height:0;transition:max-height .3s ease;background:transparent;padding:0;margin:0;border-inline-end:2px solid var(--line);}
  .hf-nav-item.has-children.is-open > .hf-submenu{max-height:1000px;}
  .hf-submenu .hf-nav-item{padding-inline-end:10px;}
  .hf-submenu .hf-nav-link{font-size:13px;font-weight:600;padding:9px 10px;border-bottom:1px solid var(--line);color:var(--text-muted);}
  .hf-submenu .hf-nav-item.has-children > .hf-nav-link{color:var(--green-dark);font-weight:700;}
  .hf-submenu .hf-submenu{border-inline-end-color:var(--gold);}
  .hf-submenu .hf-submenu .hf-nav-link{font-size:12.5px;padding-inline-start:6px;}
  .hf-nav-item:last-child > .hf-nav-link{border-bottom:none;}

  .hf-account-menu{margin:18px 14px 0;}
  .hf-account-btn{width:100%;justify-content:space-between;border-radius:10px;}
  .hf-account-dropdown{position:static;box-shadow:none;border:none;opacity:1;visibility:visible;transform:none;margin-top:6px;padding:0;}
  .hf-account-dropdown a{border-bottom:1px solid var(--line);border-radius:0;}
}

/* ===== شركاء النجاح ===== */
.hf-partners-band{background:var(--cream);padding:50px 0;overflow:hidden;}
.hf-partners-wrap{max-width:1400px;margin:0 auto;padding:0 4%;}
.hf-partners-head{text-align:center;margin-bottom:26px;}
.hf-eyebrow{display:inline-block;color:var(--gold);font-weight:800;font-size:13px;margin-bottom:6px;}
.hf-partners-head h4{font-size:24px;font-weight:900;color:var(--green-dark);}
.hf-partner-marquee{overflow:hidden;width:100%;direction:ltr;}
.hf-partner-track{display:flex;align-items:center;gap:20px;width:max-content;animation:hf-marquee 30s linear infinite;}
.hf-partner-marquee:hover .hf-partner-track{animation-play-state:paused;}
@keyframes hf-marquee{from{transform:translateX(-50%);}to{transform:translateX(0%);}}
.hf-partner-tile{width:120px;height:90px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:14px;flex-shrink:0;box-shadow:0 8px 18px rgba(15,76,46,.06);}
.hf-partner-tile img{max-width:100%;max-height:100%;object-fit:contain;}

/* ===== شريط دعوة التبرع أعلى الفوتر ===== */
.hf-footer-cta{background:linear-gradient(90deg,var(--green-dark),var(--green));}
.hf-footer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 4%;flex-wrap:wrap;color:#fff;}
.hf-footer-cta-inner h4{font-size:20px;font-weight:900;margin-bottom:6px;}
.hf-footer-cta-inner p{font-size:13.5px;opacity:.9;margin:0;}
.hf-footer-cta-inner .hf-btn{flex-shrink:0;}

/* ===== الفوتر ===== */
.hf-footer{background-color:var(--green-dark);background-size:cover;background-position:center;color:#fff;padding:60px 4% 0;border-top:3px solid var(--gold);}
.hf-footer-main{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.3fr .9fr 1fr 1.1fr;gap:36px;padding-bottom:40px;}
.hf-footer-logo{height:56px;filter:brightness(0) invert(1);margin-bottom:14px;}
.hf-footer-about p{font-size:13px;line-height:1.9;opacity:.85;}
.hf-footer-col h5{font-size:15px;font-weight:800;margin-bottom:16px;color:var(--gold-light);}
.hf-footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:13px;opacity:.9;}
.hf-footer-col ul li{display:flex;align-items:center;gap:8px;}
.hf-footer-col ul a{text-decoration:none;}
.hf-footer-social{display:flex;gap:10px;margin-top:18px;}
.hf-footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s ease;}
.hf-footer-social a:hover{background:var(--gold);color:var(--green-dark);}
.hf-footer-map-title{margin-top:20px;}
.hf-footer-map{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.15);height:140px;}
.hf-footer-map iframe{width:100%;height:100%;border:0;filter:grayscale(.2);}
.hf-footer-form{display:flex;flex-direction:column;gap:10px;}
.hf-footer-form input,.hf-footer-form textarea{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 14px;color:#fff;font-size:13px;font-family:inherit;}
.hf-footer-form input::placeholder,.hf-footer-form textarea::placeholder{color:rgba(255,255,255,.55);}
.hf-footer-form textarea{resize:vertical;min-height:70px;}
.hf-footer-form button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:var(--green-dark);border:0;border-radius:10px;padding:11px;font-weight:800;font-size:13.5px;cursor:pointer;transition:opacity .2s ease;}
.hf-footer-form button:hover{opacity:.88;}
.hf-footer-form-ok{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:14px;font-size:13px;line-height:1.8;}
.hf-footer-form-err{background:rgba(200,40,40,.25);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:10px 14px;font-size:12.5px;margin-bottom:8px;}
.hf-footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:18px 0;text-align:center;font-size:12.5px;opacity:.8;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.hf-footer-dev-link{text-decoration:none;color:var(--gold-light);font-weight:700;opacity:1;}
.hf-footer-dev-link:hover{text-decoration:underline;}
.hf-footer-bottom span::after{content:'•';margin-inline-start:8px;opacity:.6;}
@media (max-width:480px){.hf-footer-bottom span::after{display:none;}}

@media (max-width:1000px){
  .hf-footer-main{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .hf-footer-main{grid-template-columns:1fr;}
  .hf-footer-cta-inner{text-align:center;justify-content:center;flex-direction:column;}
  .hf-header-contact{font-size:12px;gap:12px;}
}

/* ===== أزرار السلة/حملات التبرع في الهيدر (بدل مساحة فارغة أقصى يسار الهيدر) ===== */
.hf-header-actions{ display:flex; align-items:center; gap:10px; }
.hf-header-actions .hf-btn{ padding:9px 16px; font-size:13px; white-space:nowrap; }

.hf-header-mini-actions{ display:none; align-items:center; gap:8px; margin-inline-start:auto; }
.hf-mini-action{
  position:relative; width:38px; height:38px; border-radius:50%; border:1px solid var(--line);
  background:#fff; color:var(--green-dark); display:flex; align-items:center; justify-content:center;
  font-size:15px; text-decoration:none;
}
.hf-mini-action-badge{
  position:absolute; top:-4px; left:-4px; min-width:16px; height:16px; padding:0 3px; border-radius:8px;
  background:var(--gold); color:#000; font-size:10px; font-weight:800; display:flex; align-items:center; justify-content:center;
}
@media (max-width:1180px){
  .hf-header-mini-actions{ display:flex; }
}
.hf-header-main-wrap .hf-header-actions{ margin-inline-start:auto; }
.hf-header-actions{ flex-shrink:0; }
.hf-header-main-wrap{ flex-wrap:nowrap; }