/* CSS styles */
/* Mega Menu CSS - Compiled from SCSS V1.5.6.2 w/ ACSS */
/* DOCS: https://docs.nickarce.com/ */
:root {
    --mm-pad-v: var(--space-m);
    --mm-pad-h: var(--gutter);
}

/* Header */
header .header {
    padding-block: var(--space-m);
    padding-inline: var(--gutter);
}

header .header .header__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

header .header .header__logo {
    width: 30rem;
    height: auto;
}

/* Back Button Styling */
.mm-close-dropdown-btn {
    background-color: unset;
    gap: 0.5em;
    padding-inline-start: unset;
}

/* Fix ACSS Content Gap */
.mm__nav-items-wrapper,
.brx-dropdown-content {
    gap: unset;
}

/* Global Menu Styling */
.mm .brxe-dropdown.brx-has-megamenu .brx-dropdown-content {
    padding-block: var(--space-m);
    padding-inline: var(--space-m);
    gap: var(--space-m);
    box-shadow: 119px 360px 152px rgba(0, 0, 0, 0.01), 67px 203px 128px rgba(0, 0, 0, 0.05), 30px 90px 95px rgba(0, 0, 0, 0.09), 7px 23px 52px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    flex-direction: row;
}

.mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
    min-width: fit-content;
    box-shadow: 119px 360px 152px rgba(0, 0, 0, 0.01), 67px 203px 128px rgba(0, 0, 0, 0.05), 30px 90px 95px rgba(0, 0, 0, 0.09), 7px 23px 52px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content > li a,
.mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content > li .brx-submenu-toggle {
    white-space: nowrap;
}

.mm .mm__mobile-nav {
    display: none;
}

.mm .mm-close-dropdown-btn {
    position: absolute;
    inset-inline-start: var(--mm-pad-h);
}

/* Desktop Styles (min-width: 1100px) */
@media (min-width: 1100px) {
    .mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a,
    .mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle {
        color: var(--neutral);
        padding-block: var(--space-s);
        padding-inline: var(--space-s);
    }

    .mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a:hover,
    .mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle:hover {
        color: var(--white);
        background-color: #0A2869;
    }

    .mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a {
        width: 100%;
    }

    .mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brx-submenu-toggle > a {
        color: inherit;
        font-weight: inherit;
        text-transform: inherit;
    }

    .mm .brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle {
        justify-content: space-between;
    }

    .mm .brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle svg {
        transform: rotate(-90deg);
    }

    .mm .brxe-dropdown .brx-dropdown-content {
        background-color: var(--white);
    }

    .mm .mm__nav-items-wrapper {
        transition-duration: 0s;
    }

    .mm .mm__nav-items {
        gap: var(--space-m);
    }

    .mm .mm__nav-items > li {
        max-inline-size: max-content;
    }

    .mm .mm__nav-items > .brxe-dropdown > .brx-submenu-toggle button svg {
        transform: rotate(0);
        transition: transform 0.2s ease-in-out;
    }

    .mm .mm__nav-items > .brxe-dropdown > .brx-dropdown-content {
        transform: translateY(40px);
    }

    .mm .mm__nav-items > .brxe-dropdown.open > .brx-dropdown-content {
        transform: translateY(20px);
    }

    /* Flip animation for dropdown icon */
    .mm .mm__nav-items > .brxe-dropdown.open > .brx-submenu-toggle button svg {
        transform: rotatex(180deg);
    }

    /* Last nav item as button (desktop) */
    .mm .mm__nav-items > li:last-of-type a.mm__nav-link,
    .mm .mm__nav-items > li:last-of-type > .brx-submenu-toggle {
        --btn-background: var(--primary);
        --btn-background-hover: var(--primary-hover);
        --btn-text-color: var(--primary-ultra-light);
        --btn-text-color-hover: var(--primary-ultra-light);
        --btn-border-color: var(--primary);
        --btn-border-color-hover: var(--primary-hover);
        --btn-outline-background-hover: var(--primary-hover);
        --btn-outline-border-hover: var(--primary-hover);
        --btn-outline-text-color: var(--primary);
        --btn-outline-text-color-hover: var(--primary-ultra-light);
        --focus-color: var(--primary-dark);
        padding-block: var(--btn-padding-block);
        padding-inline: var(--btn-padding-inline);
        min-inline-size: var(--btn-min-width);
        line-height: var(--btn-line-height);
        font-size: var(--btn-font-size, var(--text-m));
        font-weight: var(--btn-font-weight);
        font-style: var(--btn-font-style);
        text-decoration: var(--btn-text-decoration);
        text-transform: var(--btn-text-transform);
        letter-spacing: var(--btn-letter-spacing);
        border-width: var(--btn-border-width);
        border-style: var(--btn-border-style);
        border-radius: var(--btn-border-radius);
        display: var(--btn-display, inline-flex);
        text-align: center;
        justify-content: center;
        align-items: center;
        background: var(--btn-background);
        color: var(--btn-text-color);
        border-color: var(--btn-border-color);
        transition: all var(--btn-transition-duration) ease;
        width: 100%;
    }

    .mm .mm__nav-items > li:last-of-type a.mm__nav-link:hover,
    .mm .mm__nav-items > li:last-of-type > .brx-submenu-toggle:hover {
        background: var(--btn-background-hover);
        border-color: var(--btn-border-color-hover);
        color: var(--btn-text-color-hover);
        text-decoration: var(--btn-text-decoration-hover);
    }

    .mm .mm__nav-items > li:last-of-type .brx-submenu-toggle a {
        color: inherit;
    }

    /* Other nav items styling */
    .mm .mm__nav-items > li:not(:last-of-type) > a {
        color: var(--white);
    }

    .mm .mm__nav-items > li:not(:last-of-type) > a:hover {
        color: #F3C653;
    }

    .mm .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle {
        color: var(--white);
    }

    .mm .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle a,
    .mm .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle span,
    .mm .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle svg {
        color: inherit;
    }

    .mm .mm__nav-items > li:not(:last-of-type).open > .brx-submenu-toggle,
    .mm .mm__nav-items > li:not(:last-of-type):hover > .brx-submenu-toggle {
        color: #F3C653;
    }
}

/* Mobile Styles (max-width: 1100px) */
@media (max-width: 1100px) {
    .mm .mm__toggle-open {
        display: flex !important;
        --brxe-toggle-scale: 1;
        color: var(--neutral);
        font-size: 2.6rem;
    }

    .mm .mm__toggle-open svg {
        width: 2.6rem;
        height: auto;
        color: inherit;
    }

    .mm .mm__mobile-nav {
        padding-block: var(--mm-pad-v);
        padding-inline: var(--mm-pad-h);
        border-block-end: none;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .mm .mm__mobile-nav .mm-close-dropdown-btn {
        opacity: 0;
        visibility: hidden;
        transform: translatex(100%);
        transition: opacity 0.4s cubic-bezier(0.79,0.14,0.15,0.86), visibility 0.4s cubic-bezier(0.79,0.14,0.15,0.86), transform 0.4s cubic-bezier(0.79,0.14,0.15,0.86);
    }

    .mm .mm__mobile-nav[data-submenu-open="True"] .mm-close-dropdown-btn {
        visibility: visible;
        opacity: 1;
        transform: translatex(0);
    }

    /* Standard dropdown mobile */
    .mm .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li > a {
        color: var(--neutral);
        padding-block: 1em;
        padding-inline: 1em;
        background-color: var(--neutral-ultra-light);
        border-radius: var(--radius-s);
        width: 100%;
    }

    .mm .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle {
        color: var(--neutral);
        padding-block: 1em;
        padding-inline: 1em;
        background-color: var(--neutral-ultra-light);
        border-radius: var(--radius-s);
    }

    .mm .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle svg {
        color: inherit;
        font-weight: inherit;
    }

    .mm .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle > a {
        color: inherit;
        font-weight: inherit;
        text-decoration: inherit;
    }

    /* Both dropdowns mobile */
    .mm .mm__nav-items .brxe-dropdown {
        position: static;
    }

    .mm .mm__nav-items .brxe-dropdown > .brx-dropdown-content {
        display: flex;
        position: fixed !important;
        inset-block: var(--mobile-top-nav-height) 0;
        transition-property: inset-inline-start, opacity, visibility;
        transition-duration: 0.4s;
        padding-block: var(--mm-pad-v);
        padding-inline: var(--mm-pad-h);
        width: 100%;
        overflow-x: hidden;
        flex-direction: column;
        background-color: var(--white);
        border-radius: 0;
        box-shadow: none;
        opacity: 1;
    }

    @layer bricks.reset {
        .mm .mm__nav-items .brxe-dropdown > .brx-dropdown-content {
            inset-inline-start: 100% !important;
        }
    }

    .mm .mm__nav-items .brxe-dropdown > .brx-dropdown-content > * {
        max-width: 100%;
    }

    .mm .mm__nav-items .brxe-dropdown > .brx-submenu-toggle {
        justify-content: space-between;
    }

    .mm .mm__nav-items .brxe-dropdown > .brx-submenu-toggle button svg {
        transition: none;
        transform: rotate(-90deg);
    }

    @layer bricks.reset {
        .mm .mm__nav-items .brxe-dropdown.open > .brx-dropdown-content {
            inset-inline-start: 0% !important;
        }
    }

    /* Hide scrollbar */
    .mm .mm__nav-items .brxe-dropdown .brx-dropdown-content {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .mm .mm__nav-items .brxe-dropdown .brx-dropdown-content::-webkit-scrollbar {
        display: none;
    }

    /* Nav items wrapper */
    .mm .mm__nav-items-wrapper {
        position: fixed;
        inset: 0;
        background-color: var(--white);
        z-index: 1001;
        transform: translateX(100%);
        display: flex;
        visibility: hidden;
        transition: transform 0.4s cubic-bezier(0.79,0.14,0.15,0.86), visibility 0.4s cubic-bezier(0.79,0.14,0.15,0.86);
    }

    .mm .mm__nav-items-wrapper .mm__toggle-close {
        display: flex;
        font-size: 2.6rem;
        color: var(--neutral);
    }

    .mm .mm__nav-items-wrapper .mm__toggle-close svg {
        width: 2.6rem;
        height: auto;
        color: inherit;
    }

    /* Nav items list */
    .mm .mm__nav-items-wrapper ul.mm__nav-items {
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        display: flex;
        flex: 1;
        justify-content: flex-start;
        background-color: var(--white);
        -ms-overflow-style: none;
        scrollbar-width: none;
        align-items: stretch;
        bottom: 0;
        flex-direction: column;
        flex-wrap: nowrap;
        inset-inline: 0;
        padding-block: var(--mm-pad-v);
        padding-inline: var(--mm-pad-h);
        gap: var(--space-xs);
        transition: visibility 0.4s cubic-bezier(0.79,0.14,0.15,0.86);
    }

    @layer bricks.reset {
        .mm .mm__nav-items-wrapper ul.mm__nav-items {
            opacity: 1 !important;
        }
    }

    .mm .mm__nav-items-wrapper ul.mm__nav-items::-webkit-scrollbar {
        display: none;
    }

    /* Last nav item as button (mobile) */
    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type {
        padding-block: unset;
        padding-inline: unset;
        margin-block-start: auto;
    }

    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type .mm__nav-link,
    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type > .brx-submenu-toggle {
        --btn-background: var(--primary);
        --btn-background-hover: var(--primary-hover);
        --btn-text-color: var(--primary-ultra-light);
        --btn-text-color-hover: var(--primary-ultra-light);
        --btn-border-color: var(--primary);
        --btn-border-color-hover: var(--primary-hover);
        --btn-outline-background-hover: var(--primary-hover);
        --btn-outline-border-hover: var(--primary-hover);
        --btn-outline-text-color: var(--primary);
        --btn-outline-text-color-hover: var(--primary-ultra-light);
        --focus-color: var(--primary-dark);
        padding-block: var(--btn-padding-block);
        padding-inline: var(--btn-padding-inline);
        min-inline-size: var(--btn-min-width);
        line-height: var(--btn-line-height);
        font-size: var(--btn-font-size, var(--text-m));
        font-weight: var(--btn-font-weight);
        font-style: var(--btn-font-style);
        text-decoration: var(--btn-text-decoration);
        text-transform: var(--btn-text-transform);
        letter-spacing: var(--btn-letter-spacing);
        border-width: var(--btn-border-width);
        border-style: var(--btn-border-style);
        border-radius: var(--btn-border-radius);
        display: var(--btn-display, inline-flex);
        text-align: center;
        justify-content: center;
        align-items: center;
        background: var(--btn-background);
        color: var(--btn-text-color);
        border-color: var(--btn-border-color);
        transition: all var(--btn-transition-duration) ease;
        width: 100%;
    }

    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type .mm__nav-link:hover,
    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type > .brx-submenu-toggle:hover {
        background: var(--btn-background-hover);
        border-color: var(--btn-border-color-hover);
        color: var(--btn-text-color-hover);
        text-decoration: var(--btn-text-decoration-hover);
    }

    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type .mm__nav-link > a,
    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type > .brx-submenu-toggle > a {
        color: inherit;
        font-weight: inherit;
    }

    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type a.mm__nav-link,
    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type .brxe-dropdown.brx-has-megamenu,
    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:last-of-type .brxe-dropdown:not(.brx-has-megamenu) {
        text-align: center;
    }

    /* Other nav items (not last) */
    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:not(:last-of-type) {
        border-block-end: none;
    }

    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:not(:last-of-type) > .mm__nav-link {
        color: var(--neutral);
        padding-block: 1em;
        padding-inline: 1em;
        background-color: var(--neutral-ultra-light);
        border-radius: var(--radius-s);
        width: 100%;
    }

    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle {
        color: var(--neutral);
        padding-block: 1em;
        padding-inline: 1em;
        background-color: var(--neutral-ultra-light);
        border-radius: var(--radius-s);
    }

    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle svg {
        color: inherit;
        font-weight: inherit;
    }

    .mm .mm__nav-items-wrapper ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle > a {
        color: inherit;
        font-weight: inherit;
        text-decoration: inherit;
    }

    /* Standard dropdown styling */
    .mm .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
        padding-block: var(--mm-pad-v);
        padding-inline: var(--mm-pad-h);
        gap: var(--space-xs);
    }

    .mm .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item,
    .mm .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) {
        border-block-end: none;
    }

    /* Mobile logo */
    .mm .mm__mobile-logo {
        display: block;
        opacity: 1;
        transform: translatex(0);
        transition: opacity 0.4s cubic-bezier(0.79,0.14,0.15,0.86), visibility 0.4s cubic-bezier(0.79,0.14,0.15,0.86), transform 0.4s cubic-bezier(0.79,0.14,0.15,0.86);
    }

    .mm .mm__mobile-logo img {
        height: 3rem;
        width: auto;
    }

    .mm .mm__mobile-nav[data-submenu-open="True"] .mm__mobile-logo {
        visibility: hidden;
        opacity: 0;
        transform: translatex(-100%);
        transition: opacity 0.4s cubic-bezier(0.79,0.14,0.15,0.86), visibility 0.4s cubic-bezier(0.79,0.14,0.15,0.86), transform 0.4s cubic-bezier(0.79,0.14,0.15,0.86);
    }
}

/* RTL Overrides */
:where(html[dir="RTL"]) .mm .mm__nav-items .brxe-dropdown > .brx-submenu-toggle button svg {
    transform: rotate(90deg);
}

:where(html[dir="RTL"]) .mm .mm__mobile-nav .mm-close-dropdown-btn {
    transform: translatex(-100%);
    flex-direction: row-reverse;
}

:where(html[dir="RTL"]) .mm .mm__mobile-nav[data-submenu-open="True"] .mm__mobile-logo {
    transform: translatex(100%);
}

/* When open on mobile */
.mm.brx-open .mm__nav-items-wrapper {
    visibility: visible;
    transform: translateX(0);
}

@layer bricks.reset {
    .mm.brx-open .mm__nav-items {
        visibility: visible !important;
    }
}

/* Admin bar offset */
@media (max-width: 1100px) {
    body.bricks-is-frontend.admin-bar .mm__nav-items-wrapper {
        top: var(--wp-admin--admin-bar--height) !important;
    }

    body.bricks-is-frontend.admin-bar .mm__nav-items-wrapper .mm__nav-items {
        top: unset;
    }
}