/* Nav Override — loaded LAST
   WARNING: This file fixes the Order Now button clipping bug.
   The base styles-improved.css has body { overflow-x: hidden } which clips
   the nav at narrower desktop widths. This file compensates.
   DO NOT remove the flex-shrink, overflow, or media query rules.
   Last fixed: 2026-02-20 by Claude (previous fix reverted by HAL agent)
*/

/* === Sticky nav base === */
#navbar.navbar-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: linear-gradient(180deg, rgba(26,22,18,0.98) 0%, rgba(26,22,18,0.95) 100%) !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* === Remove stray borders/shadows from nav elements === */
#navbar, #navbar.navbar-sticky, .logo, .logo img, .logo a, .logo-text, .logo-name {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.skip-link { display: none !important; }

#navbar, #navbar * {
    border-left: none !important;
}

/* === CRITICAL: Prevent nav container from clipping === */
.nav-container {
    overflow: visible !important;
    padding-right: 1.25rem !important;
}

/* === Desktop nav: make items shrink to fit === */
@media (min-width: 1024px) {
    .nav-links {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0.4rem !important;
        font-size: 0.82rem !important;
        flex-shrink: 1 !important;
        min-width: 0 !important;
    }

    .nav-links li {
        flex-shrink: 1 !important;
        min-width: 0 !important;
    }

    .nav-links a {
        padding: 0.35rem 0.4rem !important;
        white-space: nowrap !important;
    }

    /* Order Now CTA: NEVER shrink, NEVER clip */
    .nav-links .cta-btn,
    .nav-links li .cta-btn,
    ul.nav-links li a.cta-btn {
        white-space: nowrap !important;
        display: inline-block !important;
        width: auto !important;
        min-width: auto !important;
        max-width: none !important;
        line-height: 1.2 !important;
        height: auto !important;
        text-align: center !important;
        flex-shrink: 0 !important;
        padding: 0.4rem 0.7rem !important;
        font-size: 0.82rem !important;
        margin-left: 0.2rem !important;
    }
}

/* === Wider desktops: relax spacing === */
@media (min-width: 1280px) {
    .nav-links {
        gap: 0.75rem !important;
        font-size: 0.88rem !important;
    }

    .nav-links a {
        padding: 0.4rem 0.55rem !important;
    }

    .nav-links .cta-btn {
        padding: 0.5rem 0.9rem !important;
        font-size: 0.88rem !important;
    }
}

/* === Large desktops: full spacing === */
@media (min-width: 1440px) {
    .nav-links {
        gap: 1rem !important;
        font-size: 0.92rem !important;
    }

    .nav-links a {
        padding: 0.45rem 0.65rem !important;
    }

    .nav-links .cta-btn {
        padding: 0.55rem 1rem !important;
        font-size: 0.92rem !important;
    }
}

/* Fix: center subtitle under Hungry section */
.quick-order .section-subtitle { text-align: center !important; display: block !important; width: 100% !important; }

/* Fix: center Drinks & Tequila section title/subtitle */
#drinks-gallery .section-title,
#drinks-gallery .section-subtitle,
#drinks-gallery .container { text-align: center !important; }

/* Fix: center View Full Menu / Drinks Menu buttons */
.quick-order .order-buttons {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}