/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 15 2026 | 16:22:29 */
/* Header container width */
.whb-general-header > .container {
    width: 100% !important;
    max-width: 1760px !important;
}

/* Header vertical spacing */
.whb-general-header-inner {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 33px !important;
    padding-bottom: 33px !important;
}

/* Header typography */
.whb-general-header .wd-nav > li > a,
.whb-general-header .wd-dropdown-menu a,
.whb-general-header .wd-tools-text,
.whb-general-header .wd-tools-text-cart,
.whb-general-header .wd-header-mobile-nav .wd-tools-text {
    color: #1B0D03 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Apply the brand color to all header elements */
.whb-general-header,
.whb-general-header a,
.whb-general-header span,
.whb-general-header .wd-tools-icon {
    color: #1B0D03 !important;
}

/* Navigation spacing */
.whb-general-header .wd-nav {
    gap: 40px !important;
}

/* Search and cart spacing */
.whb-general-header .whb-col-right {
    gap: 40px !important;
}

/* Cart text alignment */
.whb-general-header .wd-tools-text-cart {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    line-height: 1 !important;
}

.whb-general-header .wd-tools-text-cart > span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

/* Reset the default WoodMart cart counter style */
.whb-general-header .wd-cart-number {
    position: static !important;
    top: auto !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    vertical-align: middle !important;
    color: #1B0D03 !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

/* Dropdown menu background */
.whb-general-header .wd-dropdown-menu {
    color: #1B0D03 !important;
    background-color: rgb(246 245 245 / 0.9) !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Keep the dropdown inner container transparent */
.whb-general-header .wd-dropdown-menu > .container,
.whb-general-header .wd-dropdown-menu .wd-sub-menu {
    background: transparent !important;
}

/* Dropdown menu text color */
.whb-general-header .wd-dropdown-menu a,
.whb-general-header .wd-dropdown-menu span {
    color: #1B0D03 !important;
}

/* Capitalize only top-level navigation items */
.whb-general-header .wd-nav-main > .item-level-0 > a .nav-link-text {
    text-transform: capitalize !important;
}

/* Make top-level parent menu items non-clickable visually */
.whb-general-header .wd-nav-main > .menu-item-has-children > a {
    cursor: default !important;
}

/* Align dropdowns with the bottom edge of the header */
.whb-general-header .wd-nav-main > .menu-simple-dropdown > .wd-dropdown-menu {
    top: calc(100% + var(--mm-dropdown-offset, 0px)) !important;
    margin-top: 0 !important;
}

/* Extend the hover area between the menu item and dropdown */
.whb-general-header .wd-nav-main > .menu-simple-dropdown > .wd-dropdown-menu::after {
    height: var(--mm-dropdown-offset, 0px) !important;
}

/* Top-level menu hover and focus color */
.whb-general-header .wd-nav-main > .item-level-0 > a:hover,
.whb-general-header .wd-nav-main > .item-level-0:hover > a,
.whb-general-header .wd-nav-main > .item-level-0:focus-within > a {
    color: #8f8886 !important;
}

/* Dropdown link hover and focus color */
.whb-general-header .wd-dropdown-menu a:hover,
.whb-general-header .wd-dropdown-menu a:focus,
.whb-general-header .wd-dropdown-menu li:hover > a,
.whb-general-header .wd-dropdown-menu li:focus-within > a {
    color: #8f8886 !important;
}

/* Replace the default WoodMart dropdown arrow */
.whb-general-header .wd-nav-main > .menu-item-has-children > a::after {
    content: "" !important;
    position: static !important;
    display: inline-block !important;
    flex: 0 0 7px !important;
    width: 7px !important;
    height: 7px !important;
    margin-left: 7px !important;
    border: 0 !important;
    border-right: 1px solid currentColor !important;
    border-bottom: 1px solid currentColor !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: rotate(45deg) translate(-1px, -1px) !important;
    transform-origin: center !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Point the arrow upward while the dropdown is open */
.whb-general-header .wd-nav-main > .menu-item-has-children:hover > a::after,
.whb-general-header .wd-nav-main > .menu-item-has-children:focus-within > a::after {
    color: #1B0D03 !important;
    transform: rotate(225deg) translate(-1px, -1px) !important;
}

/* Remove the default WoodMart dropdown spacing */
.whb-general-header .wd-dropdown-menu {
    padding: 0 !important;
}

/* Apply the required dropdown spacing only once */
.whb-general-header .wd-dropdown-menu > .container {
    width: 100% !important;
    max-width: none !important;
    padding: 24px 32px !important;
    box-sizing: border-box !important;
}

/* Reset additional list spacing */
.whb-general-header .wd-dropdown-menu .wd-sub-menu {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove padding from the search and cart links */
.whb-general-header .wd-header-search > a,
.whb-general-header .wd-header-cart > a {
    padding: 0 !important;
}

/* Apply letter spacing to all header text */
.whb-general-header,
.whb-general-header a,
.whb-general-header span {
    letter-spacing: -0.03rem !important;
}

/* Apply a smooth color transition to all header links */
.whb-general-header a,
.whb-general-header a span {
    transition: color 0.6s ease !important;
}

/* Search hover and focus color */
.whb-general-header .wd-header-search:hover .wd-tools-text,
.whb-general-header .wd-header-search > a:hover .wd-tools-text,
.whb-general-header .wd-header-search > a:focus .wd-tools-text,
.whb-general-header .wd-header-search > a:focus-visible .wd-tools-text {
    color: #8f8886 !important;
}

/* Cart hover and focus color */
.whb-general-header .wd-header-cart:hover .wd-tools-text-cart,
.whb-general-header .wd-header-cart:hover .wd-cart-number,
.whb-general-header .wd-header-cart > a:hover .wd-tools-text-cart,
.whb-general-header .wd-header-cart > a:hover .wd-cart-number,
.whb-general-header .wd-header-cart > a:focus .wd-tools-text-cart,
.whb-general-header .wd-header-cart > a:focus .wd-cart-number,
.whb-general-header .wd-header-cart > a:focus-visible .wd-tools-text-cart,
.whb-general-header .wd-header-cart > a:focus-visible .wd-cart-number {
    color: #8f8886 !important;
}

/* Apply a 0.6 second transition to the dropdown arrow */
.whb-general-header .wd-nav-main > .menu-item-has-children > a::after {
    transition:
        transform 0.6s ease,
        color 0.6s ease,
        border-color 0.6s ease !important;
}

/* Change both Cart text and counter color on hover */
.whb-general-header .wd-header-cart:hover .wd-tools-text-cart > span,
.whb-general-header .wd-header-cart > a:hover .wd-tools-text-cart > span,
.whb-general-header .wd-header-cart > a:focus .wd-tools-text-cart > span,
.whb-general-header .wd-header-cart > a:focus-visible .wd-tools-text-cart > span {
    color: #8f8886 !important;
    transition: color 0.6s ease !important;
}

/* Add spacing between mobile search and cart */
@media (max-width: 1024px) {
    .whb-general-header .whb-mobile-right {
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;
    }

    .whb-general-header .whb-mobile-right .wd-tools-element {
        margin: 0 !important;
    }
}