/* ==========================================================================
   Dorano Mobile Bottom Navigation Bar
   Fixed bottom nav — only visible on mobile (<=992px)
   ========================================================================== */

/* Hidden on desktop */
.dorano-mobile-bottomnav {
    display: none;
}

@media (max-width: 992px) {
    .dorano-mobile-bottomnav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 998;
        background: var(--dorano-gradient-dark);
        border-top: 1px solid rgba(201, 168, 76, 0.15);
        height: 60px;
        align-items: center;
        justify-content: space-around;
        padding: 0;
        box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.25);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
    }

    /* Nav item link */
    .dorano-mobile-bottomnav__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1;
        text-decoration: none;
        color: var(--dorano-text-light);
        gap: 2px;
        padding: 6px 0;
        position: relative;
        transition: color var(--dorano-transition);
        -webkit-tap-highlight-color: transparent;
    }

    .dorano-mobile-bottomnav__item:hover,
    .dorano-mobile-bottomnav__item:focus {
        color: var(--dorano-gold-light);
        text-decoration: none;
    }

    /* Active state */
    .dorano-mobile-bottomnav__item--active {
        color: var(--dorano-gold);
    }

    .dorano-mobile-bottomnav__item--active .dorano-mobile-bottomnav__icon svg {
        stroke: var(--dorano-gold);
    }

    /* Icon wrapper */
    .dorano-mobile-bottomnav__icon {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
    }

    .dorano-mobile-bottomnav__icon svg {
        transition: stroke var(--dorano-transition);
    }

    /* Cart badge */
    .dorano-mobile-bottomnav__badge {
        position: absolute;
        top: -4px;
        right: -8px;
        background: var(--dorano-gold);
        color: var(--dorano-main);
        font-size: 10px;
        font-weight: 700;
        min-width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        border-radius: 50%;
        padding: 0 3px;
    }

    .dorano-mobile-bottomnav__badge:empty {
        display: none;
    }

    /* Label */
    .dorano-mobile-bottomnav__label {
        font-size: 10px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 0.2px;
    }

    /* Body padding so content isn't hidden behind the nav */
    body {
        padding-bottom: 60px;
    }

    /* Push back-to-top button above the nav */
    .dorano-back-to-top {
        bottom: 76px !important;
    }

    /* Push floating cart button above the nav */
    .dorano-floating-cart-btn {
        bottom: 76px !important;
    }

    /* WP Admin bar offset */
    .admin-bar .dorano-mobile-bottomnav {
        /* Admin bar is fixed on top, no bottom offset needed */
    }
}

@media (max-width: 544px) {
    .dorano-mobile-bottomnav {
        height: 56px;
    }

    .dorano-mobile-bottomnav__label {
        font-size: 9px;
    }

    body {
        padding-bottom: 56px;
    }

    .dorano-back-to-top {
        bottom: 72px !important;
    }

    .dorano-floating-cart-btn {
        bottom: 72px !important;
    }
}