/* المرجع البصري: ترويسة index.html الأصلية 2026-11-11. */
/* رأس الموقع: تبقى الهوية والشعار وأدواتنا السابقة */
.site-header{
 width:min(1200px,96%);min-height:180px;margin:auto;padding:8px 5px;
 display:grid;grid-template-columns:110px minmax(0,1fr) 78px;direction:rtl;
 align-items:center;gap:10px;border-bottom:1px solid #62432f70;position:relative;z-index:5;
}
.brand{grid-column:2;grid-row:1;width:100%;height:165px;display:flex;align-items:center;justify-content:center;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;transform:translateY(7px)}
.brand img{display:block;width:370px;height:185px;max-width:100%;object-fit:contain;object-position:center;padding:0;margin:0;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 3px 3px rgba(166,132,99,.38)) drop-shadow(0 8px 11px rgba(166,132,99,.24))}
.header-tools-right{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-start;gap:16px}
.tool{width:49px;height:49px;display:grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:10px;color:var(--gold);background:transparent;transition:.2s;padding:0}
.tool:hover{border-color:var(--line);background:var(--card)}
.tool svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-tools-left{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.prayer-tool{width:51px;height:51px;display:grid;place-items:center;padding:0;color:var(--gold);background:transparent;border:0;border-radius:10px;transition:.2s}
.prayer-tool:hover{color:var(--gold-light);background:var(--card)}
.prayer-tool svg{width:43px;height:43px;display:block;fill:currentColor;stroke:none}
.theme-toggle{width:76px;height:34px;padding:3px 5px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:30px;background:var(--card);color:var(--gold);transition:.2s}
.theme-toggle svg{width:21px;height:21px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .sun-symbol{width:25px;height:25px;display:grid;place-items:center;color:#282019;background:var(--gold-light);border-radius:50%}
.theme-toggle .moon-symbol{display:grid;place-items:center;opacity:.65}
body.light .theme-toggle .sun-symbol{opacity:.55;background:transparent;color:var(--gold)}
body.light .theme-toggle .moon-symbol{width:25px;height:25px;border-radius:50%;color:#282019;background:var(--gold-light);opacity:1}


.site-header{box-sizing:border-box;width:min(1200px,calc(100% - 48px));max-width:100%;margin-inline:auto;--card:#241c18;--line:#62432f;--gold:#b99a75;--gold-light:#d7bd98}
body.light .site-header{--card:#fffaf3;--line:#9b7958;--gold:#765638;--gold-light:#604329}
.site-header::after{content:none!important}
@media(max-width:760px){
 .site-header{width:96%;min-height:145px;padding:5px 0;grid-template-columns:58px minmax(0,1fr) 58px;gap:4px}
 .brand{height:137px}.brand img{width:250px;height:155px}
 .header-tools-right{gap:3px;justify-content:center;flex-wrap:wrap}
 .tool{width:39px;height:41px}.tool svg{width:25px;height:25px}
 .header-tools-left{gap:9px}.prayer-tool{width:43px;height:43px}.prayer-tool svg{width:38px;height:38px}
 .theme-toggle{width:65px;height:30px;padding:2px 4px}.theme-toggle svg{width:18px;height:18px}
 .theme-toggle .sun-symbol,body.light .theme-toggle .moon-symbol{width:22px;height:22px}
}

@media(max-width:390px){
 .site-header{grid-template-columns:50px minmax(0,1fr) 50px;min-height:132px}
 .brand{height:124px}.brand img{width:220px;height:140px}
 .tool{width:34px;height:37px}.tool svg{width:22px;height:22px}
 .prayer-tool{width:39px;height:39px}.prayer-tool svg{width:35px;height:35px}
 .theme-toggle{width:56px;height:28px}
}

@media(max-width:760px){.site-header{width:calc(100% - 36px)}}
@media(max-width:390px){.site-header{width:calc(100% - 28px)}}