/* theme.css.php (DB-driven) — schema compatible */
:root{
  --site-primary: #8F0000;
  --site-primary2: #111827;
  --site-on-primary: #ffffff;
  --site-bg: #FFFCE5;
  --site-surface: #FAFAFA;
  --site-text: #111827;
  --site-muted: #6B7280;
  --site-border: #BBBEC3;
  --site-success: #16A34A;
  --site-danger: #DC2626;
  --site-radius: 18px;
  --site-shadow: 0 10px 28px rgba(17,24,39,.08);
  --site-shadow-btn: 0 10px 18px rgba(17,24,39,.10);
  --site-font: Dana,sans-serif;
}
html,body{height:100%}
body{margin:0;background:var(--site-bg);color:var(--site-text);font-family:var(--site-font);direction:rtl}
a{color:inherit}
.muted{color:var(--site-muted)}
.card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:var(--site-radius);box-shadow:var(--site-shadow)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--site-border);background:rgba(0,0,0,.02);cursor:pointer;text-decoration:none}
.btn-primary{background:var(--site-primary);border-color:rgba(0,0,0,.06);color:var(--site-on-primary);font-weight:900;box-shadow:var(--site-shadow-btn)}
@media(max-width:720px){
  body.app-mode{padding-bottom:74px}
}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border-bottom:1px solid var(--site-border)}
.topbar-in{max-width:1100px;margin:0 auto;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:36px;height:36px;border-radius:12px;object-fit:cover;border:1px solid var(--site-border);background:#fff}
.brand .t1{font-weight:900}
.brand .t2{font-size:12px;color:var(--site-muted)}
.hero{max-width:1100px;margin:14px auto 0;padding:0 12px}
.slider{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--site-border);background:#000}
.slides{display:flex;transition:transform .45s ease;will-change:transform}
.slide{min-width:100%;position:relative}
.slide-bg{height:380px;background-size:cover;background-position:center;filter:saturate(1.02)}
@media(max-width:720px){.slide-bg{height:240px}}
.slide-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.12) 60%,rgba(0,0,0,.15))}
.slide-txt{position:absolute;right:16px;left:16px;bottom:16px;display:flex;flex-direction:column;gap:8px}
.slide-t{font-weight:900;font-size:18px;color:#fff}
.slide-s{color:rgba(255,255,255,.88);font-size:13px;line-height:1.9}
.dots{position:absolute;left:12px;bottom:12px;display:flex;gap:6px}
.dot{width:9px;height:9px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.18);cursor:pointer}
.dot.on{background:var(--site-primary);border-color:rgba(255,255,255,.25)}
.section{max-width:1100px;margin:14px auto 0;padding:0 12px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
.plist{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:980px){.plist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.plist{grid-template-columns:1fr}}
@media(max-width:720px){body.app-mode .bottom-bar{display:block}}
.bottom-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);border-top:1px solid var(--site-border)}
.bottom-bar-in{max-width:560px;margin:0 auto;padding:8px 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bb{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 4px;border-radius:14px;border:1px solid rgba(0,0,0,.06);background:rgba(0,0,0,.015);text-decoration:none;min-width:0}
.bb .i{font-size:18px;line-height:1}
.bb .l{font-size:10.5px;color:rgba(0,0,0,.78);white-space:nowrap}
.bb.on{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.10)}
@media(max-width:360px){.bottom-bar-in{padding:7px 7px;gap:5px}.bb{padding:6px 3px;border-radius:13px}.bb .l{font-size:10px}}