/* Webrra mobile/tablet bottom navigation — scoped and Elementor-friendly. */
.wmn-shell {
    --wmn-height: 68px;
    --wmn-max-width: 680px;
    --wmn-x: 16px;
    --wmn-bottom: 16px;
    --wmn-radius: 20px;
    --wmn-gap: 5px;
    --wmn-item-height: 50px;
    --wmn-item-radius: 14px;
    --wmn-icon-size: 24px;
    --wmn-icon-box: 38px;
    --wmn-icon-radius: 11px;
    --wmn-label-gap: 2px;
    --wmn-hover-lift: 2px;
    --wmn-second-gap: 10px;
    --wmn-normal-color: #e5eff9;
    --wmn-normal-bg: transparent;
    --wmn-hover-color: #0c354d;
    --wmn-hover-bg: #ff8500;
    --wmn-active-color: #0c354d;
    --wmn-active-bg: #e5eff9;
    --wmn-special-color: #fff;
    --wmn-special-bg: #ff8500;
    --wmn-duration: 320ms;
    --wmn-panel-text: #0c354d;
    display: none;
    width: calc(100% - (2 * var(--wmn-x)));
    max-width: var(--wmn-max-width);
    color: var(--wmn-normal-color);
    font-family: inherit;
    direction: rtl;
    isolation: isolate;
    -webkit-tap-highlight-color: transparent;
}

.wmn-shell,
.wmn-shell *,
.wmn-shell *::before,
.wmn-shell *::after {
    box-sizing: border-box;
}

.wmn-shell.is-fixed {
    position: fixed;
    z-index: 9999;
    right: var(--wmn-x);
    bottom: calc(var(--wmn-bottom) + env(safe-area-inset-bottom, 0px));
    left: var(--wmn-x);
    width: auto;
    margin: 0 auto;
    transform: none;
    transition: opacity var(--wmn-duration) ease, visibility var(--wmn-duration) ease, transform var(--wmn-duration) cubic-bezier(.2, .75, .2, 1);
}

.wmn-shell.is-static {
    position: relative;
    margin: 18px auto;
}

.wmn-shell.is-scroll-hidden {
    visibility: hidden;
    opacity: 0;
    transform: translateY(calc(100% + var(--wmn-bottom) + 28px));
    pointer-events: none;
}

.wmn-frame {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: var(--wmn-height);
    padding: 7px 8px;
    border: 1px solid rgba(229, 239, 249, .72);
    border-radius: var(--wmn-radius);
    background-color: #0c354d;
    box-shadow: 0 12px 34px rgba(12, 53, 77, .28);
    -webkit-backdrop-filter: blur(var(--wmn-blur, 18px)) saturate(var(--wmn-saturation, 140%));
    backdrop-filter: blur(var(--wmn-blur, 18px)) saturate(var(--wmn-saturation, 140%));
}

.wmn-frame::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    opacity: .45;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, #e5eff9 22%, transparent), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .09), transparent 48%);
    content: "";
    pointer-events: none;
}

.wmn-nav {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: stretch;
    justify-content: space-between;
    gap: var(--wmn-gap);
    direction: rtl;
}

.wmn-nav--primary {
    min-height: calc(var(--wmn-height) - 16px);
}

.wmn-nav--secondary {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: calc(100% + var(--wmn-second-gap));
    left: 0;
    min-height: var(--wmn-height);
    padding: 7px 8px;
    visibility: hidden;
    border: 1px solid rgba(229, 239, 249, .72);
    border-radius: 18px;
    opacity: 0;
    background: #0c354d;
    box-shadow: 0 10px 28px rgba(12, 53, 77, .24);
    pointer-events: none;
    transform: translateY(18px) scale(.97);
    transform-origin: bottom center;
    transition: visibility var(--wmn-duration) ease, opacity var(--wmn-duration) ease, transform var(--wmn-duration) cubic-bezier(.2, .75, .2, 1);
}

.wmn-shell.is-secondary-open .wmn-nav--secondary,
.wmn-shell.is-secondary-stacked .wmn-nav--secondary {
    z-index: 1;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.wmn-item {
    position: relative;
    display: flex;
    min-width: 0;
    flex: 1 1 0;
    align-items: stretch;
}

.wmn-link {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: var(--wmn-item-height);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--wmn-label-gap);
    margin: 0;
    padding: 4px;
    border: 0;
    border-radius: var(--wmn-item-radius);
    outline: 0;
    color: var(--wmn-item-color, var(--wmn-normal-color)) !important;
    background: var(--wmn-item-bg, var(--wmn-normal-bg));
    box-shadow: none;
    font: inherit;
    text-decoration: none !important;
    cursor: pointer;
    appearance: none;
    transition: color var(--wmn-duration) ease, background var(--wmn-duration) ease, box-shadow var(--wmn-duration) ease, transform var(--wmn-duration) ease;
}

.wmn-link:hover,
.wmn-link:focus-visible {
    color: var(--wmn-hover-color) !important;
    background: var(--wmn-hover-bg);
    transform: translateY(calc(-1 * var(--wmn-hover-lift)));
}

.wmn-link:focus-visible {
    outline: 3px solid color-mix(in srgb, #ff8500 40%, transparent);
    outline-offset: 2px;
}

.wmn-item.is-active .wmn-link,
.wmn-item.is-active .wmn-link:hover {
    color: var(--wmn-item-active-color, var(--wmn-active-color)) !important;
    background: var(--wmn-item-active-bg, var(--wmn-active-bg));
    box-shadow: inset 0 0 0 1px rgba(229, 239, 249, .28), 0 8px 18px rgba(5, 29, 43, .2);
}

.wmn-item.is-button .wmn-link {
    color: var(--wmn-item-color, var(--wmn-special-color)) !important;
    background: var(--wmn-item-bg, var(--wmn-special-bg));
    box-shadow: 0 8px 20px color-mix(in srgb, #ff8500 28%, transparent), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.wmn-item.is-button .wmn-link:hover,
.wmn-item.is-button .wmn-link:focus-visible {
    color: var(--wmn-item-active-color, var(--wmn-special-color)) !important;
    background: color-mix(in srgb, var(--wmn-item-bg, var(--wmn-special-bg)) 88%, #fff);
}

.wmn-item.is-secondary-toggle .wmn-item__icon {
    transition: transform var(--wmn-duration) cubic-bezier(.2, .75, .2, 1);
}

.wmn-shell.is-secondary-open .wmn-item.is-secondary-toggle .wmn-item__icon,
.wmn-shell.is-secondary-stacked .wmn-item.is-secondary-toggle .wmn-item__icon {
    transform: rotate(45deg) scale(.9);
}

.wmn-item__icon-wrap {
    position: relative;
    display: inline-flex;
    width: var(--wmn-icon-box);
    height: var(--wmn-icon-box);
    flex: 0 0 var(--wmn-icon-box);
    align-items: center;
    justify-content: center;
    border-radius: var(--wmn-icon-radius);
}

.wmn-item__icon {
    display: inline-flex;
    width: var(--wmn-icon-size);
    height: var(--wmn-icon-size);
    align-items: center;
    justify-content: center;
    color: inherit;
    line-height: 1;
}

.wmn-item__icon svg,
.wmn-item__icon i {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    fill: none;
    stroke: currentColor;
    font-size: var(--wmn-icon-size);
}

.wmn-item__icon i::before {
    display: block;
}

.wmn-item__label {
    display: block;
    width: 100%;
    overflow: hidden;
    color: inherit;
    font-size: 9px;
    font-weight: 750;
    line-height: 1.25;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wmn-cart-count {
    position: absolute;
    z-index: 4;
    top: -6px;
    right: -6px;
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 1px solid #e5eff9;
    border-radius: 999px;
    color: #0c354d;
    background: #ff8500;
    box-shadow: 0 4px 12px rgba(5, 29, 43, .28);
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    direction: ltr;
}

.wmn-shell.is-hide-zero .wmn-cart-count[data-count="0"] {
    display: none;
}

/* Internal Header Icon Box proxies: the real search and mini-cart behavior. */
.wmn-owned-panel.webrra-icon-box {
    --wib-blue: #0c354d;
    --wib-blue-soft: #496a7d;
    --wib-orange: #ff8500;
    --wib-panel-glass: rgba(229, 239, 249, .94);
    --wib-panel-light: rgba(255, 255, 255, .84);
    --wib-panel-border: rgba(229, 239, 249, .96);
    --wib-item-bg: rgba(255, 255, 255, .70);
    --wib-item-border: rgba(12, 53, 77, .13);
    --wib-item-hover-bg: rgba(229, 239, 249, .98);
    --wib-item-hover-border: rgba(255, 133, 0, .56);
    position: absolute;
    z-index: 20;
    inset: 0;
    display: block;
    width: 100%;
    max-width: none;
    color: var(--wmn-panel-text);
    pointer-events: none;
}

.wmn-owned-panel.is-menu-open {
    z-index: 2147483000;
}

.wmn-owned-panel > .wmn-owned-toggle {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    inset: auto 50% 0 auto;
    padding: 0 !important;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.wmn-owned-panel .webrra-icon-box__panel {
    color: var(--wmn-panel-text);
    border-color: color-mix(in srgb, var(--wib-blue) 14%, transparent);
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 255, 255, .88), transparent 34%),
        var(--wib-panel-glass);
}

.wmn-owned-panel .webrra-icon-box__panel-title,
.wmn-owned-panel .webrra-search-popover,
.wmn-owned-panel .webrra-search-popover__head strong,
.wmn-owned-panel .webrra-icon-box__mini-cart li a:not(.remove),
.wmn-owned-panel .webrra-icon-box__mini-cart .woocommerce-mini-cart__total,
.wmn-owned-panel .webrra-icon-box__mini-cart .total {
    color: var(--wib-blue) !important;
}

.wmn-owned-panel .webrra-search-popover__head {
    border-bottom-color: rgba(12, 53, 77, .10);
    background: linear-gradient(145deg, rgba(255, 255, 255, .97), var(--wib-panel-glass));
}

.wmn-owned-panel .webrra-search-popover__head small,
.wmn-owned-panel .webrra-live-search__hint small,
.wmn-owned-panel .webrra-icon-box__mini-cart li .quantity,
.wmn-owned-panel .webrra-icon-box__mini-cart .woocommerce-mini-cart__empty-message {
    color: color-mix(in srgb, var(--wib-blue) 68%, transparent) !important;
}

.wmn-owned-panel .webrra-search-popover__head-icon {
    color: #fff;
    background: var(--wib-orange);
}

.wmn-owned-panel .webrra-search-popover__close {
    color: var(--wib-blue);
    background: rgba(255, 255, 255, .76);
}

.wmn-owned-panel .webrra-search-popover__close:hover,
.wmn-owned-panel .webrra-search-popover__close:focus-visible {
    color: #fff;
    background: var(--wib-blue);
}

.wmn-owned-panel .webrra-icon-box__search-form {
    border-bottom-color: rgba(12, 53, 77, .09);
    background: rgba(255, 255, 255, .74);
}

.wmn-owned-panel .webrra-icon-box__search-form input[type="search"] {
    color: var(--wib-blue);
    border-color: rgba(12, 53, 77, .15);
    background: linear-gradient(145deg, #fff, var(--wib-panel-glass));
}

.wmn-owned-panel .webrra-icon-box__search-form input[type="search"]:focus {
    border-color: var(--wib-orange);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wib-orange) 14%, transparent);
}

.wmn-owned-panel .webrra-icon-box__search-form button,
.wmn-owned-panel .webrra-icon-box__mini-cart .checkout,
.wmn-owned-panel .webrra-icon-box__mini-cart .elementor-button--checkout {
    color: #fff !important;
    border-color: var(--wib-blue) !important;
    background: var(--wib-blue) !important;
}

.wmn-owned-panel .webrra-icon-box__search-form button:hover,
.wmn-owned-panel .webrra-icon-box__mini-cart .checkout:hover {
    color: var(--wib-blue) !important;
    border-color: var(--wib-orange) !important;
    background: var(--wib-orange) !important;
}

.wmn-owned-cart .webrra-icon-box__panel {
    position: fixed;
    top: auto;
    right: 50%;
    bottom: calc(var(--wmn-bottom) + var(--wmn-height) + var(--wmn-second-gap) + env(safe-area-inset-bottom, 0px));
    left: auto;
    width: min(390px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: min(68vh, 620px);
    overflow-y: auto;
    transform: translate(50%, 16px) scale(.985);
    transform-origin: bottom center;
}

.wmn-owned-cart.is-menu-open .webrra-icon-box__panel {
    transform: translate(50%, 0) scale(1);
}

.wmn-owned-search .webrra-search-backdrop {
    pointer-events: none;
}

.wmn-owned-search.is-menu-open > .webrra-search-backdrop {
    pointer-events: auto;
}

body.webrra-mobile-nav-reserve-space {
    padding-bottom: max(var(--wmn-page-offset, 0px), env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 1024px) {
    .wmn-shell.is-display-tablet_mobile {
        display: block;
    }
}

@media (max-width: 767px) {
    .wmn-shell.is-display-mobile {
        display: block;
    }
}

.wmn-shell.is-display-all,
body.elementor-editor-active .wmn-shell {
    display: block;
}

@media (max-width: 480px) {
    .wmn-shell {
        --wmn-x: 12px;
        --wmn-bottom: 12px;
        --wmn-radius: 18px;
        --wmn-gap: 3px;
    }

    .wmn-item__label {
        font-size: 8px;
    }

    .wmn-owned-cart .webrra-icon-box__panel {
        right: 12px;
        bottom: calc(var(--wmn-bottom) + var(--wmn-height) + var(--wmn-second-gap) + env(safe-area-inset-bottom, 0px));
        left: 12px;
        width: auto !important;
        max-width: none;
        transform: translateY(16px) scale(.985);
    }

    .wmn-owned-cart.is-menu-open .webrra-icon-box__panel {
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wmn-shell,
    .wmn-shell *,
    .wmn-shell *::before,
    .wmn-shell *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}