/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.primary legend, .primary h1, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6, .primary .title {
    color: #16A1C5 !important;
}
.color-white legend, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white .title{
    color: #fff !important;
}
body {
    background-color: #EAEBED !important;
}
body .whb-overcontent, .whb-overcontent.whb-custom-header {
    margin-bottom: 0;
    padding-top: 0 !important;
}
.whb-main-header {
    top: 40px !important;
}
.whb-sticky-shadow.whb-sticked .whb-main-header {
    top: 0 !important;
}
.whb-color-dark:not(.whb-with-bg) {
    background-color: transparent !important;
}
.wd-page-content.main-page-wrapper {
    background-color: #f6f5f8;
}
header.whb-sticky-prepared.whb-sticked .whb-without-border.whb-color-dark.whb-flex-flex-middle {
    background: rgb(21, 58, 117) !important;
}
.wd-nav>li>a {
    color: var(--color-white);
}
.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
    color: rgb(21, 58, 117);
}
.wd-nav>li>a:before {
    content: "";
    position: absolute !important;
    left: 0;
    right: 0;
    height: 2px;
    background: #fff;
    bottom: 0;
    display: block !important;
    width: 0;
    transition: all 0.5s ease;
}
.wd-nav:where(:not(.wd-dis-hover))>li:where(.wd-opened,:hover)>a:before,
.wd-nav:where(:not(.wd-dis-act))>li:where(.current-menu-item,.wd-active,.active)>a:before {
    width: 100%;
}
.home .wd-nav:where(:not(.wd-dis-act))>li:where(.current-menu-item,.wd-active,.active)>a:before {
    width: 0;
}
header .wd-tools-element>a {
    color: #fff;
}
.wd-tools-element.wd-design-6>a>:is(.wd-tools-inner,.wd-tools-icon) {
    border-color: rgb(255 255 255 / 50%) !important;
}
header .wd-tools-element:hover>a {
    color: var(--wd-link-color);
}
header .wd-tools-element:hover>a>:is(.wd-tools-inner,.wd-tools-icon) {
    border: 1px solid var(--wd-link-color) !important;
}
.wd-product.wd-hover-quick .wd-add-btn>a {
    background-color: rgb(21, 58, 117) !important;
}
div#product-dosage {
    color: #16A1C5;
}
p.stock.wd-style-default:is(.available-on-backorder,.in-stock) {
    color: #117A2D;
}
p.stock.wd-style-default.in-stock:before {
    border: 1px solid #117A2D;
    border-radius: 50%;
    padding: 4px;
    font-size: 10px;
    color: inherit !important;
}
button.single_add_to_cart_button.button.alt {
    padding: 15px !important;
    border: 1px solid #DBDFE5 !important;
    color: #22282F !important;
    background: transparent !important;
    font-weight: 600 !important;
    line-height: normal !important;
    font-size: 16px !important;
    margin: 0 !important;
    border-radius: 8px !important;
}
button#wd-add-to-cart {
    background-color: #16A1C5 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    fill: #fff !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 16px !important;
    border: 0 !important;
    width: 100% !important;
    margin-top: 8px !important;
}
div.quantity input[type="button"] {
    min-width: 50px;
}
div.quantity input[type="number"] {
    width: 50px;
}
.woocommerce-variation-add-to-cart,
form.cart {
    flex-direction: column;
}
.fix-width {
    max-width: 490px;
}
/* .glass-effect {
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.12);
    -webkit-backdrop-filter: blur(5px) saturate(160%);
    backdrop-filter: blur(30px) saturate(160%);
    background: rgba(0, 0, 0, 0.1) !important;
} */
/* base glass style (fallback color for old browsers) */
.glass-effect {
    position: relative;
    /* needed for pseudo-element fallback */
    overflow: hidden;
    /* contain pseudo element and round corners */
    background: rgba(0, 60, 80, 0.55);
    /* slightly darker fallback */
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
}

/* Preferred advanced effect: real backdrop blur (WebKit, Chromium, modern browsers) */
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .glass-effect {
        background: rgba(0, 60, 80, 0.25);
        /* lighter when blur is applied */
        -webkit-backdrop-filter: blur(5px) saturate(160%);
        backdrop-filter: blur(5px) saturate(160%);
        border: 1px solid rgba(255, 255, 255, 0.12);
    }
}

/* Fallback for browsers that DO NOT support backdrop-filter:
   This duplicates the parent's background inside the .glass-effect itself
   and blurs that duplicate. Works well when the page/hero has a single
   background image or predictable gradient.
*/
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .glass-effect::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        /* behind content inside the glass */
        pointer-events: none;

        /* IMPORTANT: choose one of these depending on your hero background:
       1) If hero uses a background-image on the page or parent, inherit it: */
        background-image: inherit;
        /* works if parent has background-image */
        background-size: inherit;
        background-position: inherit;
        background-repeat: no-repeat;

        /* 2) alternatively you can set a fixed image:
       background-image: url('/wp-content/uploads/hero.jpg');
       background-size: cover;
       background-position: center center;
    */

        transform: scale(1.06);
        /* avoid edge artifacts when blurring */
        filter: blur(18px) saturate(140%);
        /* the visible blur in Firefox */
        border-radius: inherit;
        /* make it darker/toned like backdrop-filter does */
        background-color: rgba(0, 60, 80, 0.15);
        mix-blend-mode: normal;
    }

    /* Ensure the content of .glass-effect stays above the faux background */
    .glass-effect>* {
        position: relative;
        z-index: 1;
    }
}
.learn-carousel {
    padding: 32px;
}
.learn-carousel span {
    display: block;
    width: 56px;
    height: 56px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 17px;
    text-align: center;
    line-height: 20px;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 8px;
}
.learn-carousel h1 {
    font-size: 32px;
    line-height: 32px; 
    color: rgb(255 255 255 / 90%);
}
.learn-carousel P {
    color: rgb(255 255 255 / 80%);
    font-size: 16px;
    line-height: 26.4px;
}
.wd-content-layout {
    padding-block: 0px !important;
}
.wd-carousel-wrap .wd-product .star-rating {
    display: none;
}
.bestseller .wd-el-title {
    color: #FFFFFF;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 5px;
    border-radius: 6px;
    display: inline-block !important;
}
.bestseller .amount {
    color: #FFFFFF !important;
}
.purchase-ex {
    /* border-top: 1px solid #fff; */
}
.purchase-ex:before {
    content: '';
    display: block;
    width: 200%;
    height: 1px;
    background-color: #fff;
    margin-left: -50%;
}
.purchase-ex .swiper {
    margin-top: -30px;
}
.purchase-ex .elementor-heading-title {
    color: rgb(255, 255, 255, 0.9);
}
.purchase-ex .wd-text-block.reset-last-child.text-left {
    color: rgba(255, 255, 255, 0.8);
}
.purchase-ex .elementor-widget-image {
    width: 55px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.single-header .e-con-inner {
    justify-content: center !important;
}
.wd-breadcrumbs a.wd-last-link {
    color: rgb(255 255 255 / 60%);
}
.wd-breadcrumbs>:is(span,a):last-child {
    font-weight: 400 !important;
}