/* همایون — منوی شناور پایین موبایل (همه صفحه‌ها، بر اساس نقش کاربر) */
.sd-dock,.sd-sheet,.sd-bg{display:none}
@media (max-width:768px){
html body.has-site-dock{padding-bottom:98px}
.sd-dock{display:flex;position:fixed;z-index:900;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));justify-content:space-around;align-items:center;padding:.5rem .4rem;border-radius:24px;background:rgba(20,10,13,.86);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(232,195,90,.42);box-shadow:0 18px 40px -10px rgba(0,0,0,.9);transition:transform .4s cubic-bezier(.2,.8,.2,1);direction:rtl;font-family:inherit}
.sd-dock.hide{transform:translateY(140%)}
.sd-dock a,.sd-dock button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem 0;border:0;border-radius:16px;background:none;font:inherit;font-size:.68rem;font-weight:700;color:#e8dcd6;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .3s}
.sd-dock i{font-size:1.15rem;color:#e8c35a;transition:transform .3s}
.sd-dock a:active i,.sd-dock button:active i{transform:scale(.85)}
.sd-dock .on:not(.main){color:#fff;background:rgba(232,195,90,.16)}
.sd-dock .on:not(.main) i{transform:translateY(-2px)}
.sd-dock .on:not(.main)::after{content:"";position:absolute;bottom:2px;width:16px;height:3px;border-radius:3px;background:linear-gradient(90deg,#f8dc83,#c8962a)}
.sd-dock .main{flex:none;width:58px;height:58px;margin-top:-26px;justify-content:center;border-radius:50%;color:#2a1706;background:linear-gradient(135deg,#f8dc83,#c8962a);box-shadow:0 12px 26px -6px rgba(232,195,90,.7),0 0 0 5px rgba(20,10,13,.92)}
.sd-dock .main i{color:#2a1706;font-size:1.3rem}
.sd-dock .main.open i{transform:rotate(90deg)}
.sd-bg{display:block;position:fixed;inset:0;z-index:998;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s}
.sd-bg.open{opacity:1;pointer-events:auto}
.sd-sheet{display:block;position:fixed;z-index:999;left:0;right:0;bottom:0;max-height:82vh;overflow-y:auto;padding:1.1rem 1.1rem max(1.3rem,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:linear-gradient(170deg,#3a0e18,#150709);border-top:1px solid rgba(232,195,90,.5);box-shadow:0 -20px 50px rgba(0,0,0,.8);transform:translateY(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);direction:rtl}
.sd-sheet.open{transform:none}
.sd-sheet::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:rgba(255,255,255,.25);margin:0 auto .9rem}
.sd-sheet h4{margin:0 0 .8rem;text-align:center;color:#f6e7a8;font-size:1.05rem}
.sd-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.sd-sheet a{display:flex;align-items:center;gap:.65rem;padding:.7rem .7rem;border-radius:16px;color:#fff;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(232,195,90,.25);font-weight:700;font-size:.86rem;min-width:0}
.sd-sheet a.wide{grid-column:1/-1}
.sd-sheet a i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;color:#2a1706;background:linear-gradient(135deg,#f8dc83,#c8962a)}
.sd-sheet a.out i{background:linear-gradient(135deg,#ff8b96,#c0392b);color:#fff}
.sd-sheet a span{min-width:0}
.sd-sheet a small{display:block;font-weight:400;color:#cdbdb8;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.sd-dock,.sd-sheet,.sd-bg{transition:none}}

/* تم روشن: قبلاً span/small/h4 در حالت روشن تیره می‌شدند و روی پس‌زمینهٔ تیرهٔ منو خوانا نبودند.
   در تم روشن منو و صفحهٔ بازشوی آن هم روشن می‌شوند و رنگ متن‌ها قطعی تعیین شده است. */
@media (max-width:768px){
html[data-theme="light"] .sd-dock{background:rgba(255,250,242,.95);border-color:rgba(107,15,26,.28);box-shadow:0 14px 34px -10px rgba(74,10,18,.45)}
html[data-theme="light"] .sd-dock a,html[data-theme="light"] .sd-dock button,html[data-theme="light"] .sd-dock a span,html[data-theme="light"] .sd-dock button span{color:#4a0a12!important}
html[data-theme="light"] .sd-dock i{color:#8b1a2b}
html[data-theme="light"] .sd-dock .on:not(.main){background:rgba(107,15,26,.1)}
html[data-theme="light"] .sd-dock .on:not(.main) span{color:#2a0509!important;font-weight:900}
html[data-theme="light"] .sd-dock .on:not(.main)::after{background:linear-gradient(90deg,#8b1a2b,#c8962a)}
html[data-theme="light"] .sd-dock .main{box-shadow:0 12px 26px -6px rgba(200,150,42,.75),0 0 0 5px rgba(255,250,242,.98)}
html[data-theme="light"] .sd-dock .main i{color:#2a1706}
html[data-theme="light"] .sd-sheet{background:linear-gradient(170deg,#fffaf2,#f3e6cf);border-top-color:rgba(107,15,26,.3);box-shadow:0 -18px 44px rgba(74,10,18,.35)}
html[data-theme="light"] .sd-sheet::before{background:rgba(74,10,18,.25)}
html[data-theme="light"] .sd-sheet h4{color:#4a0a12!important}
html[data-theme="light"] .sd-sheet a{background:#fff;border-color:rgba(107,15,26,.2);color:#3b1d22!important;box-shadow:0 4px 12px rgba(74,10,18,.08)}
html[data-theme="light"] .sd-sheet a span{color:#3b1d22!important}
html[data-theme="light"] .sd-sheet a small{color:#6f4b42!important}
html[data-theme="light"] .sd-sheet a i{color:#2a1706!important}
html[data-theme="light"] .sd-sheet a.out i{color:#fff!important}
html[data-theme="light"] .sd-sheet a.out,html[data-theme="light"] .sd-sheet a.out span{color:#9b1c1c!important}
}