/* app.css - ظاهر مشترک همه‌ی صفحه‌ها (هدر، نوار بالا، PWA) */
:root{--bar-h:48px;}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
.banner{height:var(--bar-h);overflow:hidden;background:var(--bar);}
.banner img{display:block;width:100%;height:var(--bar-h);object-fit:cover;}
.navbar{position:relative;}
.topbar{direction:rtl;height:var(--bar-h);padding:0 10px;gap:6px;align-items:center;justify-content:flex-start;}
.topbar .menu-toggle,.topbar .theme-btn{width:38px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;border-radius:12px;cursor:pointer;}
.topbar .menu-toggle:hover,.topbar .theme-btn:hover{background:rgba(255,255,255,.16);}
.topbar .menu-toggle svg,.topbar .theme-btn svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.topbar .theme-btn .i-sun{display:none;}
body.dark .topbar .theme-btn .i-sun{display:block;fill:none;stroke:#fff;}
body.dark .topbar .theme-btn .i-moon{display:none;}
.topbar .lang-btn{height:36px;border-radius:12px;padding:0 10px;font-size:.78rem;}
.brand{margin-right:auto;display:flex;align-items:center;gap:9px;min-width:0;color:#fff;text-decoration:none;direction:rtl;}
.brand-logo{height:30px;width:auto;max-width:48px;object-fit:contain;display:block;flex-shrink:0;}
.brand-sep{opacity:.55;font-weight:300;font-size:1.25rem;line-height:1;}
.brand-name{font-size:.78rem;font-weight:bold;line-height:1.25;white-space:normal;text-align:right;max-height:2.6em;overflow:hidden;max-width:46vw;}
.brand-nameimg{height:22px;width:auto;max-width:42vw;object-fit:contain;display:block;}
.brand.empty{display:none;}
.menu{position:absolute;top:100%;left:0;right:0;z-index:70;background:var(--bar);box-shadow:0 8px 20px rgba(0,0,0,.25);}
.menu li:first-child a{border-top:none;}
/* صفحه‌ی اول: متن آخرین مراسم */
.latest{text-align:center;}
.latest h2{font-size:1.05rem;}
/* نمایش درست روی گوشی‌های دارای نوار پایین (اپلیکیشن) */
body{padding-bottom:calc(92px + env(safe-area-inset-bottom));}
.dock{bottom:calc(12px + env(safe-area-inset-bottom));}
@media(max-width:380px){.brand-name{font-size:.68rem;}.brand-logo{height:26px;}}