/*
 * SOLAS compact mega-menu presentation.
 *
 * This file intentionally overrides presentation only. It does not alter the
 * Ollie menu blocks, links, content, or interaction code and can be removed as
 * one unit without changing WordPress navigation content.
 */

html:has(.wp-block-navigation .wp-block-ollie-mega-menu__toggle[aria-expanded="true"]),
body:has(.wp-block-navigation .wp-block-ollie-mega-menu__toggle[aria-expanded="true"]) {
    overflow: hidden;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-color: #3155b7 transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container::-webkit-scrollbar {
    width: 8px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container::-webkit-scrollbar-track {
    background: transparent;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container::-webkit-scrollbar-thumb {
    background: #3155b7;
    border: 2px solid #ffffff;
    border-radius: 999px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container::-webkit-scrollbar-thumb:hover {
    background: #163c9f;
}

@media (min-width: 1121px) {
    body::before {
        content: "";
        position: fixed;
        z-index: 90;
        top: calc(var(--wp-admin--admin-bar--height, 0px) + 163px);
        right: 0;
        bottom: 0;
        left: 0;
        visibility: hidden;
        background: rgba(7, 18, 45, .42);
        opacity: 0;
        pointer-events: none;
        transition: opacity .16s ease, visibility 0s linear .16s;
    }

    body:has(.wp-block-navigation .wp-block-ollie-mega-menu__toggle[aria-expanded="true"])::before {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
    }

    /* Desktop menus close when the pointer leaves or the trigger is toggled. */
    body:has(.wp-block-navigation .wp-block-ollie-mega-menu__toggle[aria-expanded="true"])
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .menu-container__close-button {
        display: none !important;
    }
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel {
    padding: 18px;
    border-radius: 20px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__top {
    gap: 12px;
    margin-bottom: 12px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--events,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--jobs,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--members,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--support {
    gap: 14px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom {
    padding-top: 14px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini {
    padding: 15px 16px;
    border-radius: 16px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured {
    padding: 17px 18px 16px;
    border-radius: 18px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--events .solas-mega-menu-utility,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--jobs .solas-mega-menu-search,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--support .solas-mega-menu-mini {
    box-sizing: border-box;
    padding: 15px 16px;
    border: 1px solid #dfe7f4;
    border-radius: 18px;
    background: #f8fbff;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--events .solas-mega-menu-utility .wp-block-list a,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--support .solas-mega-menu-mini .wp-block-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 11px;
    border: 1px solid #dce5f3;
    border-radius: 11px;
    background: #ffffff;
    color: #193f9f;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--events .solas-mega-menu-utility .wp-block-list a::after,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--support .solas-mega-menu-mini .wp-block-list a::after {
    content: "\2192";
    flex: 0 0 auto;
    color: #3155b7;
    font-size: 1rem;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--jobs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-spotlight {
    padding: 22px 24px;
    border-radius: 18px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-spotlight .wp-block-columns {
    gap: 24px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card .wp-block-heading,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini .wp-block-heading,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-utility .wp-block-heading,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-search .wp-block-heading,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured .wp-block-heading,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-spotlight .wp-block-heading {
    margin-bottom: 8px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card > .wp-block-paragraph:first-child,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini > .wp-block-paragraph:first-child,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-utility > .wp-block-paragraph:first-child,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-search > .wp-block-paragraph:first-child,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured > .wp-block-paragraph:first-child,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-spotlight > .wp-block-paragraph:first-child,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-spotlight .wp-block-column > .wp-block-paragraph:first-child {
    margin-bottom: 5px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card > .wp-block-paragraph:not(:first-child):not(:last-child),
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini > .wp-block-paragraph:not(:first-child):not(:last-child),
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-utility > .wp-block-paragraph:not(:first-child),
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-search > .wp-block-paragraph:not(:first-child),
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured > .wp-block-paragraph:not(:first-child):not(:last-child) {
    margin-bottom: 9px;
    color: #405675;
    line-height: 1.38;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card .wp-block-buttons,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini .wp-block-buttons,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-utility .wp-block-buttons,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured .wp-block-buttons {
    padding-top: 12px;
    gap: 8px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-spotlight .wp-block-buttons {
    margin-top: 14px;
    gap: 8px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card .wp-block-button__link,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini .wp-block-button__link,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-utility .wp-block-button__link,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-search .wp-block-button__link,
.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured .wp-block-button__link {
    min-height: 40px !important;
    min-width: 9.5rem !important;
    padding: .68rem 1rem !important;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-search .solas-front-search-input {
    min-height: 42px;
}

.wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-spotlight img {
    min-height: 160px;
}

@media (max-width: 1120px) and (min-width: 641px) {
    /* Move to WordPress' existing accessible overlay before the header wraps. */
    .wp-block-navigation.has-mobile-menu .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    .wp-block-navigation.has-mobile-menu .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }

    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel {
        padding: 16px;
    }

    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--events,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--jobs,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--support {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-height: 820px) and (min-width: 641px) {
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel {
        padding: 14px;
    }

    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__top,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--events,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--jobs,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--members,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-panel__bottom--support {
        gap: 10px;
    }

    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured {
        padding: 12px 13px;
    }

    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card > .wp-block-paragraph:not(:first-child):not(:last-child),
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini > .wp-block-paragraph:not(:first-child):not(:last-child),
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-utility > .wp-block-paragraph:not(:first-child),
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-search > .wp-block-paragraph:not(:first-child),
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured > .wp-block-paragraph:not(:first-child):not(:last-child) {
        font-size: .86rem;
        line-height: 1.32;
    }

    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card .wp-block-buttons,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini .wp-block-buttons,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-utility .wp-block-buttons,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured .wp-block-buttons {
        padding-top: 8px;
    }
}

@media (max-width: 640px) {
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-card .wp-block-button__link,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-mini .wp-block-button__link,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-utility .wp-block-button__link,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-search .wp-block-button__link,
    .wp-block-navigation .wp-block-ollie-mega-menu__menu-container .solas-mega-menu-featured .wp-block-button__link {
        min-height: 44px !important;
    }
}