/**
 * LibertyRoots Responsive Menu Stability Layer
 *
 * Purpose:
 * The Responsive Menu plugin clones mixed Enfold, Avia and WP Night Mode markup
 * into a separate off canvas container. That cloned container needs its own final
 * styling pass because global theme rules and browser defaults can otherwise leak
 * into the menu. This file is intentionally loaded after Night Mode CSS.
 *
 * Scope:
 * Only the Responsive Menu instance with ID 21841 is targeted. Product pages,
 * shop layouts, checkout and regular Enfold content are not touched here.
 */

/* ------------------------------------------------------------
 * Menu surface and default text colors
 * ------------------------------------------------------------ */
#rmp-container-21841,
#rmp-menu-title-21841,
#rmp-menu-wrap-21841 {
    color: #e8e8e8;
    background-color: #000103;
}

body.wp-night-mode-on #rmp-container-21841,
body.wp-night-mode-on #rmp-menu-title-21841,
body.wp-night-mode-on #rmp-menu-wrap-21841 {
    color: #37393f;
    background-color: #ffffff;
}



/* ------------------------------------------------------------
 * Responsive Menu structural polish from retired Snippet 121
 * ------------------------------------------------------------ */
@media screen and (max-width: 767px) {
    #rmp-menu-title-21841 {
        display: table;
        margin-left: 10px;
        padding: 0;
    }

    #rmp-menu-wrap-21841 {
        padding-top: 4%;
    }

    #rmp-menu-title-21841 svg {
        width: 100%;
        height: 80px;
    }

    #rmp-menu-title-21841 a {
        display: flex;
        position: relative;
    }

    body.wp-night-mode-on #rmp_menu_trigger-21841 {
        background: #f4f4f4;
    }

    body.wp-night-mode-on #rmp_menu_trigger-21841:hover,
    body.wp-night-mode-on #rmp_menu_trigger-21841:focus {
        background: #e8e8e8;
    }

    #rmp-menu-wrap-21841 .rmp-menu-subarrow {
        height: 38px;
        margin: 2px 5px;
        border: none;
        border-radius: var(--radius-button);
        background-color: #1c1d21;
        box-shadow: var(--button-3d);
        transition: var(--uebergang-button);
    }

    #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow,
    #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow-active {
        height: 38px;
        background-color: #1c1d21;
    }

    #rmp-menu-wrap-21841 .rmp-menu-subarrow:hover {
        box-shadow: var(--button-3d-hover);
    }

    #rmp-menu-wrap-21841 .rmp-menu-item-link .rmp-font-icon {
        height: 40px;
        line-height: 40px;
    }

    .dashicons,
    .dashicons-before::before {
        vertical-align: top !important;
    }

    #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow-active {
        color: #dd3333 !important;
    }

    body.wp-night-mode-on #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow {
        color: #37393f;
    }

    body.wp-night-mode-on #rmp-menu-wrap-21841 .rmp-menu-subarrow {
        border-left-color: #e8e8e8;
        background-color: #f4f4f4;
    }
}

/* ------------------------------------------------------------
 * Prevent default browser blue links inside the mobile menu
 * ------------------------------------------------------------ */
#rmp-container-21841 a,
#rmp-container-21841 a:visited,
#rmp-container-21841 .rmp-menu-item-link,
#rmp-container-21841 .rmp-menu-item-link:visited,
#rmp-container-21841 .lr-contact-mobile-menu a,
#rmp-container-21841 .lr-contact-mobile-menu a:visited,
#rmp-menu-title-21841 a,
#rmp-menu-title-21841 a:visited {
    color: #e8e8e8 !important;
    text-decoration: none !important;
}

#rmp-container-21841 a:hover,
#rmp-container-21841 a:focus,
#rmp-container-21841 .rmp-menu-item-link:hover,
#rmp-container-21841 .rmp-menu-item-link:focus,
#rmp-container-21841 .lr-contact-mobile-menu a:hover,
#rmp-container-21841 .lr-contact-mobile-menu a:focus {
    color: #ffd500 !important;
    text-decoration: none !important;
}

body.wp-night-mode-on #rmp-container-21841 a,
body.wp-night-mode-on #rmp-container-21841 a:visited,
body.wp-night-mode-on #rmp-container-21841 .rmp-menu-item-link,
body.wp-night-mode-on #rmp-container-21841 .rmp-menu-item-link:visited,
body.wp-night-mode-on #rmp-container-21841 .lr-contact-mobile-menu a,
body.wp-night-mode-on #rmp-container-21841 .lr-contact-mobile-menu a:visited,
body.wp-night-mode-on #rmp-menu-title-21841 a,
body.wp-night-mode-on #rmp-menu-title-21841 a:visited {
    color: #37393f !important;
}

body.wp-night-mode-on #rmp-container-21841 a:hover,
body.wp-night-mode-on #rmp-container-21841 a:focus,
body.wp-night-mode-on #rmp-container-21841 .rmp-menu-item-link:hover,
body.wp-night-mode-on #rmp-container-21841 .rmp-menu-item-link:focus,
body.wp-night-mode-on #rmp-container-21841 .lr-contact-mobile-menu a:hover,
body.wp-night-mode-on #rmp-container-21841 .lr-contact-mobile-menu a:focus {
    color: #bb9100 !important;
}

#rmp-container-21841 .rmp-menu-current-item > .rmp-menu-item-link,
#rmp-container-21841 .rmp-submenu .rmp-menu-current-item > .rmp-menu-item-link {
    color: #ffd500 !important;
    background-color: #1c1d21 !important;
}

body.wp-night-mode-on #rmp-container-21841 .rmp-menu-current-item > .rmp-menu-item-link,
body.wp-night-mode-on #rmp-container-21841 .rmp-submenu .rmp-menu-current-item > .rmp-menu-item-link {
    color: #37393f !important;
    background-color: #f4f4f4 !important;
}

/* ------------------------------------------------------------
 * Dark and light mode switch inside the mobile menu
 * ------------------------------------------------------------ */
#rmp-container-21841 .dark-mode-button-mit-icons,
#rmp-container-21841 .dark-mode-button-mit-icons-center,
#rmp-container-21841 .dark-mode-button-mit-icons-sidebar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 24px !important;
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    float: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

#rmp-container-21841 .dark-mode-button-mit-icons br,
#rmp-container-21841 .dark-mode-button-mit-icons-center br,
#rmp-container-21841 .dark-mode-button-mit-icons-sidebar br {
    display: none !important;
}

#rmp-container-21841 .dark-mode-icon,
#rmp-container-21841 .light-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons .dark-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons .light-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons-center .dark-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons-center .light-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons-sidebar .dark-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons-sidebar .light-mode-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffd500 !important;
    border-color: #ffd500 !important;
    line-height: 20px !important;
}

#rmp-container-21841 .dark-mode-icon .av-icon-char,
#rmp-container-21841 .light-mode-icon .av-icon-char,
#rmp-container-21841 .dark-mode-icon .av-icon-char::before,
#rmp-container-21841 .light-mode-icon .av-icon-char::before {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "entypo-fontello" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 20px !important;
    color: #ffd500 !important;
    text-align: center !important;
    speak: never;
}

#rmp-container-21841 .dark-mode-icon .av-icon-char::before,
#rmp-container-21841 .light-mode-icon .av-icon-char::before {
    content: attr(data-av_icon);
}

/* WP Night Mode switch normalization. The rules are scoped to the menu only. */
#rmp-container-21841 .wpnm-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 20px !important;
    float: none !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

#rmp-container-21841 .wpnm-button *,
#rmp-container-21841 .wpnm-button *::before,
#rmp-container-21841 .wpnm-button *::after {
    box-sizing: border-box !important;
}

#rmp-container-21841 .wpnm-switch {
    display: block !important;
    position: relative !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 20px !important;
}

#rmp-container-21841 .wpnm-slider {
    display: block !important;
    width: 38px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35) !important;
}

#rmp-container-21841 .wpnm-button.style-1 .wpnm-slider.round::before,
#rmp-container-21841 .wpnm-slider::before {
    width: 16px !important;
    height: 16px !important;
    left: 2px !important;
    bottom: 2px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35) !important;
}

#rmp-container-21841 .wpnm-switch input:checked + .wpnm-slider::before,
body.wp-night-mode-on #rmp-container-21841 .wpnm-button.style-1 .wpnm-slider.round::before {
    transform: translateX(18px) !important;
}

/* Keep the switch compact across Enfold mobile and tablet breakpoints. */
@media only screen and (max-width: 989px) {
    #rmp-container-21841 .dark-mode-button-mit-icons,
    #rmp-container-21841 .dark-mode-button-mit-icons-center,
    #rmp-container-21841 .dark-mode-button-mit-icons-sidebar {
        transform: none !important;
    }
}


/* ------------------------------------------------------------
 * v11: Hard fallback for Responsive Menu icons
 * ------------------------------------------------------------
 * If the menu clone no longer contains the original Enfold data-av_icon value,
 * header.js writes stable fallback codes. The font face is declared here as a
 * scoped safety net for pages where Enfold does not enqueue the icon font early.
 */
@font-face {
    font-family: "entypo-fontello";
    src: url("/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff2") format("woff2"),
         url("/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

#rmp-container-21841 .dark-mode-icon .av-icon-char:not([data-av_icon])::before,
#rmp-container-21841 .dark-mode-icon .av-icon-char[data-av_icon=""]::before {
    content: "\e923" !important;
}

#rmp-container-21841 .light-mode-icon .av-icon-char:not([data-av_icon])::before,
#rmp-container-21841 .light-mode-icon .av-icon-char[data-av_icon=""]::before {
    content: "\e922" !important;
}

/* ------------------------------------------------------------
 * v13: Refined additional content styling for the mobile menu
 * ------------------------------------------------------------
 * The previous v12 fallback restored the missing contact icons, but the visual
 * treatment was too heavy. LibertyRoots uses a lighter, more editorial menu
 * style here: small gold icons, text-led rows and a calmer theme toggle block.
 */
#rmp-container-21841 #rmp-menu-additional-content-21841 {
    padding-top: 6px !important;
    color: inherit !important;
}

#rmp-container-21841 #rmp-menu-additional-content-21841 .iconlist_icon {
    float: left !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin: 2px 10px 0 0 !important;
    padding: 0 !important;
    color: #ffd500 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    vertical-align: top !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#rmp-container-21841 #rmp-menu-additional-content-21841 .iconlist_icon .iconlist-char {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    color: currentColor !important;
}


#rmp-container-21841 #rmp-menu-additional-content-21841 .iconlist_content_wrap {
    display: block !important;
    overflow: hidden !important;
    max-width: none !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#rmp-container-21841 #rmp-menu-additional-content-21841 .iconlist-timeline {
    clear: both !important;
    display: block !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#rmp-container-21841 #rmp-menu-additional-content-21841 .av_iconlist_title,
#rmp-container-21841 #rmp-menu-additional-content-21841 .av_iconlist_title a,
#rmp-container-21841 #rmp-menu-additional-content-21841 .iconlist_content,
#rmp-container-21841 #rmp-menu-additional-content-21841 .iconlist_content a {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
    font-weight: 400 !important;
    color: inherit !important;
    text-decoration: none !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

#rmp-container-21841 #rmp-menu-additional-content-21841 > div:last-child {
    clear: both !important;
    margin-top: 26px !important;
}

#rmp-container-21841 #rmp-menu-additional-content-21841 > div:last-child p {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: inherit !important;
}

#rmp-container-21841 .dark-mode-button-mit-icons,
#rmp-container-21841 .dark-mode-button-mit-icons-center,
#rmp-container-21841 .dark-mode-button-mit-icons-sidebar {
    gap: 6px !important;
    min-height: 22px !important;
    margin-top: 0 !important;
}

#rmp-container-21841 .dark-mode-icon,
#rmp-container-21841 .light-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons .dark-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons .light-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons-center .dark-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons-center .light-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons-sidebar .dark-mode-icon,
#rmp-container-21841 .dark-mode-button-mit-icons-sidebar .light-mode-icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
}

#rmp-container-21841 .dark-mode-icon .av-icon-char,
#rmp-container-21841 .light-mode-icon .av-icon-char,
#rmp-container-21841 .dark-mode-icon .av-icon-char::before,
#rmp-container-21841 .light-mode-icon .av-icon-char::before {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    line-height: 18px !important;
}

#rmp-container-21841 .wpnm-button {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
}

#rmp-container-21841 .wpnm-switch {
    width: 42px !important;
    min-width: 42px !important;
    height: 22px !important;
    min-height: 22px !important;
}

#rmp-container-21841 .wpnm-slider {
    width: 42px !important;
    height: 22px !important;
    min-height: 22px !important;
}

#rmp-container-21841 .wpnm-button.style-1 .wpnm-slider.round::before,
#rmp-container-21841 .wpnm-slider::before {
    width: 18px !important;
    height: 18px !important;
    left: 2px !important;
    bottom: 2px !important;
}

#rmp-container-21841 .wpnm-switch input:checked + .wpnm-slider::before,
body.wp-night-mode-on #rmp-container-21841 .wpnm-button.style-1 .wpnm-slider.round::before {
    transform: translateX(20px) !important;
}

body.wp-night-mode-on #rmp-container-21841 #rmp-menu-additional-content-21841 .iconlist_icon {
    color: #ffd500 !important;
}


/* ------------------------------------------------------------
 * Responsive Menu dropdown button final normalization
 * Migrated from v22 polish into the responsive menu module.
 * ------------------------------------------------------------ */
/* ------------------------------------------------------------
 * Responsive Menu dropdown buttons
 * ------------------------------------------------------------ */
@media screen and (max-width: 767px) {
    #rmp-menu-wrap-21841 .rmp-menu-item {
        position: relative !important;
        overflow: visible !important;
    }

    #rmp-menu-wrap-21841 .rmp-menu-item-link {
        position: relative !important;
        min-height: 58px !important;
        padding-right: 82px !important;
        box-sizing: border-box !important;
    }

    #rmp-menu-wrap-21841 .rmp-menu-subarrow,
    #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow,
    #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow-active {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        top: 50% !important;
        right: 16px !important;
        left: auto !important;
        transform: translateY(-50%) !important;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 48px !important;
        border: 0 !important;
        border-radius: var(--radius-button) !important;
        background-color: var(--dark-menu-button) !important;
        color: #e8e8e8 !important;
        background-clip: padding-box !important;
        box-shadow: var(--button-3d) !important;
        -webkit-box-shadow: var(--button-3d) !important;
        -moz-box-shadow: var(--button-3d) !important;
        transition: var(--uebergang-button) !important;
        overflow: visible !important;
    }

    #rmp-menu-wrap-21841 .rmp-menu-subarrow:hover,
    #rmp-menu-wrap-21841 .rmp-menu-subarrow:focus,
    #rmp-menu-wrap-21841 .rmp-menu-subarrow-active {
        box-shadow: var(--button-3d-hover) !important;
        -webkit-box-shadow: var(--button-3d-hover) !important;
        -moz-box-shadow: var(--button-3d-hover) !important;
    }

    body.wp-night-mode-on #rmp-menu-wrap-21841 .rmp-menu-subarrow,
    body.wp-night-mode-on #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow,
    body.wp-night-mode-on #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow-active {
        background-color: var(--light-menu-button) !important;
        color: #37393f !important;
    }

    #rmp-menu-wrap-21841 .rmp-menu-subarrow-active,
    body.wp-night-mode-on #rmp-menu-wrap-21841 .rmp-menu-subarrow-active,
    #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow-active,
    body.wp-night-mode-on #rmp-menu-wrap-21841 .rmp-submenu .rmp-menu-subarrow-active {
        color: var(--gelb) !important;
    }

    #rmp-menu-wrap-21841 .rmp-menu-subarrow .rmp-font-icon,
    #rmp-menu-wrap-21841 .rmp-menu-subarrow .dashicons,
    #rmp-menu-wrap-21841 .rmp-menu-subarrow::before,
    #rmp-menu-wrap-21841 .rmp-menu-subarrow::after {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 48px !important;
        text-align: center !important;
    }
}


/* ------------------------------------------------------------
 * Mobile menu contact icons, final canonical implementation.
 * ------------------------------------------------------------
 * The Responsive Menu plugin flattens Enfold's footer icon list inside
 * #rmp-menu-additional-content-21841. We do not mutate the DOM here.
 * Icons are rendered from the original Enfold Entypo icon font and mapped by
 * adjacent contact content when :has() is available, with a narrow child-order
 * fallback for older browsers.
 */
#rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: left !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    color: #ffd500 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    line-height: 20px !important;
    overflow: visible !important;
}

#rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon .iconlist-char,
#rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon .av-icon-char,
#rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon svg.lr-menu-contact-icon {
    display: none !important;
}

#rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon::before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    font-family: "entypo-fontello" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 20px !important;
    text-align: center !important;
    color: #ffd500 !important;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@supports selector(.iconlist_icon:has(+ .iconlist_content_wrap)) {
    #rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon:has(+ .iconlist_content_wrap a[href*="wa.me"])::before {
        content: "\f232" !important;
    }

    #rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon:has(+ .iconlist_content_wrap a[href^="mailto:"])::before {
        content: "\e805" !important;
    }

    #rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon:has(+ .iconlist_content_wrap .av_iconlist_title):not(:has(+ .iconlist_content_wrap a))::before {
        content: "\e854" !important;
    }
}

@supports not selector(.iconlist_icon:has(+ .iconlist_content_wrap)) {
    #rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon:nth-of-type(1)::before {
        content: "\f232" !important;
    }

    #rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon:nth-of-type(4)::before {
        content: "\e854" !important;
    }

    #rmp-container-21841 #rmp-menu-additional-content-21841 > .iconlist_icon:nth-of-type(7)::before {
        content: "\e805" !important;
    }
}