.stats-in-shapes {
    .wp-block-group-is-layout-grid {
        >.wp-block-group {
            position: relative;
        }

        >.wp-block-group>.wp-block-group {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
    }
}

.map-with-filters {
    .wpgmza-marker-listing-category-filter {
        display: flex;
        background: inherit;
        align-items: center;
        padding: 0 30px 30px;
        flex-direction: column;
        justify-content: center;
        color: inherit;

        select {
            min-width: 200px;
            padding: 8px 6px;
            border-radius: 4px;
        }
    }

    .wpgm-marker-field-filter i {
        padding-right: 1rem;
    }
}

.wpgmza-infowindow {
    color: var(--wp--preset--color--black);
}

.wia-mobile-search-wrapper {
    position: relative;
}

.wia-mobile-search {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    transform: translateX(100%);
    transition: transform ease-out 0.2s;

    &.show {
        transform: translateX(0);
    }
}

.wia-header-social-icons {
    top: 220px;
    right: 16px;
    position: fixed;
    z-index: 9999;
}

.wia-event-header-mobile {
    display: none;
    overflow: hidden;
}

.wia-sticky-footer {
    display: none;
}

.wia-button-row {
    .wp-block-column>.wp-block-group {
        position: relative;

        >a {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 9;
            position: absolute;
        }
    }
}

.wia-feature-row {
    .wp-block-columns {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

/*
 Popup
*/
.popup-hide {
    display: none !important;
}

.popup {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 999;
    padding: 1rem;
    display: flex;
}

.popup-inner {
    height: auto;
    border-radius: 1rem;
    background-color: #ffffff;
    max-width: 1110px;
    margin: auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 3rem;
    column-gap: 3rem;
    row-gap: 2rem;
    position: relative;
}

.popup-content {
    grid-column: span 2 / span 2;
}

.popup-image {
    display: flex;
    align-items: center;
    grid-column: span 1 / span 1;

    img {
        width: 100%;
        height: auto;
        border-radius: 4px;
    }
}

.popup-cta-button {
    border-radius: 50px;
    display: inline-block;
    font-size: 20px;
    margin-top: 1rem;
    padding: 15px 3rem 12px;
    transition: opacity 0.5s;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--black) !important;
}

.popup-cta-button:hover {
    opacity: .6
}

.popup-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.popup-close:hover {
    cursor: pointer;
}

.popup-close-inner {
    position: relative;
    width: 2rem;
    height: 2rem;
}

.popup-close-inner:before,
.popup-close-inner:after {
    display: block;
    content: "";
    width: 100%;
    height: .3rem;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: var(--wp--preset--color--primary);
    border-radius: 10px;
    transition: all 0.2s ease-in;
}

.popup-close-inner:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-close-inner:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-close:hover .popup-close-inner:before,
.popup-close:hover .popup-close-inner:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.wia-event-terms a:hover {
    color: inherit;
    cursor: default;
}

@media screen and (max-width: 1100px) {
    .wia-feature-row {
        .wp-block-columns {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .popup-inner {
        border-radius: 0.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 2rem;
        column-gap: 2rem;
    }

    .popup-content {
        grid-column: span 1 / span 1;
    }
}

@media screen and (max-width: 800px) {
    .wia-event-header {
        display: none;
    }

    .wia-event-header-mobile {
        display: block;
    }

    .wia-sticky-footer {
        display: block;
        position: sticky;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media screen and (max-width: 768px) {
    .map-with-filters {
        .wp-block-image {
            max-width: 50% !important;
        }
    }

    .popup-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 1rem;
    }
}

@media screen and (max-width: 530px) {
    .wia-feature-row {
        .wp-block-columns {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .map-with-filters {
        .wp-block-image {
            max-width: 100% !important;
        }
    }

    .wia-footer {
        .wia-footer-sign-off p {
            text-align: center !important;
        }
    }

    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -5px;
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 1415px) {
    .wia-header-social-icons {
        display: none !important;
    }
}



/* ============================================
   MOBILE MENU - Enhanced Design
   Brand Colors: Teal #11A39B, Pink #A72277, Black #2B2826
   WCAG 2.2 AA Compliant
   ============================================ */

/* Burger Button Container */
.wp-block-cs-premium-ui-kit-mobile-menu-wrapper {
    padding: 12px;
    background: #2B2826;
    border-radius: 50px;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.wp-block-cs-premium-ui-kit-mobile-menu-wrapper:active {
    transform: scale(0.95);
}

/* Burger Lines */
.burger.burger-slip .burger-lines,
.burger.burger-slip .burger-lines::before,
.burger.burger-slip .burger-lines::after {
    width: 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.burger.burger-slip.open .burger-lines::before {
    transform: translateX(1.8em) rotate(135deg);
}

.burger.burger-slip.open .burger-lines::after {
    transform: translateX(1.8em) rotate(-135deg);
}

/* Mobile Menu Container */
.mobile-menu-template-holder {
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
}

.mobile-menu-template-holder .wp-block-search {
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
}

.mobile-menu-template-holder p a {
    display: block;
    padding: 1rem;
    font-weight: 600 !important;
    color: #2B2826 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, background-color 0.2s ease;
    border-bottom: 1px solid rgba(43, 40, 38, 0.08);
}

.mobile-menu-template-holder p a:hover,
.mobile-menu-template-holder p a:focus {
    color: #11A39B !important;
    background-color: rgba(17, 163, 155, 0.05);
}

/* Menu Items - Parent Level */
.mobile-menu-item {
    margin: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    border-bottom: 1px solid rgba(43, 40, 38, 0.08);
}

.mobile-menu-item:last-child {
    border-bottom: none;
}

/* Menu Header - Parent */
.mobile-menu-item .menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    background: transparent;
    min-height: 56px;
    position: relative;
    transition: background-color 0.2s ease;
}

.mobile-menu-item .menu-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 0;
    background: #11A39B;
    border-radius: 0 2px 2px 0;
    transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu-item.open > .menu-header::before {
    height: 60%;
}

.mobile-menu-item .menu-header:hover {
    background-color: rgba(17, 163, 155, 0.04);
}

/* Menu Link - Parent Text */
.mobile-menu-item .menu-link {
    flex: 1;
    display: flex;
    align-items: center;
}

.mobile-menu-item .menu-link .menu-link-text {
    display: block;
    padding: 1rem 0.5rem 1rem 1.25rem;
    font-weight: 600;
    font-size: 1.125rem !important;
    color: #2B2826;
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1.4;
}

.mobile-menu-item .menu-link .menu-link-text:hover,
.mobile-menu-item .menu-link .menu-link-text:focus {
    color: #11A39B;
}

.mobile-menu-item.open > .menu-header .menu-link .menu-link-text {
    color: #11A39B;
}

/* Toggle Button */
.mobile-menu-item .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0;
    border: none !important;
    outline: none !important;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.mobile-menu-item .menu-toggle:hover {
    background-color: rgba(17, 163, 155, 0.08);
}

.mobile-menu-item .menu-toggle:focus-visible {
    background-color: rgba(17, 163, 155, 0.12);
}

/* Toggle Icon - Hide SVG, use ::before from core-pattern-styles */
.mobile-menu-item .menu-toggle svg {
    display: none !important;
}

/* Style the ::before chevron from core-pattern-styles.css */
.mobile-menu-item .menu-toggle::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.67886 0.0122638C1.96492 0.0123205 2.23925 0.117503 2.4415 0.304676L5.99365 3.59106L9.5458 0.304676C9.64531 0.209357 9.76433 0.133327 9.89594 0.0810237C10.0275 0.0287199 10.1691 0.00118923 10.3123 3.76701e-05C10.4555 -0.00111389 10.5976 0.0241375 10.7302 0.0743175C10.8627 0.124497 10.9832 0.198601 11.0844 0.292305C11.1857 0.38601 11.2658 0.497437 11.3201 0.620087C11.3743 0.742736 11.4016 0.874151 11.4003 1.00666C11.3991 1.13918 11.3693 1.27013 11.3128 1.39189C11.2563 1.51365 11.1741 1.62377 11.0711 1.71584L6.75629 5.7078C6.554 5.8949 6.27968 6 5.99365 6C5.70762 6 5.4333 5.8949 5.23101 5.7078L0.916219 1.71584C0.765407 1.57626 0.662708 1.39846 0.621106 1.2049C0.579503 1.01133 0.600865 0.810703 0.68249 0.62837C0.764115 0.446037 0.902339 0.290187 1.07969 0.180523C1.25704 0.0708599 1.46555 0.0123057 1.67886 0.0122638Z" fill="%232B2826"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 6px;
    display: block;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu-item.open > .menu-header .menu-toggle::before {
    transform: rotate(180deg);
    background-image: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.67886 0.0122638C1.96492 0.0123205 2.23925 0.117503 2.4415 0.304676L5.99365 3.59106L9.5458 0.304676C9.64531 0.209357 9.76433 0.133327 9.89594 0.0810237C10.0275 0.0287199 10.1691 0.00118923 10.3123 3.76701e-05C10.4555 -0.00111389 10.5976 0.0241375 10.7302 0.0743175C10.8627 0.124497 10.9832 0.198601 11.0844 0.292305C11.1857 0.38601 11.2658 0.497437 11.3201 0.620087C11.3743 0.742736 11.4016 0.874151 11.4003 1.00666C11.3991 1.13918 11.3693 1.27013 11.3128 1.39189C11.2563 1.51365 11.1741 1.62377 11.0711 1.71584L6.75629 5.7078C6.554 5.8949 6.27968 6 5.99365 6C5.70762 6 5.4333 5.8949 5.23101 5.7078L0.916219 1.71584C0.765407 1.57626 0.662708 1.39846 0.621106 1.2049C0.579503 1.01133 0.600865 0.810703 0.68249 0.62837C0.764115 0.446037 0.902339 0.290187 1.07969 0.180523C1.25704 0.0708599 1.46555 0.0123057 1.67886 0.0122638Z" fill="%2311A39B"/></svg>');
}

/* Remove any ::after chevron */
.mobile-menu-item .menu-toggle::after {
    display: none !important;
    content: none !important;
}

/* Child Panel */
.mobile-menu-item .menu-panel {
    padding-left: 0;
    background: #f8f9fa;
    overflow: hidden;
    border-left: 3px solid #11A39B;
    margin-left: 1rem;
}

/* Child Links - Level 1 */
.mobile-menu-item .menu-panel > a,
.mobile-menu-item .menu-panel > p > a {
    display: block;
    padding: 0.875rem 1rem 0.875rem 1.25rem;
    font-weight: 400 !important;
    font-size: 0.9375rem !important;
    color: #2B2826 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
    border-bottom: 1px solid rgba(43, 40, 38, 0.06);
}

.mobile-menu-item .menu-panel > a:hover,
.mobile-menu-item .menu-panel > a:focus,
.mobile-menu-item .menu-panel > p > a:hover,
.mobile-menu-item .menu-panel > p > a:focus {
    color: #A72277 !important;
    background-color: rgba(167, 34, 119, 0.04);
    padding-left: 1.5rem;
}

.mobile-menu-item .menu-panel > a:last-child,
.mobile-menu-item .menu-panel > p:last-child > a {
    border-bottom: none;
}

/* Nested Accordion Items (Level 2) */
.mobile-menu-item .menu-panel .mobile-menu-item {
    border-bottom: none;
    background: transparent;
    margin-left: 0;
}

.mobile-menu-item .menu-panel .mobile-menu-item .menu-header {
    min-height: 48px;
    background: transparent;
}

.mobile-menu-item .menu-panel .mobile-menu-item .menu-header::before {
    display: none;
}

.mobile-menu-item .menu-panel .mobile-menu-item .menu-link .menu-link-text {
    padding-left: 1.25rem;
    font-size: 0.9375rem !important;
    font-weight: 500;
    color: #444;
}

.mobile-menu-item .menu-panel .mobile-menu-item.open > .menu-header .menu-link .menu-link-text {
    color: #A72277;
}

.mobile-menu-item .menu-panel .mobile-menu-item .menu-toggle {
    width: 48px;
    height: 48px;
}

.mobile-menu-item .menu-panel .mobile-menu-item .menu-toggle::before {
    width: 10px;
    height: 5px;
}

.mobile-menu-item .menu-panel .mobile-menu-item.open > .menu-header .menu-toggle::before {
    background-image: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.67886 0.0122638C1.96492 0.0123205 2.23925 0.117503 2.4415 0.304676L5.99365 3.59106L9.5458 0.304676C9.64531 0.209357 9.76433 0.133327 9.89594 0.0810237C10.0275 0.0287199 10.1691 0.00118923 10.3123 3.76701e-05C10.4555 -0.00111389 10.5976 0.0241375 10.7302 0.0743175C10.8627 0.124497 10.9832 0.198601 11.0844 0.292305C11.1857 0.38601 11.2658 0.497437 11.3201 0.620087C11.3743 0.742736 11.4016 0.874151 11.4003 1.00666C11.3991 1.13918 11.3693 1.27013 11.3128 1.39189C11.2563 1.51365 11.1741 1.62377 11.0711 1.71584L6.75629 5.7078C6.554 5.8949 6.27968 6 5.99365 6C5.70762 6 5.4333 5.8949 5.23101 5.7078L0.916219 1.71584C0.765407 1.57626 0.662708 1.39846 0.621106 1.2049C0.579503 1.01133 0.600865 0.810703 0.68249 0.62837C0.764115 0.446037 0.902339 0.290187 1.07969 0.180523C1.25704 0.0708599 1.46555 0.0123057 1.67886 0.0122638Z" fill="%23A72277"/></svg>');
}

/* Nested Panel (Level 2) - for nested accordions */
.mobile-menu-item .menu-panel .mobile-menu-item .menu-panel {
    background: #ffffff !important;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04);
    border-left: 2px solid #A72277;
    margin-left: 0.5rem;
}

.mobile-menu-item .menu-panel .mobile-menu-item .menu-panel p {
    margin: 0 !important;
    padding: 0;
}

.mobile-menu-item .menu-panel .mobile-menu-item .menu-panel p a,
.mobile-menu-item .menu-panel .mobile-menu-item .menu-panel a {
    padding: 0.625rem 1rem 0.625rem 0.875rem !important;
    font-size: 0.875rem !important;
    color: #555 !important;
    border-bottom: 1px solid rgba(43, 40, 38, 0.04);
    transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
}

.mobile-menu-item .menu-panel .mobile-menu-item .menu-panel p a:hover,
.mobile-menu-item .menu-panel .mobile-menu-item .menu-panel a:hover {
    color: #A72277 !important;
    padding-left: 1.125rem !important;
    background-color: rgba(167, 34, 119, 0.04);
}

/* Toggle state management for nested items */
.mobile-menu-item.open .mobile-menu-item .menu-toggle::before {
    transform: rotate(0deg);
}

.mobile-menu-item.open .mobile-menu-item.open .menu-toggle::before {
    transform: rotate(180deg);
    background-image: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.67886 0.0122638C1.96492 0.0123205 2.23925 0.117503 2.4415 0.304676L5.99365 3.59106L9.5458 0.304676C9.64531 0.209357 9.76433 0.133327 9.89594 0.0810237C10.0275 0.0287199 10.1691 0.00118923 10.3123 3.76701e-05C10.4555 -0.00111389 10.5976 0.0241375 10.7302 0.0743175C10.8627 0.124497 10.9832 0.198601 11.0844 0.292305C11.1857 0.38601 11.2658 0.497437 11.3201 0.620087C11.3743 0.742736 11.4016 0.874151 11.4003 1.00666C11.3991 1.13918 11.3693 1.27013 11.3128 1.39189C11.2563 1.51365 11.1741 1.62377 11.0711 1.71584L6.75629 5.7078C6.554 5.8949 6.27968 6 5.99365 6C5.70762 6 5.4333 5.8949 5.23101 5.7078L0.916219 1.71584C0.765407 1.57626 0.662708 1.39846 0.621106 1.2049C0.579503 1.01133 0.600865 0.810703 0.68249 0.62837C0.764115 0.446037 0.902339 0.290187 1.07969 0.180523C1.25704 0.0708599 1.46555 0.0123057 1.67886 0.0122638Z" fill="%23A72277"/></svg>');
}

/* Active/Current Page Indicator */
.mobile-menu-item .menu-link .menu-link-text[aria-current="page"],
.mobile-menu-item .menu-panel a[aria-current="page"] {
    color: #11A39B !important;
    font-weight: 600 !important;
}

/* Focus States for Accessibility */
.mobile-menu-item .menu-link .menu-link-text:focus-visible {
    outline: 2px solid #11A39B;
    outline-offset: 2px;
}

.mobile-menu-item .menu-panel a:focus-visible {
    outline: 2px solid #A72277;
    outline-offset: -2px;
}

/* Reduced Motion Preference */
@media (prefers-reduced-motion: reduce) {
    .mobile-menu-item .menu-header::before,
    .mobile-menu-item .menu-toggle::before,
    .mobile-menu-item .menu-link .menu-link-text,
    .mobile-menu-item .menu-panel a,
    .wp-block-cs-premium-ui-kit-mobile-menu-wrapper,
    .burger.burger-slip .burger-lines,
    .burger.burger-slip .burger-lines::before,
    .burger.burger-slip .burger-lines::after {
        transition: none;
    }
}

/* ============================================
   MOBILE MENU - WordPress Navigation Block
   Scoped to .mobile-menu-template-holder
   ============================================ */

/* Trigger */
.wp-block-cs-premium-ui-kit-mobile-menu-wrapper.js-trigger {
    margin-top: 10px;
}

/* Navigation Container */
.mobile-menu-template-holder .wp-block-navigation {
    margin: 0;
    padding: 0.5rem 0;
}
.mobile-menu-template-holder > .wp-block-navigation {
    padding-left: 5px;
    padding-right: 5px;
}

.mobile-menu-template-holder .wp-block-navigation__container {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Navigation Items - Top Level */
.mobile-menu-template-holder .wp-block-navigation-item {
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.mobile-menu-template-holder .wp-block-navigation-item__content {
    display: flex;
    align-items: center;
    padding: 0.875rem 1rem 0.875rem 1rem !important;
    font-weight: 500;
    font-size: 1rem;
    color: #2B2826 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.mobile-menu-template-holder .wp-block-navigation-item__content:hover,
.mobile-menu-template-holder .wp-block-navigation-item__content:focus {
    color: #E2761A !important;
}

.mobile-menu-template-holder .wp-block-navigation-item__content:focus-visible {
    outline: 2px solid #E2761A;
    outline-offset: -2px;
}

/* Navigation Item Labels */
.mobile-menu-template-holder .wp-block-navigation-item__label {
    font-weight: 500;
}

/* Last item - no border */
.mobile-menu-template-holder .wp-block-navigation-item:last-child > .wp-block-navigation-item__content {
    border-bottom: none;
}

/* Submenu Toggle Button */
.mobile-menu-template-holder .wp-block-navigation-submenu__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.875rem 1rem;
    font-weight: 500;
    font-size: 1rem;
    color: #2B2826;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid rgba(43, 40, 38, 0.06);
    cursor: pointer;
    text-align: left;
    transition: color 0.2s ease, background-color 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.mobile-menu-template-holder .wp-block-navigation-submenu__toggle:hover {
    color: #E2761A;
    background-color: rgba(226, 118, 26, 0.04);
}

.mobile-menu-template-holder .wp-block-navigation-submenu__toggle:focus-visible {
    background-color: rgba(226, 118, 26, 0.08);
}

/* Submenu Toggle Icon */
.mobile-menu-template-holder .wp-block-navigation__submenu-icon {
    width: 10px;
    height: 10px;
    margin-left: auto;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu-template-holder .wp-block-navigation__submenu-icon svg {
    width: 10px;
    height: 10px;
    fill: currentColor;
}

.mobile-menu-template-holder .wp-block-navigation-submenu.is-open > .wp-block-navigation-submenu__toggle .wp-block-navigation__submenu-icon {
    transform: rotate(180deg);
}

/* Submenu Container */
.mobile-menu-template-holder .wp-block-navigation__submenu-container {
    display: none;
    flex-direction: column;
    background: #f4f4f4;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.03);
}

.mobile-menu-template-holder .wp-block-navigation-submenu.is-open > .wp-block-navigation__submenu-container {
    display: flex;
}

.wp-block-cs-premium-ui-kit-mobile-menu-item .wp-block-cs-premium-ui-kit-mobile-menu-item {
    padding-left: 12px;
}

/* Submenu Items */
.mobile-menu-template-holder .wp-block-navigation__submenu-container .wp-block-navigation-item {
    margin: 0;
}

.mobile-menu-template-holder .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 0.75rem 1rem 0.75rem 1.5rem;
    font-weight: 400;
    font-size: 0.9375rem;
    color: #444 !important;
    border-bottom: 1px solid rgba(43, 40, 38, 0.04);
}

.mobile-menu-template-holder .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.mobile-menu-template-holder .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
    color: #09A06B !important;
    background-color: rgba(9, 160, 107, 0.04);
}

.mobile-menu-template-holder .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
    outline: 2px solid #09A06B;
    outline-offset: -2px;
}

.mobile-menu-template-holder .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child > .wp-block-navigation-item__content {
    border-bottom: none;
}

/* Nested Submenus (Level 3+) */
.mobile-menu-template-holder .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    background: #ffffff;
}

.mobile-menu-template-holder .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding-left: 2rem;
    font-size: 0.875rem;
}

/* Current/Active Page */
.mobile-menu-template-holder .wp-block-navigation-item__content[aria-current="page"] {
    color: #E2761A !important;
    font-weight: 600;
}

.mobile-menu-template-holder .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] {
    color: #09A06B !important;
}

/* Reduced Motion for Navigation */
@media (prefers-reduced-motion: reduce) {
    .mobile-menu-template-holder .wp-block-navigation-item__content,
    .mobile-menu-template-holder .wp-block-navigation-submenu__toggle,
    .mobile-menu-template-holder .wp-block-navigation__submenu-icon {
        transition: none;
    }
}