/* =============================================
   OFF CANVAS STYLES
   ============================================= */

.wp-block-kadence-off-canvas .kb-off-canvas-close {
    top: 1.78rem;
    right: .8rem;
    color: var(--page-default);
    border: 2px solid;
    background-color: var(--button-links);
    border-color: var(--text);
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    padding: 0;
    justify-content: center;
}


@media (max-width: 767px) {
    .wp-block-kadence-off-canvas .kb-off-canvas-close svg {
        width: 22px !important;
        height: 22px !important;
        stroke-width: 5;
        stroke-linecap: square;
        stroke-linejoin: round;
    }

}

/* Off-canvas search icon: the original search-icon.svg 404s (broken
   asset), which collapsed the figure to zero height. Hide the broken
   image and use the same design-system icon as the header search
   button, applied as a mask so its color is controllable. */
.search-icon-off-canvas {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-icon-off-canvas img {
    display: none;
}

.search-icon-off-canvas::before {
    content: "";
    display: block;
    width: 15px;
    height: 16px;
    background-color: var(--black-text);
    mask-image: url('/wp-content/uploads/2026/07/MagBig.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url('/wp-content/uploads/2026/07/MagBig.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

/* =============================================
   PRIMARY MOBILE NAVIGATION (Kadence native nav block)
   ============================================= */

.primary-mobile-menu .kb-nav-link-content {
    font-family: var(--font-sans) !important;
    font-weight: var(--weight-semibold) !important;
    font-size: var(--nav-main) !important;
    color: var(--black-text) !important;
    text-align: left !important;
}

.primary-mobile-menu .sub-menu .kb-nav-link-content {
    font-family: var(--font-serif) !important;
    font-weight: var(--weight-regular) !important;
}

.primary-mobile-menu .sub-menu .current-menu-ancestor > .kb-link-wrap {
    background-color: var(--eggshell-white) !important;
}

.primary-mobile-menu li.current-menu-item > .kb-link-wrap {
    background-color: var(--cool-4) !important;
}

.primary-mobile-menu .sub-menu .kb-link-wrap {
    padding-left: 1rem !important;
}

.primary-mobile-menu .sub-menu .sub-menu .kb-link-wrap {
    padding-left: 2rem !important;
}

.primary-mobile-menu .sub-menu .sub-menu .sub-menu .kb-link-wrap {
    padding-left: 3rem !important;
}

/* Context-aware behavior — mirrors the left/section nav: no tap-to-expand
   drill-down. Top-level links always show; child links appear only along
   the current page's branch (its ancestors and the current item's own
   children), driven by WordPress's server-rendered current-menu-* classes.
   Tapping any link navigates. */
.primary-mobile-menu .kb-nav-dropdown-toggle-btn {
    display: none !important;
}

.primary-mobile-menu li.current-menu-item > .sub-menu,
.primary-mobile-menu li.current-menu-ancestor > .sub-menu,
.primary-mobile-menu li.current-menu-parent > .sub-menu {
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
}

.wp-block-kadence-off-canvas .kb-off-canvas-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.kadence-column948262_0b076a-25>.kt-inside-inner-col {
    margin-bottom: 1rem;
}

/* =============================================
   WPML LANGUAGE SWITCHER
   ============================================= */

.wpml-switcher .wp-block-navigation-item__label {
    font-family: var(--font-sans) !important;
    font-size: var(--nav-utility-2) !important;
    font-weight: var(--weight-regular) !important;
    letter-spacing: 0.16px !important;
    text-align: center !important;
}

.wpml-switcher li[data-wpml="current-language-item"] {
    background-color: var(--church-gray) !important;
    border-radius: 0px !important;
}

.wpml-switcher li[data-wpml="current-language-item"] .wp-block-navigation-item__label {
    color: var(--page-default) !important;
}

.wpml-switcher li[data-wpml="language-item"] .wp-block-navigation-item__label {
    color: var(--link-blue) !important;
}

.wpml-switcher .wp-block-navigation-item:not(:first-child) {
    position: relative;
    margin-left: 8px !important;
    padding-left: 8px !important;
}

.wpml-switcher .wp-block-navigation-item:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: var(--church-gray);
}

.wpml-switcher {
    margin: .5rem -2.8rem 0 !important;
}

.utility-search:hover {
    background-color: var(--cool-3) !important;
}