/* v5.9: the original v5.8 experience, with sky blue and a full-height RTL sidebar. */
:root{--bg:#e3f4ff;--surface-soft:#edf8ff;--brand:#048bc8;--brand-deep:#086994;--ink:#153c55;--muted:#507086;--line:#b8dbee;--glass-light:linear-gradient(145deg,#fffffff2,#edf8ffee);--warm:#157ba8;--warm-soft:#e1f3ff;background:#e3f4ff}
body .ocean-atmosphere{background:radial-gradient(ellipse at 90% 5%,#64c7f052,transparent 54%),radial-gradient(ellipse at 5% 68%,#58b4eb33,transparent 54%),linear-gradient(145deg,#edf9ff 0%,#d6efff 54%,#e7f5ff 100%)}
body .ocean-atmosphere i{background:radial-gradient(circle,#61bdf048,transparent 68%)}
body .ocean-atmosphere i+i{background:radial-gradient(circle,#4aa8e936,transparent 70%)}
body .home-shell .app-header{background:linear-gradient(#e3f4fff0,#e3f4ff60,transparent)}
body .app-header .brand>img{display:none}
body .app-header .brand::after{width:clamp(138px,18vw,185px);height:37px;background:none;background-color:#048bc8;mask:url('/brand-wordmark-original.png') right center/contain no-repeat;-webkit-mask:url('/brand-wordmark-original.png') right center/contain no-repeat}
body .hero-content h1.qom-wordmark::before{width:clamp(255px,48vw,390px);height:78px;background:none;background-color:#048bc8;mask:url('/brand-wordmark-original.png') center/contain no-repeat;-webkit-mask:url('/brand-wordmark-original.png') center/contain no-repeat;filter:none}
body .qom-live-hero .hero-scene{background:linear-gradient(125deg,#a5dcf6,#d8efff)}
body .qom-live-hero .hero-scene::before{background:linear-gradient(150deg,#edf8ff16,transparent 45%,#0f76bc26)}
body .immersive-hero{background:linear-gradient(180deg,#ecf8ff80,#e8f5ff50)}
body .hero-scene::after{background:linear-gradient(180deg,transparent 20%,#e3f4ff78 60%,#e3f4ff 100%)}
body .city-widget.widget-weather{background:linear-gradient(145deg,#fff,#d9efff)}
body .city-widget.widget-air{background:linear-gradient(145deg,#f8fcff,#d7edfa)}
body .city-widget.widget-prayer{background:linear-gradient(145deg,#fcfdff,#deefff)}
body .capsule-shortcuts>a:nth-child(-n+4){background:linear-gradient(140deg,#fff,#e0f3ff)}
body .header-actions .icon-button{background:#ffffffc4;border-color:#cae7f5;color:#155775}
body .sliding-nav .nav-track{background:linear-gradient(135deg,#b8e5fc,#ddf3ff);border-color:#9fd5ef}
body .sliding-nav>a.active{color:#056b9c}
body .bottom-navigation>a:hover{color:#056b9c}
body .qom-install-dialog{background:linear-gradient(128deg,#fffffff7,#e3f4fff7);border-color:#b8ddee}
body .qom-sdk-extras button{background:#edf8ff;border-color:#b8ddee}
body .hero-topline{background:#f3fbffd9;border-color:#d8eefb;color:#315c76}
body .hero-title-rule{background:#64bfe7}
body .qom-gallery-grid figure,body .qom-gallery-grid img{background:#e2f1fa}
.qom-sidebar{display:none}
@media(min-width:960px){
  :root{--sidebar-width:248px}
  body .app-column{width:calc(100% - var(--sidebar-width));max-width:1260px;margin-inline-start:var(--sidebar-width);margin-inline-end:0;min-height:100dvh}
  body .qom-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:90;display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;height:100dvh;padding:32px 18px 20px;box-sizing:border-box;background:linear-gradient(160deg,#ffffffec,#eaf7fff0 66%,#dff2fff2);border-inline-end:1px solid #ffffff;box-shadow:-8px 0 32px #227dac0c;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#afd6ed transparent}
  .sidebar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:2px 8px 28px;flex:none}
  .sidebar-brand img{display:block;width:194px;max-width:100%;height:auto;object-fit:contain}
  .sidebar-brand>span{font-size:12px;color:#5c7b91;letter-spacing:0}
  body .qom-sidebar .desktop-navigation{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;flex:0 0 auto;width:100%;height:auto;margin:0;color:#44667d;font-size:14px}
  body .qom-sidebar .sliding-nav>a{display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:46px;height:46px;padding:0 16px;border-radius:18px;flex:none}
  body .qom-sidebar .sliding-nav>a svg{width:20px;height:20px;flex:none;stroke-width:1.7}
  body .qom-sidebar .sliding-nav .nav-track{border-radius:18px;box-shadow:inset 0 1px #ffffffa0,0 4px 12px #258abd0c}
  body .qom-sidebar .sliding-nav>a:nth-child(6){margin-top:20px}
  body .qom-sidebar .sliding-nav>a:nth-child(10){margin-top:20px}
  .sidebar-signoff{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding:28px 12px 0;font-size:11px;color:#6b8ba0;flex:none}
  .sidebar-signoff span[dir=ltr]{align-self:flex-start;font-size:10px;color:#3b89b3}
  body .app-header{height:76px;padding-inline:32px;justify-content:flex-end}
  body .app-header>.brand{display:none}
  body .app-header::before{content:'قم دوست‌داشتنی';margin-inline-end:auto;font-size:13px;color:#548299}
  body .home-shell .app-header{position:relative;top:auto;background:transparent}
  body .home-main{padding-inline:32px}
  body .inner-main{margin-inline:32px}
  body .bottom-navigation{display:none}
  body .app-column .update-banner{max-width:calc(100% - 64px)}
}
@media(min-width:1560px){body .app-column{margin-inline-end:auto;margin-inline-start:calc(var(--sidebar-width) + (100vw - var(--sidebar-width) - 1260px)/2)}}
@media(max-width:379px){body .app-header .brand::after{width:132px;height:33px}}
@media(prefers-reduced-motion:reduce){body .qom-sidebar .nav-track{transition:none}}