/* Custom navbar dropdown styles - Complete working version */

/* Base dropdown container - positioning and animation */
.navbar .navbar__wrap,
.navbar__wrap {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 1000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important;
}

/* Show dropdown when active */
.navbar .navbar__wrap.show,
.navbar__wrap.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Subnav styling - respect inline width styles */
.navbar__subnav {
    background-color: #7aa3dd !important;
    color: #fff !important;
    display: block !important;
    box-sizing: border-box !important;
    position: relative !important;
    /* Allow inline width styles to work */
    max-width: none !important;
    min-width: auto !important;
}

/* Width control classes - override any conflicting styles */
.navbar__subnav--width-234 {
    width: 234px !important;
}

.navbar__subnav--width-280 {
    width: 280px !important;
}

.navbar__subnav--width-205 {
    width: 205px !important;
}

.navbar__subnav--width-220 {
    width: 218.34px !important;
}

/* Sub-items styling */
.navbar__sub-item {
    border-top: 1px solid #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 130% !important;
    padding: 3px 22px !important;
    transition: .4s ease !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.navbar__sub-item:hover {
    background: #4f73a6 !important;
}

.navbar__sub-link {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* Responsive adjustments */
@media(max-width: 1320px) {
    .navbar__sub-item {
        font-size: 12px !important;
        padding: 5px !important;
    }
}