/**
 * Radio Hy 2 — mobil alsó navigáció (5 ikon)
 */

body.radiohy-skin-v2 .radiohy-v2-mobile-nav {
    display: none;
}

@media (max-width: 768px) {
    body.radiohy-skin-v2 .radiohy-v2-mobile-nav {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10030;
        gap: 2px;
        padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
        background: rgba(4, 10, 22, 0.98);
        border-top: 1px solid rgba(0, 180, 255, 0.25);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    body.radiohy-skin-v2 .radiohy-v2-mobile-nav a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        padding: 6px 2px;
        text-decoration: none;
        color: #888;
        font-size: 0.62rem;
        font-weight: 600;
        border-radius: 6px;
        line-height: 1.1;
    }

    body.radiohy-skin-v2 .radiohy-v2-mobile-nav a .rh-v2-nav-icon {
        font-size: 1.05rem;
        line-height: 1;
    }

    body.radiohy-skin-v2 .radiohy-v2-mobile-nav a.is-active,
    body.radiohy-skin-v2 .radiohy-v2-mobile-nav a:hover {
        color: #00c8ff;
        background: rgba(0, 25, 55, 0.45);
    }

    body.radiohy-skin-v2 .radiohy-v2-sticky-slot {
        bottom: calc(52px + env(safe-area-inset-bottom, 0px));
    }

    body.radiohy-skin-v2 {
        padding-bottom: calc(124px + env(safe-area-inset-bottom, 0px));
    }

    body.radiohy-skin-v2.radiohy-mobile-app .radiohy-v2-sticky-slot {
        bottom: calc(114px + env(safe-area-inset-bottom, 0px));
    }

    body.radiohy-skin-v2.radiohy-mobile-app {
        padding-bottom: calc(186px + env(safe-area-inset-bottom, 0px));
    }
}