/* OhMyKajo glass navbar layer.

   386 declarations were removed from this file because ohmykajo-navbar-final.css
   loads after it and re-declares the SAME property on the SAME selector inside the
   SAME media context, so the value here could never reach the page. Verified with a
   postcss AST walk, matching media/selector/property exactly and honouring !important,
   then proven by diffing computed styles and geometry for 11 header selectors across
   1440/1024/768/390/360 px, EN and AR, at page top and scrolled.

   What stayed: every declaration navbar-final does NOT override. This file is still the
   base layer; it was not merged away. If you add a navbar rule, put it in navbar-final
   so there is one obvious winner. */
body {
    --kajo-nav-sage: #9caf88;
    --kajo-nav-sage-dark: #526948;
    --kajo-nav-orange: #eba36d;
    --kajo-nav-orange-soft: rgba(235, 163, 109, .2);
    --kajo-nav-orange-strong: #d88647;
    --kajo-nav-ink: #101821;
    --kajo-nav-glass: rgba(255, 255, 255, .72);
    --kajo-nav-border: rgba(82, 105, 72, .16);}

/* Ultimate navbar correction: placed last so older experiments cannot override it. */
@media (min-width: 1025px) {
    body .whb-header,
    body .whb-main-header {
        pointer-events: none !important;}

    body .whb-general-header {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        margin-inline: auto !important;
        padding: 0 24px 0 0 !important;
        pointer-events: auto !important;}

    body .whb-general-header .whb-col-left {
        inset-inline-start: 112px !important;}

    body .whb-general-header .whb-col-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-center,
    body.whb-sticked .whb-general-header .whb-col-center {
        flex-basis: 78px !important;}

    body .whb-general-header .whb-col-center:before {
        content: none !important;
        display: none !important;}

    body .whb-general-header .site-logo,
    body .whb-general-header .wd-logo,
    body .whb-general-header .site-logo a,
    body .whb-general-header .site-logo picture {
        transform: none !important;}

    body .whb-general-header .site-logo img,
    body .whb-general-header .wd-logo img,
    body .whb-general-header .site-logo img[src*="Logo.png"],
    body .whb-general-header .site-logo img[data-src*="Logo.png"] {
        display: block !important;
        width: auto !important;
        height: auto !important;
        filter: none !important;}

    body .whb-general-header .whb-col-right {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-inline-start: auto !important;
        pointer-events: auto !important;}

    body .whb-general-header .whb-col-right *,
    body .whb-general-header .wd-tools-element,
    body .whb-general-header .wd-tools-element > a,
    body .whb-general-header .kajo-language-docked,
    body .whb-general-header .kajo-language-docked * {
        pointer-events: auto !important;}

    body .whb-general-header .wd-header-main-nav .menu > li > a,
    body .whb-general-header .wd-header-main-nav .menu > li:hover > a,
    body .whb-general-header .wd-header-main-nav .menu > li > a:hover,
    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-hovered > a {
        background: rgba(236, 239, 229, .94) !important;
        color: var(--kajo-nav-ink) !important;
        box-shadow: none !important;
        filter: none !important;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a {
        background: rgba(255, 255, 255, .96) !important;
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: 0 10px 28px rgba(216, 134, 71, .13), inset 0 0 0 1px rgba(235, 163, 109, .25) !important;}

    body .whb-general-header .wd-tools-element > a,
    body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: var(--kajo-nav-ink) !important;
        transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;}

    body .whb-general-header .whb-col-right .wd-tools-element:hover > a,
    body .whb-general-header .whb-col-right .wd-tools-element:focus-within > a,
    body .whb-general-header .whb-col-right .wd-tools-element.kajo-tool-hover > a,
    body .whb-general-header .whb-col-right .wd-tools-element > a:hover,
    body .whb-general-header .whb-col-right .kajo-language-docked:hover .trp-current-language-item__wrapper,
    body .whb-general-header .whb-col-right .kajo-language-docked:focus-within .trp-current-language-item__wrapper,
    body .whb-general-header .whb-col-right .kajo-language-docked.kajo-tool-hover .trp-current-language-item__wrapper {
        background: rgba(245, 235, 222, .94) !important;
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: inset 0 0 0 1px rgba(235, 163, 109, .22), 0 8px 20px rgba(31, 47, 40, .08) !important;
        transform: translateY(-1px) !important;}

    body .whb-general-header .whb-col-right .wd-tools-element:hover .wd-tools-icon,
    body .whb-general-header .whb-col-right .wd-tools-element:focus-within .wd-tools-icon,
    body .whb-general-header .whb-col-right .wd-tools-element.kajo-tool-hover .wd-tools-icon,
    body .whb-general-header .whb-col-right .wd-tools-element > a:hover .wd-tools-icon {
        color: var(--kajo-nav-orange-strong) !important;}

    body .whb-general-header .wd-tools-count,
    body .whb-general-header .wd-cart-number {
        background: #f58634 !important;
        color: #fff !important;}

    body .whb-general-header .wd-tools-count.kajo-count-empty,
    body .whb-general-header .wd-cart-number.kajo-count-empty {
        background: #f58634 !important;
        color: #fff !important;}

    body .whb-general-header .wd-tools-count.kajo-count-filled,
    body .whb-general-header .wd-cart-number.kajo-count-filled {
        background: #9caf88 !important;
        color: #fff !important;}

    body .whb-general-header .kajo-language-docked {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 12 !important;}

    body .whb-general-header .kajo-language-docked .trp-language-switcher,
    body .whb-general-header .kajo-language-docked .trp-language-item {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;}

    body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper {
        cursor: pointer !important;}

    body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list {
        position: absolute !important;
        inset-block-start: calc(100% + 7px) !important;
        inset-inline-end: 0 !important;
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        min-width: 48px !important;
        padding: 6px !important;
        border: 1px solid rgba(82, 105, 72, .14) !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, .98) !important;
        box-shadow: 0 14px 34px rgba(31, 47, 40, .14) !important;
        z-index: 999 !important;}

    body .whb-general-header .kajo-language-docked:hover .trp-switcher-dropdown-list,
    body .whb-general-header .kajo-language-docked:focus-within .trp-switcher-dropdown-list,
    body .whb-general-header .kajo-language-docked.kajo-language-open .trp-switcher-dropdown-list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;}}

/* Final alignment override: centered nav with a clean circular logo canvas. */

/* Header inner-container edge correction. */
@media (min-width: 1025px) {
    body .whb-general-header > .container,
    body .whb-general-header .whb-general-header-inner {
        height: 100% !important;}

    body .whb-general-header .whb-col-left {
        inset-inline-start: 112px !important;}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-left,
    body.whb-sticked .whb-general-header .whb-col-left {
        inset-inline-start: 124px !important;}}

/* Navbar alignment refinement: round logo canvas, centered menu, right tools fixed right. */
@media (min-width: 1025px) {
    body .whb-general-header {
        padding: 0 28px 0 0 !important;}

    body .whb-general-header .whb-col-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;}

    body .whb-general-header .whb-col-left {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;}}

/* Current navbar correction: full normal width, clean logo dock, hover only on right tools. */
@media (min-width: 1025px) {
    body .whb-header,
    body .whb-main-header {
        pointer-events: none !important;}

    body .whb-general-header {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        margin-inline: auto !important;
        padding: 0 24px 0 0 !important;
        pointer-events: auto !important;}

    body .whb-general-header .whb-col-left {
        inset-inline-start: 112px !important;}

    body .whb-general-header .whb-col-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-center,
    body.whb-sticked .whb-general-header .whb-col-center {
        flex-basis: 78px !important;}

    body .whb-general-header .whb-col-center:before {
        content: none !important;
        display: none !important;}

    body .whb-general-header .site-logo,
    body .whb-general-header .wd-logo,
    body .whb-general-header .site-logo a,
    body .whb-general-header .site-logo picture {
        transform: none !important;}

    body .whb-general-header .site-logo img,
    body .whb-general-header .wd-logo img,
    body .whb-general-header .site-logo img[src*="Logo.png"],
    body .whb-general-header .site-logo img[data-src*="Logo.png"] {
        display: block !important;
        width: auto !important;
        height: auto !important;
        filter: none !important;}

    body .whb-general-header .whb-col-right {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-inline-start: auto !important;
        pointer-events: auto !important;}

    body .whb-general-header .whb-col-right *,
    body .whb-general-header .wd-tools-element,
    body .whb-general-header .wd-tools-element > a,
    body .whb-general-header .kajo-language-docked,
    body .whb-general-header .kajo-language-docked * {
        pointer-events: auto !important;}

    body .whb-general-header .wd-header-main-nav .menu > li > a,
    body .whb-general-header .wd-header-main-nav .menu > li:hover > a,
    body .whb-general-header .wd-header-main-nav .menu > li > a:hover,
    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-hovered > a {
        background: rgba(236, 239, 229, .94) !important;
        color: var(--kajo-nav-ink) !important;
        box-shadow: none !important;
        filter: none !important;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a {
        background: rgba(255, 255, 255, .96) !important;
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: 0 10px 28px rgba(216, 134, 71, .13), inset 0 0 0 1px rgba(235, 163, 109, .25) !important;}

    body .whb-general-header .wd-tools-element > a,
    body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: var(--kajo-nav-ink) !important;
        transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;}

    body .whb-general-header .whb-col-right .wd-tools-element:hover > a,
    body .whb-general-header .whb-col-right .wd-tools-element:focus-within > a,
    body .whb-general-header .whb-col-right .wd-tools-element.kajo-tool-hover > a,
    body .whb-general-header .whb-col-right .wd-tools-element > a:hover,
    body .whb-general-header .whb-col-right .kajo-language-docked:hover .trp-current-language-item__wrapper,
    body .whb-general-header .whb-col-right .kajo-language-docked:focus-within .trp-current-language-item__wrapper,
    body .whb-general-header .whb-col-right .kajo-language-docked.kajo-tool-hover .trp-current-language-item__wrapper {
        background: rgba(245, 235, 222, .94) !important;
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: inset 0 0 0 1px rgba(235, 163, 109, .22), 0 8px 20px rgba(31, 47, 40, .08) !important;
        transform: translateY(-1px) !important;}

    body .whb-general-header .whb-col-right .wd-tools-element:hover .wd-tools-icon,
    body .whb-general-header .whb-col-right .wd-tools-element:focus-within .wd-tools-icon,
    body .whb-general-header .whb-col-right .wd-tools-element.kajo-tool-hover .wd-tools-icon,
    body .whb-general-header .whb-col-right .wd-tools-element > a:hover .wd-tools-icon {
        color: var(--kajo-nav-orange-strong) !important;}

    body .whb-general-header .wd-tools-count,
    body .whb-general-header .wd-cart-number {
        background: #f58634 !important;
        color: #fff !important;}

    body .whb-general-header .wd-tools-count.kajo-count-empty,
    body .whb-general-header .wd-cart-number.kajo-count-empty {
        background: #f58634 !important;
        color: #fff !important;}

    body .whb-general-header .wd-tools-count.kajo-count-filled,
    body .whb-general-header .wd-cart-number.kajo-count-filled {
        background: #9caf88 !important;
        color: #fff !important;}

    body .whb-general-header .kajo-language-docked {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 12 !important;}

    body .whb-general-header .kajo-language-docked .trp-language-switcher,
    body .whb-general-header .kajo-language-docked .trp-language-item {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;}

    body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper {
        cursor: pointer !important;}

    body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list {
        position: absolute !important;
        inset-block-start: calc(100% + 7px) !important;
        inset-inline-end: 0 !important;
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        min-width: 48px !important;
        padding: 6px !important;
        border: 1px solid rgba(82, 105, 72, .14) !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, .98) !important;
        box-shadow: 0 14px 34px rgba(31, 47, 40, .14) !important;
        z-index: 999 !important;}

    body .whb-general-header .kajo-language-docked:hover .trp-switcher-dropdown-list,
    body .whb-general-header .kajo-language-docked:focus-within .trp-switcher-dropdown-list,
    body .whb-general-header .kajo-language-docked.kajo-language-open .trp-switcher-dropdown-list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;}}

body .whb-header {
    position: fixed !important;
    inset-block-start: 0;
    inset-inline: 0;
    z-index: 390;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;}

body.admin-bar .whb-header {
    inset-block-start: 32px;}

body .main-page-wrapper {
    padding-top: 82px;}

body .whb-main-header {
    position: relative;
    padding-block-end: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none;}

body .whb-top-bar {
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    min-height: 0;
    height: 0;
    border: 0 !important;
    background: transparent !important;
    color: #fff;
    overflow: visible;
    pointer-events: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    z-index: 5;}

body .whb-top-bar .whb-column > * {
    display: none !important;}

body .whb-top-bar .whb-column > .wd-header-text:has(.trp-shortcode-switcher__wrapper) {
    display: block !important;}

body .whb-top-bar .whb-column > .trp-shortcode-switcher__wrapper {
    display: block !important;}

body .whb-top-bar .trp-shortcode-switcher__wrapper {
    position: static;
    display: block !important;
    width: 36px;
    height: 36px;
    pointer-events: auto;
    z-index: 4;}

body .whb-top-bar .trp-shortcode-switcher__wrapper .trp-language-switcher {
    display: block !important;}

body .whb-top-bar .trp-shortcode-switcher__wrapper .trp-current-language-item__wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    border-radius: 50%;
    background: rgba(255, 255, 255, .72);
    box-shadow: inset 0 0 0 1px rgba(156, 175, 136, .16);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);}

body .whb-general-header .kajo-language-docked {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    margin: 0;
    pointer-events: auto;
    z-index: 4;}

body .whb-general-header .kajo-language-duplicate,
body .whb-top-bar .kajo-language-duplicate {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;}

body .whb-general-header .kajo-language-docked .trp-language-switcher {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    overflow: visible;}

body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0 !important;
    border-radius: 50%;
    background: rgba(255, 255, 255, .62);
    box-shadow: inset 0 0 0 1px rgba(156, 175, 136, .18);
    transition: background .22s ease, box-shadow .22s ease;}

body .whb-general-header .kajo-language-docked:hover .trp-current-language-item__wrapper {
    background: rgba(156, 175, 136, .14);
    box-shadow: inset 0 0 0 1px rgba(156, 175, 136, .2);}

body .whb-general-header .kajo-language-docked .trp-language-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 !important;}

body .whb-general-header .kajo-language-docked .trp-flag-image {
    display: block !important;
    width: 21px !important;
    height: auto !important;
    border-radius: 2px;}

body .whb-general-header .kajo-language-docked .trp-shortcode-arrow {
    display: none !important;}

body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list {
    display: none !important;}

body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list {
    position: absolute;
    inset-block-start: calc(100% + 8px);
    inset-inline-end: 0;
    min-width: 48px;
    min-height: 44px;
    height: auto !important;
    padding: 6px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 14px 34px rgba(31, 47, 40, .14);}

body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list .trp-language-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 32px;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: 10px;}

body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list .trp-language-item:hover {
    background: rgba(156, 175, 136, .14);}

body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list .trp-flag-image {
    width: 22px !important;}

body .whb-general-header .kajo-language-docked:not(.kajo-language-open) .trp-switcher-dropdown-list {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;}

body .whb-general-header .kajo-language-docked.kajo-language-open .trp-switcher-dropdown-list {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;}

body .whb-top-bar .trp-shortcode-switcher__wrapper .trp-language-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;}

body .whb-top-bar .trp-shortcode-switcher__wrapper .trp-flag-image {
    width: 20px !important;
    height: auto !important;
    display: block !important;
    border-radius: 2px;}

body .whb-top-bar .trp-shortcode-switcher__wrapper .trp-switcher-dropdown-list {
    position: absolute;
    inset-block-start: 42px;
    inset-inline-end: 0;
    min-width: 42px;
    padding: 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 34px rgba(31, 47, 40, .14);}

body .whb-top-bar .whb-column,
body .whb-top-bar a,
body .whb-top-bar .wd-tools-text {
    color: #fff !important;}

body .whb-general-header {
    width: min(1320px, calc(100vw - 32px));
    min-height: 66px;
    margin: 4px auto 0;
    padding-inline: 18px;
    border: 1px solid var(--kajo-nav-border) !important;
    border-radius: 18px;
    background: var(--kajo-nav-glass) !important;
    box-shadow: 0 18px 48px rgba(31, 47, 40, .11);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    transition: min-height .22s ease, margin .22s ease, border-radius .22s ease, box-shadow .22s ease, background .22s ease;}

body.kajo-glass-nav-scrolled .whb-general-header,
body.whb-sticked .whb-general-header {
    min-height: 58px;
    margin-top: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: 0 16px 42px rgba(31, 47, 40, .14);}

body .whb-general-header .whb-column {
    min-height: inherit;}

body .whb-general-header .site-logo img {
    max-height: 56px;
    transition: max-height .22s ease, transform .22s ease;}

body.kajo-glass-nav-scrolled .whb-general-header .site-logo img,
body.whb-sticked .whb-general-header .site-logo img {
    max-height: 46px;}

@media (min-width: 1025px) {
    body .whb-general-header {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;}

    body.kajo-glass-nav-scrolled .whb-general-header,
    body.whb-sticked .whb-general-header {
        padding-inline: 0 20px;}

    body .whb-general-header .whb-col-left,
    body .whb-general-header .whb-col-center,
    body .whb-general-header .whb-col-right {
        flex: unset !important;
        min-width: 0;}

    body .whb-general-header .whb-col-left {
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;}

    body .whb-general-header .whb-col-center {
        order: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-inline-start: -1px;
        padding-inline: 0 !important;
        transition: flex-basis .22s ease, max-width .22s ease, min-height .22s ease;}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-center,
    body.whb-sticked .whb-general-header .whb-col-center {
        flex-basis: 72px !important;
        margin-inline-start: -1px;}

    body .whb-general-header .whb-col-center:before {
        content: "";
        position: absolute;
        inset-inline-start: 0;
        inset-block-start: 50%;
        width: 84px;
        height: 74px;
        border-radius: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, .88);
        box-shadow: inset 0 0 0 1px rgba(156, 175, 136, .2);
        z-index: 0;
        transition: width .22s ease, height .22s ease, background .22s ease, box-shadow .22s ease;}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-center:before,
    body.whb-sticked .whb-general-header .whb-col-center:before {
        inset-inline-start: 0;
        width: 72px;
        height: 64px;
        background: rgba(255, 255, 255, .84);
        box-shadow: inset 0 0 0 1px rgba(156, 175, 136, .18);}

    body .whb-general-header .whb-col-center > * {
        position: relative;
        z-index: 1;}

    body .whb-general-header .whb-col-right {
        order: 3;
        display: flex;
        justify-content: flex-end;
        gap: 4px;
        margin-inline-start: auto;
        flex: 0 0 270px !important;
        padding-inline-end: 0;}

    body .whb-general-header .site-logo {
        margin-inline-end: 0;
        margin-inline-start: 0;
        transition: width .22s ease, height .22s ease;}

    body.kajo-glass-nav-scrolled .whb-general-header .site-logo,
    body.whb-sticked .whb-general-header .site-logo {
        margin-inline-start: 0;}

    body .whb-general-header .site-logo img,
    body.kajo-glass-nav-scrolled .whb-general-header .site-logo img,
    body.whb-sticked .whb-general-header .site-logo img {
        width: auto;
        height: auto;
        object-fit: contain;
        transform-origin: center;}

    body .whb-general-header .site-logo img[src*="Logo.png"],
    body .whb-general-header .site-logo img[data-src*="Logo.png"],
    body .whb-general-header .wd-logo img[src*="Logo.png"],
    body .whb-general-header .wd-logo img[data-src*="Logo.png"] {
        height: auto !important;
        transform-origin: center;}

    body .whb-general-header .wd-header-main-nav {
        pointer-events: auto;}

    body .whb-general-header .wd-header-main-nav .menu {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        white-space: nowrap;
        width: auto !important;
        max-width: none !important;
        flex-wrap: nowrap;}

    body .whb-general-header .wd-header-main-nav .menu > li {
        position: relative;
        margin: 0;
        display: inline-flex;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0;
        transition: margin .3s cubic-bezier(.22, 1, .36, 1), transform .22s ease;}

    body .whb-general-header .wd-header-main-nav .menu > li > a {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0 18px;
        border-radius: 0;
        color: #fff !important;
        font-size: 14px;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
        background: rgba(156, 175, 136, .98);
        transition: color .3s ease, background .3s ease, border-radius .3s ease, box-shadow .3s ease, transform .25s ease, opacity .25s ease;}

    body .whb-general-header .wd-header-main-nav .menu > li > a span {
        color: inherit !important;}

    body .whb-general-header .wd-header-main-nav .menu > li > a::after {
        display: none !important;
        content: none !important;}

    body .whb-general-header .wd-header-main-nav .menu > li > a::before,
    body .whb-general-header .wd-header-main-nav .menu > li::before,
    body .whb-general-header .wd-header-main-nav .menu > li::after,
    body .whb-general-header .wd-header-main-nav .menu > li.menu-item-has-children > a:before,
    body .whb-general-header .wd-header-main-nav .menu > li.menu-item-has-children > a:after,
    body .whb-general-header .wd-header-main-nav .menu > li.menu-item-has-children:hover > a:before,
    body .whb-general-header .wd-header-main-nav .menu > li.menu-item-has-children:hover > a:after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;}

    /* Woodmart prints an empty dropdown shell for every top-level item, and
       on the pill navbar those flash up as blank panels - so they stay
       suppressed. Items that really do have children are excluded, which is
       what brings the Shop mega menu back: it was collateral damage from the
       blanket rule this replaces. */
    body .whb-general-header .wd-header-main-nav .menu > li:not(.menu-item-has-children) > .wd-dropdown,
    body .whb-general-header .wd-header-main-nav .menu > li:not(.menu-item-has-children) > .wd-dropdown-menu,
    body .whb-general-header .wd-header-main-nav .menu > li:not(.menu-item-has-children) > .wd-dropdown-cats,
    body .whb-general-header .wd-header-main-nav .menu > li:not(.menu-item-has-children):hover > .wd-dropdown,
    body .whb-general-header .wd-header-main-nav .menu > li:not(.menu-item-has-children):hover > .wd-dropdown-menu,
    body .whb-general-header .wd-header-main-nav .menu > li:not(.menu-item-has-children):hover > .wd-dropdown-cats {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;}

    /* The strip "opens up" around the active pill: the two items flanking it
       round the corners that FACE it, and the two items at the ends of the
       strip round their outer corners.

       Which physical corner that is depends on the reading direction, so these
       are the one place in this file where logical properties are right. In
       `border-<block>-<inline>-radius`, `start-start` is top-left in LTR and
       top-right in RTL, so each rule below keeps its meaning when the row
       reverses.

       `kajo-nav-prev` and `kajo-nav-next` are assigned by DOM order (see the
       inline script in functions.php), and DOM order reverses visually along
       with the text, so the previous item sits on the inline-END side of the
       active one in BOTH directions. That is why `prev` takes the end corners
       and `next` the start corners, with no `dir` selector needed.

       Previously these were physical `border-top-left-radius` etc., so in
       Arabic every one of them rounded the corner on the wrong side and the
       pills appeared to open away from the active item instead of around it. */
    body .whb-general-header .wd-header-main-nav .menu > li:first-child:not(.kajo-nav-active) > a {
        border-start-start-radius: 14px;
        border-end-start-radius: 14px;}

    body .whb-general-header .wd-header-main-nav .menu > li:last-child:not(.kajo-nav-active) > a {
        border-start-end-radius: 14px;
        border-end-end-radius: 14px;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-prev:not(.kajo-nav-active) > a {
        border-start-end-radius: 14px;
        border-end-end-radius: 14px;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-next:not(.kajo-nav-active) > a {
        border-start-start-radius: 14px;
        border-end-start-radius: 14px;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a {
        border-radius: 14px;
        background: rgba(255, 255, 255, .94);
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: 0 10px 24px rgba(82, 105, 72, .1), inset 0 0 0 1px rgba(156, 175, 136, .22);}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a span {
        color: var(--kajo-nav-orange-strong) !important;}

    body .whb-general-header .wd-header-main-nav .menu > li:hover > a {
        color: #fff !important;
        background: rgba(156, 175, 136, .98);}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-hovered > a {
        color: #fff !important;
        background: rgba(156, 175, 136, .98);}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active {
        margin-inline: 10px;}

    body .whb-general-header .wd-header-main-nav .menu > li:not(.kajo-nav-active):not(.kajo-nav-hovered) > a {
        opacity: 1;}

    body .whb-general-header .wd-header-cart .wd-tools-text,
    body .whb-general-header .wd-header-cart .wd-cart-subtotal {
        display: none !important;}

    body .whb-general-header .wd-header-cart .wd-tools-icon,
    body .whb-general-header .wd-header-my-account .wd-tools-icon,
    body .whb-general-header .wd-header-search .wd-tools-icon,
    body .whb-general-header .wd-header-wishlist .wd-tools-icon {
        font-size: 24px;}

    body .whb-general-header .wd-tools-element > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        min-height: 42px;
        border-radius: 50%;
        transition: background .22s ease, color .22s ease, box-shadow .22s ease;}

    body .whb-general-header .wd-tools-element > a:hover {
        background: rgba(156, 175, 136, .14);
        box-shadow: inset 0 0 0 1px rgba(156, 175, 136, .18);}

    body .whb-general-header .wd-header-cart {
        min-width: 42px;}}

body .wd-header-nav .menu > li > a,
body .wd-header-nav .menu > li > a span,
body .wd-nav-main > li > a {
    color: var(--kajo-nav-ink) !important;
    font-weight: 800;
    letter-spacing: 0;}

body .wd-header-nav .menu > li.current-menu-item > a,
body .wd-header-nav .menu > li:hover > a,
body .wd-nav-main > li.current-menu-item > a,
body .wd-nav-main > li:hover > a {
    color: var(--kajo-nav-sage-dark) !important;}

body .wd-header-nav .menu > li > a:after {
    background-color: var(--kajo-nav-orange) !important;}

body .wd-tools-element > a,
body .wd-tools-element .wd-tools-icon,
body .wd-tools-element .wd-tools-text {
    color: var(--kajo-nav-ink) !important;}

body .wd-tools-element:hover > a,
body .wd-tools-element:hover .wd-tools-icon,
body .wd-tools-element:hover .wd-tools-text {
    color: var(--kajo-nav-sage-dark) !important;}

body .wd-tools-count,
body .wd-cart-number {
    background-color: var(--kajo-nav-sage) !important;
    color: #fff !important;}

@media (min-width: 1025px) {
    body .whb-general-header .wd-header-main-nav .menu > li > a,
    body .whb-general-header .wd-header-main-nav .menu > li > a span {
        color: #fff !important;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a,
    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a span {
        color: var(--kajo-nav-orange-strong) !important;}}

body .wd-header-cart .wd-tools-text {
    font-weight: 900;}

body .wd-dropdown,
body .wd-dropdown-menu,
body .wd-dropdown-cats,
body .wd-dropdown-my-account {
    border: 1px solid rgba(82, 105, 72, .16);
    border-radius: 16px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 24px 60px rgba(31, 47, 40, .14);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);}

body .mobile-nav,

body .wd-side-hidden.wd-left,

body .wd-side-hidden.wd-right{
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);}

@media (min-width: 1025px) {

    body .whb-general-header .whb-col-center {
        flex-basis: 78px !important;}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-center,
    body.whb-sticked .whb-general-header .whb-col-center {
        flex-basis: 70px !important;}

    body .whb-general-header .whb-col-center:before {
        inset-inline-start: 0;
        width: 78px;
        height: 74px;
        border-radius: 0 999px 999px 0;
        background: rgba(255, 255, 255, .9);}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-center:before,
    body.whb-sticked .whb-general-header .whb-col-center:before {
        width: 70px;
        height: 64px;
        border-radius: 999px;}

    body .whb-general-header .site-logo {
        margin-inline-start: 0;}

    body.kajo-glass-nav-scrolled .whb-general-header .site-logo,
    body.whb-sticked .whb-general-header .site-logo {
        margin-inline-start: 0;}

    body .whb-general-header .wd-header-main-nav .menu > li > a {
        background: rgba(236, 239, 229, .94);
        color: var(--kajo-nav-ink) !important;
        box-shadow: none;}

    body .whb-general-header .wd-header-main-nav .menu > li > a span {
        color: inherit !important;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a {
        background: rgba(255, 255, 255, .96);
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: 0 10px 28px rgba(216, 134, 71, .14), inset 0 0 0 1px rgba(235, 163, 109, .28);}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a span {
        color: var(--kajo-nav-orange-strong) !important;}

    body .whb-general-header .wd-header-main-nav .menu > li:hover > a,
    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-hovered > a {
        background: rgba(245, 235, 222, .96);
        color: var(--kajo-nav-orange-strong) !important;}

    body .whb-general-header .wd-tools-element > a,
    body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper {
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
        border-radius: 50%;
        background: transparent;
        box-shadow: none;}

    body .whb-general-header .wd-tools-element > a:hover,
    body .whb-general-header .wd-tools-element.kajo-tool-hover > a,
    body .whb-general-header .kajo-language-docked:hover .trp-current-language-item__wrapper {
        background: rgba(245, 235, 222, .9);
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: inset 0 0 0 1px rgba(235, 163, 109, .2);}

    body .whb-general-header .wd-tools-element > a:hover .wd-tools-icon,
    body .whb-general-header .wd-tools-element:hover .wd-tools-icon,
    body .whb-general-header .wd-tools-element.kajo-tool-hover .wd-tools-icon {
        color: var(--kajo-nav-orange-strong) !important;}

    body .whb-general-header .kajo-language-docked.kajo-tool-hover .trp-current-language-item__wrapper {
        background: rgba(245, 235, 222, .9);
        box-shadow: inset 0 0 0 1px rgba(235, 163, 109, .2);}

    body .whb-general-header .kajo-language-docked {
        align-self: center;
        flex: 0 0 42px;
        width: 42px;
        height: 42px;}

    body .whb-general-header .kajo-language-docked .trp-language-switcher,
    body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper,
    body .whb-general-header .kajo-language-docked .trp-language-item {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px;
        min-height: 42px !important;}}

body .whb-general-header .wd-tools-count,
body .whb-general-header .wd-cart-number {
    background-color: var(--kajo-nav-orange-strong) !important;
    color: #fff !important;}

body .whb-general-header .wd-tools-count.kajo-count-filled,
body .whb-general-header .wd-cart-number.kajo-count-filled {
    background-color: var(--kajo-nav-sage) !important;
    color: #fff !important;}

body .whb-general-header .wd-tools-count.kajo-count-empty,
body .whb-general-header .wd-cart-number.kajo-count-empty {
    background-color: var(--kajo-nav-orange-strong) !important;
    color: #fff !important;}

@media (max-width: 1024px) {

    body.admin-bar .whb-header {
        inset-block-start: 46px;}

    body .whb-main-header {
        padding-block-end: 0;}

    body .whb-general-header {
        margin-top: 8px;}

    body .whb-top-bar {
        min-height: 0;
        height: 0;}

    body .whb-top-bar .trp-shortcode-switcher__wrapper {
        display: none !important;}

    body .whb-header-bottom {
        width: min(100vw - 30px, 720px);
        margin: 8px auto 0;
        border: 1px solid rgba(82, 105, 72, .14) !important;
        border-radius: 14px;
        background: rgba(255, 255, 255, .7) !important;
        box-shadow: 0 12px 32px rgba(31, 47, 40, .08);
        backdrop-filter: blur(16px) saturate(150%);
        -webkit-backdrop-filter: blur(16px) saturate(150%);}

    body .wd-header-mobile-nav a,
    body .wd-header-mobile-nav .wd-tools-icon {
        display: inline-grid;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: rgba(156, 175, 136, .92);
        color: #fff !important;
        place-items: center;}

    body.kajo-glass-nav-scrolled .whb-general-header .site-logo img,
    body.whb-sticked .whb-general-header .site-logo img {
        max-height: 42px;}}

@media (max-width: 480px) {
    body .main-page-wrapper {
        padding-top: 96px;}

    body .whb-general-header {
        width: calc(100vw - 20px);}

    body .whb-header-bottom {
        width: calc(100vw - 30px);}

    body .whb-top-bar .whb-column {
        font-size: 12px;}}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body .whb-general-header,

    body .whb-header-bottom,

    body .wd-dropdown,

    body .mobile-nav{
        background: rgba(255, 255, 255, .96) !important;}}

@media (prefers-reduced-motion: reduce) {
    body .whb-general-header,
    body .whb-general-header .site-logo img {
        transition: none;}}

/* Final navbar stabilization: keep normal state full-width, compact only after scroll. */
@media (min-width: 1025px) {

    body.kajo-glass-nav-scrolled .whb-general-header,
    body.whb-sticked .whb-general-header {
        overflow: visible;}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-center,
    body.whb-sticked .whb-general-header .whb-col-center {
        flex: 0 0 76px !important;}

    body .whb-general-header .whb-col-center:before {
        inset-inline-start: 0;
        width: 92px;
        height: 74px;
        border-radius: 0 999px 999px 0;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, .88);}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-center:before,
    body.whb-sticked .whb-general-header .whb-col-center:before {
        width: 76px;
        height: 64px;
        border-radius: 999px;}

    body .whb-general-header .site-logo {
        margin-inline-start: 0;}

    body.kajo-glass-nav-scrolled .whb-general-header .site-logo,
    body.whb-sticked .whb-general-header .site-logo {
        margin-inline-start: 0;}

    body .whb-general-header .wd-header-main-nav .menu > li > a {
        background: rgba(236, 239, 229, .94) !important;
        color: var(--kajo-nav-ink) !important;
        box-shadow: none !important;}

    body .whb-general-header .wd-header-main-nav .menu > li > a:hover,
    body .whb-general-header .wd-header-main-nav .menu > li:hover > a {
        background: rgba(236, 239, 229, .94) !important;
        color: var(--kajo-nav-ink) !important;
        box-shadow: none !important;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a {
        background: rgba(255, 255, 255, .96) !important;
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: 0 10px 28px rgba(216, 134, 71, .14), inset 0 0 0 1px rgba(235, 163, 109, .28) !important;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a span,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a span {
        color: var(--kajo-nav-orange-strong) !important;}

    body .whb-general-header .wd-tools-element > a:hover,
    body .whb-general-header .wd-tools-element:hover > a,
    body .whb-general-header .wd-tools-element:hover .wd-tools-icon,
    body .whb-general-header .kajo-language-docked:hover .trp-current-language-item__wrapper {
        background: rgba(245, 235, 222, .9) !important;
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: inset 0 0 0 1px rgba(235, 163, 109, .2) !important;}

    body .whb-general-header .wd-tools-element:hover .wd-tools-icon {
        color: var(--kajo-nav-orange-strong) !important;}

    body .whb-general-header .kajo-language-docked {
        overflow: visible;}

    body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper,
    body .whb-general-header .kajo-language-docked .trp-language-switcher,
    body .whb-general-header .kajo-language-docked .trp-language-item {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;}

    body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list {
        position: absolute !important;
        inset-block-start: calc(100% + 8px) !important;
        inset-inline-end: 0 !important;
        display: none !important;
        min-width: 48px !important;
        min-height: 44px !important;
        padding: 6px !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, .96) !important;
        box-shadow: 0 14px 34px rgba(31, 47, 40, .14) !important;
        visibility: hidden !important;
        opacity: 0 !important;}

    body .whb-general-header .kajo-language-docked:hover .trp-switcher-dropdown-list,
    body .whb-general-header .kajo-language-docked.kajo-language-open .trp-switcher-dropdown-list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;}

    body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list .trp-language-item {
        width: 36px !important;
        min-width: 36px !important;
        height: 32px !important;
        min-height: 32px !important;}}

/* Ultimate navbar correction: placed last so older experiments cannot override it. */
@media (min-width: 1025px) {
    body .whb-header,
    body .whb-main-header {
        pointer-events: none !important;}

    body .whb-general-header {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        margin-inline: auto !important;
        padding: 0 24px 0 0 !important;
        pointer-events: auto !important;}

    body .whb-general-header .whb-col-left {
        inset-inline-start: 112px !important;}

    body .whb-general-header .whb-col-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;}

    body.kajo-glass-nav-scrolled .whb-general-header .whb-col-center,
    body.whb-sticked .whb-general-header .whb-col-center {
        flex-basis: 78px !important;}

    body .whb-general-header .whb-col-center:before {
        content: none !important;
        display: none !important;}

    body .whb-general-header .site-logo,
    body .whb-general-header .wd-logo,
    body .whb-general-header .site-logo a,
    body .whb-general-header .site-logo picture {
        transform: none !important;}

    body .whb-general-header .site-logo img,
    body .whb-general-header .wd-logo img,
    body .whb-general-header .site-logo img[src*="Logo.png"],
    body .whb-general-header .site-logo img[data-src*="Logo.png"] {
        display: block !important;
        width: auto !important;
        height: auto !important;
        filter: none !important;}

    body .whb-general-header .whb-col-right {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-inline-start: auto !important;
        pointer-events: auto !important;}

    body .whb-general-header .whb-col-right *,
    body .whb-general-header .wd-tools-element,
    body .whb-general-header .wd-tools-element > a,
    body .whb-general-header .kajo-language-docked,
    body .whb-general-header .kajo-language-docked * {
        pointer-events: auto !important;}

    body .whb-general-header .wd-header-main-nav .menu > li > a,
    body .whb-general-header .wd-header-main-nav .menu > li:hover > a,
    body .whb-general-header .wd-header-main-nav .menu > li > a:hover,
    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-hovered > a {
        background: rgba(236, 239, 229, .94) !important;
        color: var(--kajo-nav-ink) !important;
        box-shadow: none !important;
        filter: none !important;}

    body .whb-general-header .wd-header-main-nav .menu > li.kajo-nav-active > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-item > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current-menu-ancestor > a,
    body .whb-general-header .wd-header-main-nav .menu > li.current_page_item > a {
        background: rgba(255, 255, 255, .96) !important;
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: 0 10px 28px rgba(216, 134, 71, .13), inset 0 0 0 1px rgba(235, 163, 109, .25) !important;}

    body .whb-general-header .wd-tools-element > a,
    body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: var(--kajo-nav-ink) !important;
        transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;}

    body .whb-general-header .whb-col-right .wd-tools-element:hover > a,
    body .whb-general-header .whb-col-right .wd-tools-element:focus-within > a,
    body .whb-general-header .whb-col-right .wd-tools-element.kajo-tool-hover > a,
    body .whb-general-header .whb-col-right .wd-tools-element > a:hover,
    body .whb-general-header .whb-col-right .kajo-language-docked:hover .trp-current-language-item__wrapper,
    body .whb-general-header .whb-col-right .kajo-language-docked:focus-within .trp-current-language-item__wrapper,
    body .whb-general-header .whb-col-right .kajo-language-docked.kajo-tool-hover .trp-current-language-item__wrapper {
        background: rgba(245, 235, 222, .94) !important;
        color: var(--kajo-nav-orange-strong) !important;
        box-shadow: inset 0 0 0 1px rgba(235, 163, 109, .22), 0 8px 20px rgba(31, 47, 40, .08) !important;
        transform: translateY(-1px) !important;}

    body .whb-general-header .whb-col-right .wd-tools-element:hover .wd-tools-icon,
    body .whb-general-header .whb-col-right .wd-tools-element:focus-within .wd-tools-icon,
    body .whb-general-header .whb-col-right .wd-tools-element.kajo-tool-hover .wd-tools-icon,
    body .whb-general-header .whb-col-right .wd-tools-element > a:hover .wd-tools-icon {
        color: var(--kajo-nav-orange-strong) !important;}

    body .whb-general-header .wd-tools-count,
    body .whb-general-header .wd-cart-number {
        background: #f58634 !important;
        color: #fff !important;}

    body .whb-general-header .wd-tools-count.kajo-count-empty,
    body .whb-general-header .wd-cart-number.kajo-count-empty {
        background: #f58634 !important;
        color: #fff !important;}

    body .whb-general-header .wd-tools-count.kajo-count-filled,
    body .whb-general-header .wd-cart-number.kajo-count-filled {
        background: #9caf88 !important;
        color: #fff !important;}

    body .whb-general-header .kajo-language-docked {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 12 !important;}

    body .whb-general-header .kajo-language-docked .trp-language-switcher,
    body .whb-general-header .kajo-language-docked .trp-language-item {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;}

    body .whb-general-header .kajo-language-docked .trp-current-language-item__wrapper {
        cursor: pointer !important;}

    body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list {
        position: absolute !important;
        inset-block-start: calc(100% + 7px) !important;
        inset-inline-end: 0 !important;
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        min-width: 48px !important;
        padding: 6px !important;
        border: 1px solid rgba(82, 105, 72, .14) !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, .98) !important;
        box-shadow: 0 14px 34px rgba(31, 47, 40, .14) !important;
        z-index: 999 !important;}

    body .whb-general-header .kajo-language-docked:hover .trp-switcher-dropdown-list,
    body .whb-general-header .kajo-language-docked:focus-within .trp-switcher-dropdown-list,
    body .whb-general-header .kajo-language-docked.kajo-language-open .trp-switcher-dropdown-list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;}}

/* Language switcher: remove the dead zone between the chip and the menu.
   ---------------------------------------------------------------------
   The dropdown sat at `calc(100% + 7px)`, leaving a gap the pointer had to
   cross. Measured: the element under the cursor at y=64 was the header column,
   not the switcher, so `mouseleave` fired on the 42x42 wrapper and the JS
   closed the menu before the Arabic flag could be clicked. Hover worked; the
   click was unreachable.

   A transparent ::before bridge did not work - the header column paints above
   it, so it never won hit-testing. Instead the menu now starts flush at 100%
   and re-creates the 7px offset as its own top padding, which is part of the
   dropdown's box and therefore hit-testable and inside the wrapper. The menu
   looks identical and the pointer never leaves the switcher. */
@media (min-width: 1025px) {
    body .whb-general-header .kajo-language-docked .trp-switcher-dropdown-list {
        inset-block-start: 100% !important;
        padding-block-start: 13px !important;
        background-clip: padding-box !important;}}
/* ---------------------------------------------------------------------------
   Shop mega menu
   ---------------------------------------------------------------------------
   Woodmart positions a full-width dropdown from JavaScript: menuOffsets.js
   measures the window, writes left/width onto the panel, then adds
   wd-offsets-calculated to the <ul>, which is what releases its own rule

       .wd-nav-header:not(.wd-offsets-calculated) > li > .wd-dropdown:not(.wd-design-default) { opacity: 0 }

   That maths assumes a header spanning the viewport. This one is a centred
   pill, so it produced a 1600px panel starting 598px from the left - hanging
   off the right of the screen - and the class never landed, leaving the panel
   permanently at opacity 0. On top of that, the pill redesign suppressed every
   dropdown outright, which is what removed the Shop mega menu.

   Positioning is left to that script - it is the theme's own and it works
   once it actually runs - and woodmart_child_boot_menu_offsets() in
   functions.php is what invokes it. Hand-placing the panel here was tried and
   abandoned: the nav sits inside .whb-column.whb-col-left, which is absolutely
   positioned AND transformed, so nothing inside it can be anchored to the pill
   from CSS at all. Only the appearance is set below.
   --------------------------------------------------------------------------- */
@media (min-width: 1025px) {
    body .whb-general-header .wd-header-main-nav .menu > li.menu-item-has-children > .wd-dropdown-menu {
        top: calc(100% + 10px);
        border: 1px solid var(--kajo-nav-border);
        border-radius: 18px !important;
        background: var(--kajo-nav-glass);
        box-shadow: 0 24px 60px rgba(31, 47, 40, .14);
        backdrop-filter: blur(18px) saturate(150%);
        -webkit-backdrop-filter: blur(18px) saturate(150%);
        transform: translateY(8px);
        transition: opacity .22s ease, transform .22s cubic-bezier(.22, 1, .36, 1);}

    /* The strip between the pill and the panel is a dead zone: leave the pill
       and the hover is lost before the pointer arrives. Measured, the pill
       ends 25px above the panel - top:100% resolves against the menu item's
       box, which is taller than the pill itself - so the bridge covers 30px.
       It is inert when the panel is hidden, because visibility:hidden takes
       the pseudo-element with it. */
    body .whb-general-header .wd-header-main-nav .menu > li.menu-item-has-children > .wd-dropdown-menu::before {
        content: "";
        position: absolute;
        inset-inline: 0;
        top: -30px;
        height: 30px;}

    body .whb-general-header .wd-header-main-nav .menu > li.menu-item-has-children:hover > .wd-dropdown-menu,
    body .whb-general-header .wd-header-main-nav .menu > li.menu-item-has-children:focus-within > .wd-dropdown-menu {
        transform: translateY(0) !important;}

    /* Column headings - HAIR, BEAUTY & SKIN. */
    body .whb-general-header .wd-header-main-nav .menu .wd-dropdown-menu .item-level-1 > a {
        margin-bottom: 6px;
        color: var(--kajo-nav-ink);
        font-size: 17px;
        font-weight: 700;
        letter-spacing: .02em;
        text-transform: uppercase;}

    body .whb-general-header .wd-header-main-nav .menu .wd-dropdown-menu .sub-sub-menu > li > a {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 7px 0;
        color: var(--kajo-nav-ink);
        font-size: 15px;
        font-weight: 500;
        transition: color .18s ease, transform .18s ease;}

    body .whb-general-header .wd-header-main-nav .menu .wd-dropdown-menu .sub-sub-menu > li > a:hover,
    body .whb-general-header .wd-header-main-nav .menu .wd-dropdown-menu .sub-sub-menu > li > a:focus-visible {
        color: var(--kajo-nav-orange-strong) !important;
        transform: translateX(3px);}

    /* The olive disc moves off the icon and onto the link, because a CSS
       filter applies to an element's background as well as its content - with
       the disc still on the <img>, recolouring the artwork would recolour the
       circle with it. Drawn behind, same 40px as before. */
    body .whb-general-header .wd-header-main-nav .menu .wd-dropdown-menu .sub-sub-menu > li > a {
        position: relative;}

    body .whb-general-header .wd-header-main-nav .menu .wd-dropdown-menu .sub-sub-menu > li > a::before {
        content: "";
        position: absolute;
        inset-inline-start: 0;
        top: 50%;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: var(--kajo-nav-sage);
        transform: translateY(-50%);}

    body .whb-general-header .wd-header-main-nav .menu .wd-dropdown-menu .sub-sub-menu > li > a .wd-nav-img {
        position: relative;
        background-color: transparent !important;
        filter: url("#kajo-icon-tint");}

    body .whb-general-header .wd-header-main-nav .menu .wd-dropdown-menu .wd-nav-img {
        transition: transform .18s ease;}

    body .whb-general-header .wd-header-main-nav .menu .wd-dropdown-menu .sub-sub-menu > li > a:hover .wd-nav-img {
        transform: scale(1.08);}
}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    body .whb-general-header .wd-header-main-nav .menu > li.menu-item-has-children > .wd-dropdown-menu {
        transition: none;
        transform: none;}
}