/* ========================================
   NAVIGATION BAR RESPONSIVE FIXES
   Custom overrides for JivaBond navigation
   ======================================== */

/* Additional scaling for navigation at standard zoom levels */
@media (min-width: 1200px) and (max-width: 1400px) {

    /* Further reduce spacing for smaller desktop screens */
    .navmenu>ul>li {
        padding: 8px 6px !important;
    }

    .navmenu a,
    .navmenu a:focus {
        font-size: 12px !important;
    }

    .header .logo img {
        max-height: 36px !important;
    }
}

/* For larger screens, allow slightly more space */
@media (min-width: 1600px) {
    .navmenu>ul>li {
        padding: 10px 10px !important;
    }

    .navmenu a,
    .navmenu a:focus {
        font-size: 14px !important;
    }
}

/* Ensure mega menu positioning adjusts with smaller nav */
@media (min-width: 1200px) {
    .navmenu .mega-menu {
        top: 70px !important;
        /* Adjusted from 80px due to smaller header */
    }
}

/* Compact header for all desktop sizes */
.header {
    padding: 15px 0 !important;
}

.header .header-container {
    padding: 5px 15px !important;
}

/* Ensure dropdown arrows don't take too much space */
.navmenu>ul>li>a::after {
    font-size: 0.65rem !important;
    right: 5px !important;
}