/* =========================================================   HEADER SHELL   ========================================================= */
.site-header{background:linear-gradient(135deg, #0f5132, #198754); color:#fff; padding:18px 20px 14px; position:relative;}
.header-center{max-width:1100px; margin:0 auto; display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center;}
.header-logo-wrap{display:inline-flex; align-items:center; justify-content:center; text-decoration:none;}
.header-logo{height:75px; width:auto; transition:transform .25s ease, opacity .25s ease;}
.header-logo:hover{transform:scale(1.05); opacity:.95;}
.header-main{text-align:center;}
.header-title{margin:0;font-size:clamp(1.35rem, 2.6vw, 2.15rem);line-height:1.15;color:#fff;text-align:center;width:100%;}
.header-text{font-size:16px; letter-spacing:.4px; font-weight:500; margin:6px 0 10px; opacity:.95; color:#fff;text-align:center;width:100%;}
.date-box{font-size:13px; opacity:.92; line-height:1.4;text-align:center;width:100%;}
.date-sep{display:inline-block; margin:0 8px; opacity:.7;}
.hijri-date{direction:rtl;unicode-bidi:isolate;display:inline-block; text-align:right; font-family:"Tahoma","Arial",sans-serif;}
.header-actions{display:flex; align-items:center; gap:12px; justify-content:flex-end;}
.header-donate-btn{display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; background:#fff; color:#0f5132; text-decoration:none; font-weight:800; white-space:nowrap;}
.header-donate-btn:hover{background:#f0fdf4;}

/* =========================================================   HEADER SEARCH   ========================================================= */
.site-search-form{display:flex; align-items:center; gap:8px; min-width:0;}
.site-search-form input[type="text"]{width:220px; max-width:100%; padding:8px 12px; border:1px solid rgba(15,81,50,.16); border-radius:10px; background:#fff; color:var(--text); font-size:14px; outline:none;}
.site-search-form input[type="text"]:focus{border-color:rgba(25,135,84,.55); box-shadow:0 0 0 3px rgba(34,197,94,.12);}
.site-search-form button{border:0; border-radius:10px; padding:8px 12px; background:linear-gradient(135deg, var(--nav2), var(--nav)); color:#fff; font-size:14px; cursor:pointer; white-space:nowrap;}
.site-search-form button:hover{filter:brightness(.96);}

/* =========================================================   TRANSLATOR   ========================================================= */
.translator-wrap{background:#198754; padding:0px 0; border-bottom:1px solid rgba(15,23,42,.06);}
.translator-wrap .container{display:flex; justify-content:center; align-items:center; min-height:1px;}

/* =========================================================   FOOTER   ========================================================= */
.site-footer{background:linear-gradient(135deg, #0f5132, #198754); color:#fff; padding:10px;}
.footer-inner{max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.footer-logo-wrap{display:flex; align-items:center; flex:0 0 auto; text-decoration:none;}
.footer-text{flex:1; text-align:center; font-size:14px; line-height:1.6;}
.footer-logo{height:60px; width:auto; display:block; transition:transform .25s ease, opacity .25s ease;}
.footer-logo:hover{transform:scale(1.05); opacity:1;}

/* =========================================================   FLOATING CONTACT STACK   ========================================================= */
.contact-fab-wrap{position:fixed; right:20px; bottom:20px; z-index:1200;}
.contact-fab-main{width:60px; height:60px; border:none; border-radius:50%; background:linear-gradient(135deg, #0f5132, #198754); color:#fff; box-shadow:0 12px 24px rgba(2,8,23,.18); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-size:24px; position:relative; transition:transform .2s ease, box-shadow .2s ease;}
.contact-fab-main:hover{transform:translateY(-2px); box-shadow:0 16px 28px rgba(2,8,23,.24);}
.contact-fab-main .fab-icon{position:absolute; transition:opacity .2s ease, transform .2s ease;}
.contact-fab-main .fab-close{opacity:0; transform:scale(.8);}
.contact-fab-wrap.open .contact-fab-main .fab-open{opacity:0; transform:scale(.8);}
.contact-fab-wrap.open .contact-fab-main .fab-close{opacity:1; transform:scale(1);}
.contact-fab-menu{position:absolute; right:0; bottom:74px; display:flex; flex-direction:column; gap:10px; align-items:flex-end; pointer-events:none;}
.contact-fab-item{display:inline-flex; align-items:center; gap:10px; min-width:150px; padding:10px 14px; border-radius:999px; text-decoration:none; color:#fff; font-weight:700; box-shadow:0 10px 22px rgba(2,8,23,.16); opacity:0; transform:translateY(10px) scale(.96); transition:opacity .22s ease, transform .22s ease;}
.contact-fab-wrap.open .contact-fab-menu{pointer-events:auto;}
.contact-fab-wrap.open .contact-fab-item{opacity:1; transform:translateY(0) scale(1);}
.contact-fab-wrap.open .contact-fab-item:nth-child(1){transition-delay:.02s;}
.contact-fab-wrap.open .contact-fab-item:nth-child(2){transition-delay:.05s;}
.contact-fab-wrap.open .contact-fab-item:nth-child(3){transition-delay:.08s;}
.contact-fab-item.whatsapp{background:#25D366;}
.contact-fab-item.email{background:#0f5132;}
.contact-fab-item.phone{background:#1f6feb;}
.fab-item-icon{width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 22px;}
.fab-item-label{line-height:1; white-space:nowrap;}