/* ═══════════════════════════════════════════════════════════
   Flovara Custom Styles
   Injected by build.js into every page
   ═══════════════════════════════════════════════════════════ */

/* 1. Pause all Wix motion animations by default so they wait for scroll */
[data-mesh-id] *, [id^='comp-'] {
    animation-play-state: paused !important;
}

/* 2. When our observer tags them, unpause and run the animation */
.flovara-in-view {
    animation-play-state: running !important;
}

/* 3. Reproduce Wix's footer entrance when the flower reaches the viewport. */
@media (prefers-reduced-motion: no-preference) {
    #comp-mkgonjxg.flovara-footer-motion img {
        animation: flovara-flower-spin 7000ms linear infinite !important;
        animation-play-state: running !important;
        transform-origin: 50% 50%;
    }
}

@keyframes flovara-flower-spin {
    to { transform: rotate(360deg); }
}

/* Wix testimonial slides cross-fade on a five-second cycle. */
#comp-lqds3o3m [data-testid='slidesWrapper'],
#comp-mk0f1vk1 [data-testid='slidesWrapper'] {
    position: relative;
    overflow: hidden;
}
#comp-lqds3o3m.flovara-testimonial-ready,
#comp-lqds3o3m.flovara-testimonial-ready [data-testid='slidesWrapper'] {
    opacity: 1 !important;
    visibility: visible !important;
}
#comp-lqds3o3m .flovara-testimonial-enter {
    animation: flovara-testimonial-in 2s ease both !important;
    animation-play-state: running !important;
}
#comp-lqds3o3m .flovara-testimonial-exit {
    position: absolute !important;
    inset: 0 !important;
    animation: flovara-testimonial-out 2s ease both !important;
    animation-play-state: running !important;
}
#comp-mk0f1vk1 .flovara-carousel-enter {
    animation: flovara-testimonial-in 2s ease both !important;
    animation-play-state: running !important;
}
#comp-mk0f1vk1 .flovara-carousel-exit {
    position: absolute !important;
    inset: 0 !important;
    animation: flovara-testimonial-out 2s ease both !important;
    animation-play-state: running !important;
}
@keyframes flovara-testimonial-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes flovara-testimonial-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* Header hide on scroll */
#SITE_HEADER {
    transition: transform 0.3s ease-in-out !important;
}
#SITE_HEADER.hide-header {
    transform: translateY(-100%) !important;
}

/* Preserve the original Wix navigation appearance without its runtime reset. */
.wixui-horizontal-menu ul,
.wixui-horizontal-menu li,
.wixui-vertical-menu ul,
.wixui-vertical-menu li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.wixui-horizontal-menu li::marker,
.wixui-vertical-menu li::marker {
    content: '' !important;
    font-size: 0 !important;
}

/* Hide Wix freemium banner (redundant with build strip, but belt-and-suspenders) */
#WIX_ADS {
    display: none !important;
}

/* Keep the exported desktop footer ornaments inside the live viewport. */
@media (min-width: 769px) {
    #comp-mkgmlmp9 {
        left: 40px !important;
        margin-left: 0 !important;
    }

    #comp-mcj5m8xx {
        left: 113px !important;
        margin-left: 0 !important;
    }

    #comp-mkgonjxg {
        left: calc(100% - 161px) !important;
        right: auto !important;
        margin-left: 0 !important;
    }
}

/* Keep exported footer controls centered inside their authored mobile boxes. */
@media (max-width: 768px) {
    [aria-label='Social Bar'] {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    #comp-mkgonjxg {
        width: 46px !important;
        height: 49px !important;
        left: calc(50% - 23px) !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* The Wix menu HTML remains in the static export; restore its open state. */
#MENU_AS_CONTAINER.flovara-menu-open {
    display: block !important;
    visibility: visible !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    inset: 0 !important;
    opacity: 1 !important;
}
#MENU_AS_CONTAINER.flovara-menu-open,
#MENU_AS_CONTAINER.flovara-menu-open * {
    visibility: visible !important;
}
#MENU_AS_CONTAINER.flovara-menu-open [id^='overlay-'],
#MENU_AS_CONTAINER.flovara-menu-open [id^='container-'],
#MENU_AS_CONTAINER.flovara-menu-open nav,
#MENU_AS_CONTAINER.flovara-menu-open ul,
#MENU_AS_CONTAINER.flovara-menu-open li,
#MENU_AS_CONTAINER.flovara-menu-open a {
    opacity: 1 !important;
}
body.flovara-menu-open {
    overflow: hidden !important;
}

/* Product navigation shared by desktop and mobile Wix menu exports. */
.flovara-products-item {
    position: relative !important;
    overflow: visible !important;
}
.flovara-products-trigger,
.flovara-products-trigger span,
.flovara-products-trigger div {
    color: #010101 !important;
    background-color: transparent !important;
}
.flovara-products-trigger > div,
.flovara-products-trigger:not(:has(> div)) {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px;
    direction: ltr !important;
}
.flovara-nav-caret {
    display: inline-block !important;
    flex: 0 0 auto;
    font: 400 12px/1 Arial, sans-serif !important;
    color: #010101 !important;
    transform: translateY(-1px);
    transition: transform 160ms ease;
    order: 2;
}
.flovara-products-open .flovara-nav-caret {
    transform: translateY(1px) rotate(180deg);
}
.flovara-products-menu {
    display: none;
    position: absolute;
    z-index: 10000;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 130px;
    padding: 6px 0 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.flovara-products-menu a {
    display: block !important;
    padding: 7px 10px !important;
    color: #111 !important;
    background: #fffef3 !important;
    font: 500 14px/1.2 Montserrat, Arial, sans-serif !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap;
    border-radius: 0;
}
.flovara-products-menu a:hover,
.flovara-products-menu a:focus-visible {
    background: #fffef3 !important;
    text-decoration: underline !important;
}
.flovara-products-open > .flovara-products-menu {
    display: block;
}

/* Footer navigation mirrors the header categories without adding card chrome. */
.flovara-footer-menu {
    position: relative;
    display: block;
    width: max-content;
    margin: 0;
    overflow: visible;
    font-family: Montserrat, Arial, sans-serif;
}
.flovara-footer-menu__trigger {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 0;
    color: #010101;
    background: transparent;
    border: 0;
    font: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    cursor: pointer;
}
.flovara-footer-menu__links {
    display: none;
    position: absolute;
    z-index: 10000;
    top: 100%;
    left: 0;
    min-width: 115px;
    padding-top: 4px;
    background: #fffef3;
}
.flovara-footer-menu__links a {
    display: block !important;
    padding: 4px 8px !important;
    color: #010101 !important;
    background: #fffef3 !important;
    font: 400 14px/1.2 Montserrat, Arial, sans-serif !important;
    text-decoration: none !important;
    white-space: nowrap;
}
.flovara-footer-menu__links a:hover,
.flovara-footer-menu__links a:focus-visible {
    text-decoration: underline !important;
}
.flovara-footer-menu--open {
    z-index: 10001;
}
.flovara-footer-menu--open > .flovara-footer-menu__links {
    display: block;
}
.flovara-footer-menu--open .flovara-nav-caret {
    transform: translateY(1px) rotate(180deg);
}

/* Reach currently ships on Google Play; do not advertise Bente's App Store
   listing on the cloned product layout. */
body[data-flovara-product='reach'] #comp-mk0f1vjw,
body[data-flovara-product='reach'] #comp-mkgoatpx {
    display: none !important;
}

body[data-flovara-product='reach'] #img_comp-mk0f1vl03,
body[data-flovara-product='reach'] #img_comp-mk0f1vl03 img {
    object-fit: contain !important;
    background: #000 !important;
}

/* Reach uses the exact authored Bente page presentation with Reach content. */
body[data-flovara-product='reach'] #comp-mk0f1vj1 h1,
body[data-flovara-product='reach'] #comp-mk0f1vj1 p,
body[data-flovara-product='reach'] #comp-mk0f1vkd1 h2,
body[data-flovara-product='reach'] #comp-mk0f1vkd1 p {
    color: #010101 !important;
}
body[data-flovara-product='reach'] #comp-mk0f1vjy2,
body[data-flovara-product='reach'] #comp-mkgoatpr {
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-self: center !important;
}

body[data-flovara-product='go-bente'] #comp-mk0f1vj1 h1,
body[data-flovara-product='go-bente'] #comp-mk0f1vj1 p,
body[data-flovara-product='go-bente'] #comp-mk0f1vkd1 h2,
body[data-flovara-product='go-bente'] #comp-mk0f1vkd1 p {
    color: #010101 !important;
}
body[data-flovara-product='malfunction'] #comp-mk0f1vjw,
body[data-flovara-product='malfunction'] #comp-mk0f1vjy2,
body[data-flovara-product='malfunction'] #comp-mkgoatpx,
body[data-flovara-product='malfunction'] #comp-mkgoatpr {
    display: none !important;
}
body[data-flovara-product='malfunction'] #comp-mk0f1vl03,
body[data-flovara-product='malfunction'] #comp-mk0f1vl03 img {
    object-fit: contain !important;
    background: #000 !important;
}
body[data-flovara-product='malfunction'] #comp-mk0f1vk1 video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000;
}
body[data-flovara-product='go-bente'] #comp-mk0f1vl03,
body[data-flovara-product='go-bente'] #comp-mk0f1vl03 img {
    object-fit: contain !important;
}
body[data-flovara-product='go-bente'] h1,
body[data-flovara-product='go-bente'] h2,
body[data-flovara-product='go-bente'] p,
body[data-flovara-product='go-bente'] a,
.flovara-products-menu a[href='/go-bente/'] {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}
body[data-flovara-product='go-bente'] .flovara-galaxy-store-badge {
    display: block !important;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0;
    background: transparent !important;
    border: 0;
    text-decoration: none !important;
}
body[data-flovara-product='go-bente'] .flovara-galaxy-store-badge img,
.flovara-bente-galaxy-store-badge img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.flovara-has-galaxy-store {
    overflow: visible !important;
}
.flovara-bente-galaxy-store-badge {
    position: absolute;
    top: calc(100% + 8px);
    left: calc(-50% - 8px);
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
#comp-mk0f1vjy2.flovara-has-galaxy-store {
    margin-bottom: 70px !important;
}
#comp-mkgoatpr.flovara-has-galaxy-store {
    margin-bottom: 48px !important;
}

/* Present every official store badge in the same frame. */
#comp-mk0f1vjw,
#comp-mk0f1vjy2,
#comp-mkgoatpx,
#comp-mkgoatpr {
    width: 150px !important;
    height: 44px !important;
}
#comp-mk0f1vjw > a,
#comp-mk0f1vjy2 > a,
#comp-mkgoatpx > a,
#comp-mkgoatpr > a,
#comp-mk0f1vjw > a > img,
#comp-mk0f1vjy2 > a > img,
#comp-mkgoatpx > a > img,
#comp-mkgoatpr > a > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
}

/* The exported Wix newsletter widget is too short on mobile, clipping the
   required consent row and submit button down to a zero-height hit target. */
@media (max-width: 768px) {
    [data-mesh-id] *,
    [id^='comp-'] {
        animation-play-state: running !important;
    }
    body:not([data-flovara-product]) [data-motion-enter],
    body:not([data-flovara-product]) [data-is-hidden='true'] {
        opacity: 1 !important;
        visibility: visible !important;
    }
    #comp-mkgo3jyn p:has(.flovara-footer-menu) {
        width: 100% !important;
        text-align: center !important;
    }
    #comp-mkgo3jyn .flovara-footer-menu {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    #comp-mkgo3jyn .flovara-footer-menu__trigger {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }
    #comp-mkgo3jyn .flovara-footer-menu__links {
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    #comp-mk0f1vjw,
    #comp-mk0f1vjy2,
    #comp-mkgoatpx,
    #comp-mkgoatpr {
        width: 130px !important;
        height: 38px !important;
    }
    .flovara-products-item {
        height: auto !important;
        min-height: 44px;
    }
    .flovara-products-trigger {
        color: #010101 !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center;
        gap: 5px;
        direction: ltr !important;
    }
    .flovara-products-menu {
        position: static;
        transform: none;
        margin: 0 auto;
        width: auto;
        min-width: 0;
        padding: 2px 0 6px;
        z-index: 10002;
    }
    .flovara-products-menu a {
        padding: 6px 0 !important;
        background: transparent !important;
        font-size: 13px !important;
        text-align: center !important;
    }
    .flovara-products-menu a:hover,
    .flovara-products-menu a:focus-visible {
        background: transparent !important;
    }

    #comp-m0ntlo6v,
    #comp-m0ntlo6v > .comp-m0ntlo6v {
        height: auto !important;
        min-height: 390px !important;
        overflow: visible !important;
    }

    #comp-m0ntlo6v form[aria-label='Newsletter'] [data-field-type='CONTACTS_SUBSCRIBE'] {
        min-height: 48px !important;
    }

    #comp-m0ntlo6v form[aria-label='Newsletter'] [data-hook='checkbox-core'] {
        min-height: 44px !important;
        cursor: pointer;
    }

    #comp-m0ntlo6v form[aria-label='Newsletter'] input[type='checkbox']:checked + span {
        background: #000 !important;
        border-color: #000 !important;
        position: relative;
    }

    #comp-m0ntlo6v form[aria-label='Newsletter'] input[type='checkbox']:checked + span::after {
        content: '\2713';
        color: #fff;
        font: 700 18px/1 Arial, sans-serif;
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
    }

    #comp-m0ntlo6v form[aria-label='Newsletter'] [data-hook='submit-button'] {
        min-width: 120px !important;
        min-height: 48px !important;
        cursor: pointer;
        touch-action: manipulation;
    }
}