/* Increase dropdown text size to 16px for desktop only - NO OTHER CHANGES */

/* ========================================
   DROPDOWN TEXT SIZE INCREASE - DESKTOP ONLY
   ======================================== */

/* Desktop only - increase dropdown text size from 13px to 16px */
@media (min-width: 768px) {
    /* Target the main dropdown container */
    .mega-menu-dropdown {
        /* Adjust container padding to accommodate larger text */
        padding: 24px !important; /* Increase from 20px to 24px */
    }
    
    /* Target the dropdown title */
    .mega-menu-dropdown .title {
        font-size: 16px !important; /* Increase from 13px to 16px */
        height: auto !important; /* Allow height to adjust */
        line-height: 1.4 !important; /* Adjust line height for larger text */
        margin-bottom: 12px !important; /* Add spacing below title */
    }
    
    /* Target all dropdown list items */
    .list-unstyleds > li > a {
        font-size: 16px !important; /* Increase from 13px to 16px */
        line-height: 1.4 !important; /* Adjust line height for larger text */
        padding: 4px 0 !important; /* Add vertical padding for better spacing */
    }
    
    /* Target the dropdown list container */
    .list-unstyleds {
        padding-top: 8px !important; /* Increase from 0 to 8px */
    }
    
    /* Target the dropdown row container */
    .mega-menu-dropdown .row.padiing-left-5 {
        padding: 0 24px !important; /* Increase from 0 20px to 0 24px */
    }
    
    /* Target the dropdown columns */
    .mega-menu-dropdown .row > div {
        padding-top: 20px !important; /* Increase from 15px to 20px */
    }
    
    /* Ensure proper spacing between sections */
    .list-unstyleds.space40 {
        margin-top: 20px !important; /* Add spacing between sections */
    }
}

/* Mobile - keep original 13px size */
@media (max-width: 767px) {
    /* Target the main dropdown container */
    .mega-menu-dropdown {
        padding: 10px 20px !important; /* Keep original mobile padding */
    }
    
    /* Target the dropdown title */
    .mega-menu-dropdown .title {
        font-size: 13px !important; /* Keep original 13px for mobile */
        height: 20px !important; /* Keep original height */
        line-height: 1.2 !important; /* Keep original line height */
        margin-bottom: 8px !important; /* Keep original spacing */
    }
    
    /* Target all dropdown list items */
    .list-unstyleds > li > a {
        font-size: 13px !important; /* Keep original 13px for mobile */
        line-height: 1.2 !important; /* Keep original line height */
        padding: 2px 0 !important; /* Keep original padding */
    }
    
    /* Target the dropdown list container */
    .list-unstyleds {
        padding-top: 0 !important; /* Keep original padding */
    }
    
    /* Target the dropdown row container */
    .mega-menu-dropdown .row.padiing-left-5 {
        padding: 0 20px !important; /* Keep original mobile padding */
    }
    
    /* Target the dropdown columns */
    .mega-menu-dropdown .row > div {
        padding-top: 15px !important; /* Keep original mobile padding */
    }
}