/**
 * Custom Navigation Padding Adjustments
 * Reduces left/right padding for navigation items
 */

/* Default/Desktop - reduce from 20px to 14px */
#main-nav .grid-item {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* Mobile (if different base padding) */
@media (max-width: 600px) {
    #main-nav .grid-item {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* Tablet Portrait (if different base padding) */
@media (min-width: 601px) and (max-width: 768px) {
    #main-nav .grid-item {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* Tablet Landscape (if different base padding) */
@media (min-width: 769px) and (max-width: 1024px) {
    #main-nav .grid-item {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* Desktop (if different base padding) */
@media (min-width: 1025px) {
    #main-nav .grid-item {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* Cart Display Rules - Hide cart from mobile overlay, show in desktop nav */

/* Default: Show icon in navigation */
#main-nav .cart-icon-link {
    display: block !important;
}

/* When mobile nav overlay is open: Hide cart icon (user can still use cart icon in main header) */
body.mobile-nav-open #main-nav .cart-icon-link {
    display: none !important;
}

/* At desktop sizes (1024px+), ALWAYS show icon - even if mobile-nav-open class persists */
/* Multiple breakpoints ensure override at all desktop sizes */
@media screen and (min-width: 1024px) {
    #main-nav .cart-icon-link {
        display: block !important;
    }
    body.mobile-nav-open #main-nav .cart-icon-link {
        display: block !important;
    }
}

@media screen and (min-width: 1280px) {
    #main-nav .cart-icon-link {
        display: block !important;
    }
    body.mobile-nav-open #main-nav .cart-icon-link {
        display: block !important;
    }
}

@media screen and (min-width: 1366px) {
    #main-nav .cart-icon-link {
        display: block !important;
    }
    body.mobile-nav-open #main-nav .cart-icon-link {
        display: block !important;
    }
}

@media screen and (min-width: 1680px) {
    #main-nav .cart-icon-link {
        display: block !important;
    }
    body.mobile-nav-open #main-nav .cart-icon-link {
        display: block !important;
    }
}

/* Events Page - PAST EVENTS header padding */
/* Adds spacing above page headings to prevent them from being too close to header */
/* Particularly noticeable on mobile for PAST EVENTS heading */
#main-container > section h1:first-of-type,
#main-container h1.entry-title,
.page-header h1 {
    padding-top: 18px !important;
}