/*=============================================
    MENU SPACING OPTIMIZATION
    Additional styles to make menu fit on one line
=============================================*/

/* Increase menu item padding for better spacing */
.navbar-area .menubar .menu-wrap>li>a {
    padding: 0px 16px !important;
    /* Increased for better spacing */
    font-size: 15px !important;
    /* Increased for readability */
    font-weight: 500;
}

/* Reduce logo size to make room for menu */
.logo img {
    max-width: 145px !important;
    /* Smaller logo for more menu space */
}

/* Optimize mega menu item spacing with dropdown arrow space */
.mega-menu-item>a {
    padding: 0px 16px !important;
    padding-right: 30px !important;
    /* Extra space for dropdown arrow */
    position: relative;
}

/* Make dropdown arrows visible */
.menubar .menu-wrap>li.dropdown>a:before,
.menubar .menu-wrap>li.mega-menu-item>a:before {
    content: '\f107' !important;
    font-family: FontAwesome !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 11px !important;
    opacity: 0.7 !important;
    display: inline-block !important;
}

/* Ensure menu items don't wrap */
.navbar-area .menubar .menu-wrap {
    white-space: nowrap;
}

/* Better spacing between menu items */
.navbar-area .menubar .menu-wrap>li {
    margin: 0 -1px;
    /* Slight overlap for clean look */
}

/* Optimize "Book Now" button */
.av-button-area .av-btn {
    padding: 12px 24px !important;
    font-size: 14px !important;
    margin-left: 10px;
}

/* Reduce contact details spacing if needed */
.contact-details .widget {
    padding: 15px 20px !important;
}

/* Make logo container more compact */
.av-column-2 .logo {
    max-width: 180px;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    .navbar-area .menubar .menu-wrap>li>a {
        padding: 0px 10px !important;
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .navbar-area .menubar .menu-wrap>li>a {
        padding: 0px 8px !important;
        font-size: 12px;
    }

    .logo img {
        max-width: 140px !important;
    }
}

/* Hide site description to save space */
.site-description {
    display: none !important;
}

/* Optimize menu right section */
.menu-right {
    margin-left: 15px;
}

.header-wrap-right {
    gap: 10px;
}

/* ===== CONTAINER PADDING REDUCTION ===== */
.av-container.aviser-nav {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.av-container.aviser-nav .av-columns-area {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

/* ===== MEGA MENU OVERFLOW FIXES ===== */

/* Prevent mega menu from overflowing screen */
.mega-menu-dropdown {
    max-width: calc(100vw - 40px) !important;
    /* Prevent overflow */
    min-width: auto !important;
    /* Remove fixed min-width */
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    box-sizing: border-box;
}

/* Show mega menu properly */
.mega-menu-item:hover>.mega-menu-dropdown,
.mega-menu-item.focus>.mega-menu-dropdown {
    transform: translateX(-50%) translateY(0) !important;
}

/* Adjust mega menu content padding */
.mega-menu-content {
    padding: 25px 15px 15px !important;
    max-width: 100%;
    box-sizing: border-box;
}

/* Make columns responsive and centered - WIDER layout */
.mega-menu-row {
    display: flex;
    gap: 25px !important;
    /* Increased gap for wider layout */
    flex-wrap: nowrap;
    /* Prevent wrapping on desktop for wider layout */
    justify-content: center;
    max-width: 100%;
}

/* Allow wrapping on smaller screens - DISABLED to keep wide layout */
@media (max-width: 1400px) {
    /* .mega-menu-row {
        flex-wrap: wrap;
    } */
    /* Commented out to maintain 4-column wide layout */
}

/* Adjust column sizing - WIDER columns for less height */
.mega-menu-col {
    flex: 1 1 260px;
    /* Wider columns */
    min-width: 240px;
    max-width: 320px;
    /* Allow wider columns */
    padding: 0 15px !important;
    /* More padding for readability */
}

/* Products mega menu - WIDER layout (4 columns) */
.mega-menu-item:first-of-type .mega-menu-dropdown {
    max-width: min(1200px, calc(100vw - 40px)) !important;
    /* Wider for 4 columns */
}

/* Solutions mega menu - WIDER layout (3 columns) */
.solutions-menu.mega-menu-dropdown {
    max-width: min(950px, calc(100vw - 40px)) !important;
    /* Wider for better layout */
}

/* Resources mega menu - 3 columns responsive */
.resources-menu.mega-menu-dropdown {
    max-width: min(700px, calc(100vw - 40px)) !important;
}

/* About mega menu - 2 columns responsive */
.about-menu.mega-menu-dropdown {
    max-width: min(550px, calc(100vw - 40px)) !important;
}

/* Adjust mega menu footer */
.mega-menu-footer {
    padding: 15px 20px !important;
    /* Reduced padding */
    gap: 10px !important;
}

/* Responsive mega menu columns */
@media (max-width: 1400px) {
    .mega-menu-col {
        flex: 1 1 200px;
        min-width: 180px;
    }

    .mega-menu-row {
        gap: 15px !important;
    }
}

@media (max-width: 1200px) {
    .mega-menu-col {
        flex: 1 1 180px;
        min-width: 160px;
    }

    .mega-menu-content {
        padding: 20px 10px 10px !important;
    }
}

/* Ensure mega menu doesn't cause horizontal scroll */
body {
    overflow-x: hidden;
}

.navigator-wrapper {
    overflow: visible;
}

/* Fix mega menu positioning to prevent overflow */
.mega-menu-dropdown:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
}

/* Adjust mega menu title spacing */
.mega-menu-title {
    margin: 0 0 15px 0 !important;
    padding-bottom: 10px !important;
    font-size: 15px !important;
    /* Larger for better hierarchy */
    font-weight: 700;
}

/* Adjust mega menu section spacing */
.mega-menu-section {
    margin-bottom: 15px !important;
}

.mega-menu-section h5 {
    font-size: 12px !important;
    margin: 0 0 8px 0 !important;
}

/* Optimize mega menu list items */
.mega-menu-list li a {
    padding: 8px 12px !important;
    /* More padding for easier clicking */
    font-size: 14px !important;
    /* Larger for readability */
}

/* Center align mega menu when it's smaller than viewport */
@media (min-width: 992px) {
    .mega-menu-dropdown {
        margin: 0 auto;
    }
}