/**
 * Phoenix Biolabs - Facelift CSS Fixes
 * 
 * This file contains custom CSS fixes that override theme styles.
 * Loaded with low priority to ensure changes apply after all other stylesheets.
 * 
 * Last Updated: 2025-01-27
 */

/* ============================================
   NAVIGATION FIXES
   ============================================ */

/* Hide HOME menu item on desktop only - keep visible in mobile side menu */
@media only screen and (min-width: 48.0625em) {
    /* Desktop: Hide HOME menu item in header navigation */
    .header-nav #menu-item-70,
    .header-bottom-nav #menu-item-70,
    .nav-center #menu-item-70 {
        display: none !important;
    }
}

/* Ensure HOME menu item is visible in mobile side menu */
@media only screen and (max-width: 48em) {
    #menu-item-70 {
        display: list-item !important;
    }
}

/* Desktop menu font size and spacing improvements */
@media only screen and (min-width: 48.0625em) {
    /* Increase desktop menu font size by 10% */
    #wide-nav .nav-top-link,
    #wide-nav .header-nav .nav-top-link,
    #wide-nav .header-bottom-nav .nav-top-link,
    #wide-nav .nav-center .nav-top-link {
        font-size: 1em !important; /* 10% bigger */
    }
    
    /* Add spacing between desktop menu items */
    #wide-nav .header-nav > li,
    #wide-nav .header-bottom-nav > li,
    #wide-nav .nav-center > li,
    #wide-nav ul.header-nav > li,
    #wide-nav ul.header-bottom-nav > li {
        margin-left: 0.8em !important; /* Spacing between menu items */
        margin-right: 0.8em !important;
    }
    
    /* Ensure spacing works with flex-row container */
    #wide-nav .flex-row.container ul.header-nav > li,
    #wide-nav .flex-row.container ul.header-bottom-nav > li,
    #wide-nav .flex-row.container ul.nav-center > li {
        margin-left: 0.8em !important;
        margin-right: 0.8em !important;
    }
    
    /* Remove gray hover background - no hover effect */
    #wide-nav .nav-top-link:hover,
    #wide-nav .header-nav .nav-top-link:hover,
    #wide-nav .header-bottom-nav .nav-top-link:hover,
    #wide-nav .nav-center .nav-top-link:hover {
        background-color: transparent !important;
        background: transparent !important;
        color: inherit !important; /* Keep original text color */
    }
    
    /* Remove hover background from menu item containers */
    #wide-nav .header-nav > li:hover,
    #wide-nav .header-bottom-nav > li:hover,
    #wide-nav .nav-center > li:hover,
    #wide-nav ul.header-nav > li:hover,
    #wide-nav ul.header-bottom-nav > li:hover {
        background-color: transparent !important;
        background: transparent !important;
    }
}

/* ============================================
   ADD MORE CSS FIXES BELOW
   ============================================ */