/* ========================================================= 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:flex;align-items:center;justify-content:center;text-align:center;}
.header-copy{width:100%;max-width:900px;text-align:center;}
.header-title{margin:0;font-size:clamp(1.35rem,2.6vw,2.15rem);line-height:1.005;color:#fff;text-align:center;}
.header-text{font-size:12px;letter-spacing:.4px;font-weight:500;margin:6px 0 8px;opacity:.95;color:#fff;text-align:center;}
.date-box{width:100%;font-size:13px;opacity:.92;line-height:1.4;text-align:center;}
.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;}
@media(max-width:768px){
.header-center{grid-template-columns:1fr;gap:10px;text-align:center;}
.header-logo-wrap,.header-copy,.date-box{justify-self:center;}
.date-box{text-align:center;}
}

/* =========================================================   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:10px; line-height:1.6;}
.footer-logo{height:48px; width:auto; display:block; transition:transform .25s ease, opacity .25s ease;}
.footer-logo:hover{transform:scale(1.05); opacity:1;}

/* =========================================================   RESPONSIVE LAYOUT   ========================================================= */
@media(max-width:768px){
.site-header{padding:14px 14px 12px;}
.header-center{grid-template-columns:1fr;gap:10px;text-align:center;}
.header-actions{justify-content:center;}
.header-actions{flex-wrap:wrap;}
.site-search-form{width:100%;justify-content:center;}
.site-search-form input[type="text"]{width:min(100%, 260px);}
.date-box{font-size:12px;}
.date-sep{display:block;margin:3px 0;}
.footer-inner{flex-direction:column;text-align:center;gap:8px;}
.footer-logo{height:52px;}
.footer-text{font-size:12px;line-height:1.5;}
.contact-fab-wrap{right:14px;bottom:14px;}
.contact-fab-main{width:54px;height:54px;font-size:22px;}
.contact-fab-menu{bottom:66px;}
.contact-fab-item{min-width:135px;padding:9px 12px;font-size:13px;}
}