/* Нижняя панель на телефоне для страниц БЕЗ сайдбара (главная index.php). Копия правил из sidebar.css + mobile.css. */
.sb-bnav { display: none; }
@keyframes sbFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@media (max-width: 992px) {
    :root { --sb-bnav-h: 48px; }
    body.has-bnav { padding-bottom: calc(var(--sb-bnav-h) + env(safe-area-inset-bottom, 0px)) !important; }
    .sb-bnav {
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; display: grid; grid-template-columns: repeat(5, 1fr);
        height: calc(var(--sb-bnav-h) + env(safe-area-inset-bottom, 0px)); padding: 0 4px env(safe-area-inset-bottom, 0px); box-sizing: border-box;
        background: rgba(5, 8, 24, .94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
        border-top: 1px solid rgba(255,255,255,.08); box-shadow: 0 -8px 28px rgba(0,0,0,.28);
        font-family: 'Manrope', Inter, -apple-system, sans-serif;
    }
    .sb-bnav a, .sb-bnav button {
        position: relative; border: 0; background: none; padding: 0; font-family: inherit; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 0;
        color: #8ba0bd !important; text-decoration: none !important; font-size: 9px; font-weight: 700; -webkit-tap-highlight-color: transparent;
    }
    .sb-bnav a span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .sb-bnav svg { width: 18px; height: 18px; }
    .sb-bnav a.on, .sb-bnav button.on { color: #fff !important; }
    .sb-bnav a.on svg { color: #00e5a0; }
    .sb-bnav a.on:not(.sb-fab)::before, .sb-bnav button.on::before { content: ''; position: absolute; top: 0; left: 28%; right: 28%; height: 2.5px; border-radius: 0 0 3px 3px; background: #00e5a0; box-shadow: 0 0 10px #00e5a0; }
    .sb-bnav button span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    /* Продвижение — круглая золотая кнопка по центру, приподнята над панелью */
    .sb-bnav .sb-fab { justify-content: flex-end; padding-bottom: 5px; color: #ffd27a !important; }
    .sb-bnav .sb-fab i { position: absolute; top: -16px; left: 50%; transform: translateX(-50%); width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
        background: radial-gradient(circle at 30% 25%, #ffe08a, #ffb02e 55%, #ff7a2f); border: 3px solid #050818; box-shadow: 0 6px 18px rgba(255,160,40,.45), 0 0 0 1px rgba(255,194,75,.4); }
    .sb-bnav .sb-fab i svg { width: 20px; height: 20px; color: #3a1d00; stroke-width: 2.1; animation: sbFloat 2.4s ease-in-out infinite; }
    .sb-bnav .sb-fab.on i { box-shadow: 0 6px 22px rgba(255,160,40,.7), 0 0 0 3px rgba(255,194,75,.5); }
    .sb-bnav .sb-fab span { font-weight: 800; }
    .sb-bnav-me img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; border: 1.5px solid rgba(255,255,255,.25); box-sizing: border-box; }
    .sb-bnav-me.on img { border-color: #00e5a0; box-shadow: 0 0 0 2px rgba(0,229,160,.25); }
}
@media (max-width: 992px) {
    :root { --sb-bnav-h: 58px; }
    html body .sb-bnav { padding: 0 6px env(safe-area-inset-bottom, 0px) !important; }
    html body .sb-bnav a, html body .sb-bnav button { gap: 4px !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: 0; }
    html body .sb-bnav svg { width: 21px !important; height: 21px !important; }
    html body .sb-bnav-me img { width: 23px !important; height: 23px !important; }
    html body .sb-bnav a.on:not(.sb-fab)::before, html body .sb-bnav button.on::before { left: 30% !important; right: 30% !important; height: 3px !important; }

    /* «Продвижение» — круглая кнопка в цветах сайта (голубой → бирюзовый), приподнята над панелью */
    html body .sb-bnav .sb-fab { justify-content: flex-end !important; padding-bottom: 7px !important; color: #7ff3cf !important; }
    html body .sb-bnav .sb-fab i {
        position: absolute !important; top: -20px !important; left: 50% !important; transform: translateX(-50%) !important;
        width: 52px !important; height: 52px !important; border-radius: 50% !important; border: 4px solid #050818 !important; box-sizing: border-box !important;
        display: grid !important; place-items: center;
        background: radial-gradient(circle at 30% 22%, rgba(255,255,255,.45), transparent 42%), linear-gradient(140deg, #2AABEE 0%, #10c9b7 55%, #00e5a0 100%) !important;
        box-shadow: 0 8px 22px -4px rgba(0,229,160,.55), 0 0 0 1px rgba(127,243,207,.35) !important; }
    html body .sb-bnav .sb-fab i svg { width: 22px !important; height: 22px !important; color: #fff !important; stroke-width: 2.2 !important; animation: none !important; filter: drop-shadow(0 1px 1px rgba(0,60,60,.35)); }
    html body .sb-bnav .sb-fab.on i { box-shadow: 0 0 0 3px rgba(0,229,160,.35), 0 8px 24px -2px rgba(0,229,160,.7) !important; }
    html body .sb-bnav .sb-fab span { font-weight: 800 !important; }
}

/* гость: «Войти» по центру — подсвечивается пульсом, чтобы сразу бросалась в глаза */
@media (max-width: 992px) {
    html body .sb-bnav .sb-fab-login { color: #7ff3cf !important; }
    html body .sb-bnav .sb-fab-login i::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid rgba(0,229,160,.65); animation: sbLoginPulse 2.2s ease-out infinite; pointer-events: none; }
    @keyframes sbLoginPulse { 0% { transform: scale(.92); opacity: .9; } 100% { transform: scale(1.35); opacity: 0; } }
}
@media (prefers-reduced-motion: reduce) { html body .sb-bnav .sb-fab-login i::after { animation: none; opacity: .5; } }