/* Header Megamenu Dropdown */
.suki-header-bottom-bar .suki-wrapper {
    position: relative;
}
.suki-header-bottom-bar .menu > .menu-item {
    position: static !important;
}

/* Override Suki default overflow-y:auto on sub-menu */
.suki-header-bottom-bar .menu .sub-menu {
    overflow: visible !important;
    overflow-y: visible !important;
}

.suki-header-bottom-bar .menu > .menu-item > .sub-menu {
    width: 1200px !important;
    max-width: calc(100vw - 30px) !important;
    max-height: none !important; /* Remove any height constraint so columns can expand freely */
    left: 50% !important;
    right: auto !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.10) !important;
    border-radius: 6px !important;
    padding: 30px 45px !important;
    overflow: visible !important;

    /* Multi-column: items flow top-to-bottom, wrap at ~6 items into new column */
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    height: 230px !important; /* ~6 items * ~38px each = wraps to next column */
    align-content: flex-start !important;
    gap: 0 50px !important;

    transform: translateX(-50%) translateY(12px) !important;
    transition: opacity 0.25s ease-out, transform 0.25s ease-out, visibility 0s 0.25s !important;
}
.suki-header-bottom-bar .menu.suki-hover-menu .menu-item:hover > .sub-menu,
.suki-header-bottom-bar .menu .menu-item.focus > .sub-menu {
    transform: translateX(-50%) translateY(0) !important;
    transition: opacity 0.25s ease-out, transform 0.25s ease-out, visibility 0s 0s !important;
}
.suki-header-bottom-bar .menu > .menu-item > .sub-menu > .menu-item {
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    display: block !important;
    width: 200px !important;
    flex-shrink: 0 !important;
}
.suki-header-bottom-bar .menu > .menu-item > .sub-menu a {
    font-size: 14px !important;
    color: #4a5568 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    display: block !important;
    padding: 3px 0 !important;
    transition: color 0.2s ease;
}
.suki-header-bottom-bar .menu > .menu-item > .sub-menu a:hover,
.suki-header-bottom-bar .menu > .menu-item > .sub-menu a:focus {
    color: #007BA7 !important;
    text-decoration: none !important;
}

/* Force parent menu items in bottom bar to always stay white */
.suki-header-bottom-bar .menu > .menu-item > a,
.suki-header-bottom-bar .menu > .menu-item > a:hover,
.suki-header-bottom-bar .menu > .menu-item > a:focus,
.suki-header-bottom-bar .menu > .menu-item:hover > a {
    color: #ffffff !important;
}