/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       Vulkano Design
 Author URI:   https://vulkanodesign.com
 Author Email: priit.haidak@gmail.com
 Template:     woodmart
 Version:      2.8.2
 Text Domain:  woodmart-child
*/

/* ================================================
   CSS Layer Declaration - Cascade Order
   ================================================
   Establishes the priority order for all CSS rules:
   - base: tokens, resets, global utilities
   - components: isolated UI blocks (buttons, cards, filters)
   - pages: page-specific styling
   - overrides: third-party theme/plugin overrides
   ================================================ */
@layer base, components, pages, overrides;


.woocommerce-form-login-toggle {
    display: none !important;
}

/* Font Face Declarations */
@font-face {
    font-family: 'Biryani';
    src: local('Biryani Light'),
        url('fonts/biryani/biryani-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    size-adjust: 100%;
    ascent-override: 90%;
    descent-override: 10%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Biryani';
    src: local('Biryani Regular'),
        url('fonts/biryani/biryani-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    size-adjust: 100%;
    ascent-override: 90%;
    descent-override: 10%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Biryani';
    src: local('Biryani Semibold'),
        url('fonts/biryani/biryani-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    size-adjust: 100%;
    ascent-override: 90%;
    descent-override: 10%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Biryani';
    src: local('Biryani Bold'),
        url('fonts/biryani/biryani-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    size-adjust: 100%;
    ascent-override: 90%;
    descent-override: 10%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Biryani';
    src: local('Biryani Extrabold'),
        url('fonts/biryani/biryani-extrabold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    size-adjust: 100%;
    ascent-override: 90%;
    descent-override: 10%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Biryani';
    src: local('Biryani Black'),
        url('fonts/biryani/biryani-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    size-adjust: 100%;
    ascent-override: 90%;
    descent-override: 10%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Shrikhand';
    src: local('Shrikhand Regular'),
        url('fonts/biryani/shrikhand-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    size-adjust: 100%;
    ascent-override: 90%;
    descent-override: 10%;
    line-gap-override: 0%;
}

/* Color Variables */
:root {
    /* Monochrome Colors */
    --blacky: #000000;
    --blacky-65: rgba(0, 0, 0, 0.64);
    --grey-3: #7A7A7A;
    --grey-2: #D9D9DD;
    --grey-1: #ECECEF;
    --white: #FFFFFF;
    --white-30: rgba(255, 255, 255, 0.30);

    /* Sales Colors */
    --sales-red: #B1292B;
    --sales-light-red: #FFC3C3;
    --sales-red-30: rgba(234, 19, 19, 0.30);
    --sales-super-light: #FFE3E3;
    --volt-pink-dark: #FF6082;

    /* Green Colors */
    --new-green: #0F3F36;
    --new-light-green: #D8FFB4;
    --power-lime: #ADFF60;
    --Power-Lime: #ADFF60;

    /* Outlet Colors */
    --outlet: #FF7816;
    --outlet-light: #FFE4CB;

    /* Blue Colors */
    --blue-dark: #0C338A;
    --blue-light: #E8EEF9;

    /* Order Status Colors */
    --status-pending-bg: #FEC954;
    --status-pending-text: #B1292B;
    --status-processing-bg: #D8FFB4;
    --status-processing-text: #0F3F36;
    --status-onhold-bg: #FEC954;
    --status-onhold-text: #B1292B;
    --status-completed-bg: #D8FFB4;
    --status-completed-text: #0F3F36;
    --status-refunded-bg: #ECECEF;
    --status-refunded-text: #7A7A7A;
    --status-failed-bg: #FFC3C3;
    --status-failed-text: #B1292B;

    /* Gradients */
    --gradient-buy: linear-gradient(90deg, #0F3F36 39%, #ADFF60 100%);
    --gradient-promo: linear-gradient(180deg, #FFFFFF 36%, #EEA0A0 100%);
    --gradient-grey-to-green: linear-gradient(180deg, #F3F3F3 0%, #DFFAE1 100%);

    /* Border Radius */
    --radius-0: 0px;
    --radius-4: 4px;
    --radius-8: 8px;
    --radius-16: 16px;
    --radius-24: 24px;
    --radius-32: 32px;
    --radius-48: 48px;

    /* Spacing */
    --space-48: 48px;

    /* Shadows */
    --shadow-main: 1.9px 1.9px 10px rgba(18, 59, 29, 0.12);
    --shadow-sales: 0px 0px 40px rgba(255, 0, 0, 0.16);

    /* Blur Effects */
    --blur-background: blur(16px);
    --blur-overlay: blur(3px);

    /* Overlay Colors */
    --overlay-dark: rgba(0, 0, 0, 0.64);
    --overlay-light: rgba(216, 217, 221, 0.02);

    /* Typography - Font Families */
    --font-primary: 'Biryani', sans-serif;
    --font-secondary: 'Noto Serif', serif;

    /* Typography - Mobile Headings */
    --h1-mobile: 900 48px/52.8px var(--font-primary);
    --h2-mobile: 800 28px/36.4px var(--font-primary);
    --h3-mobile: 700 18px/19.8px var(--font-primary);
    --h4-mobile: 600 14px/15.4px var(--font-primary);

    /* Typography - Mobile Body */
    --body-xl: 400 18px/28.8px var(--font-primary);
    --body-l: 400 16px/22.4px var(--font-primary);
    --body-s: 300 14px/22.4px var(--font-primary);
    --body-sb: 700 14px/16.8px var(--font-primary);
    --body-xs: 600 12px/13.2px var(--font-primary);

    /* Typography - Mobile Links */
    --link-primary: 700 16px/17.6px var(--font-primary);
    --text-uppercase-l: 700 16px/19.84px var(--font-primary);
    --text-uppercase-s: 700 14px/16.8px var(--font-primary);

    /* Typography - Mobile Lists */
    --list-s: 400 14px/17.36px var(--font-primary);
    --list-l: 400 16px/19.84px var(--font-primary);

    /* Typography - Letter Spacing */
    --letter-spacing-body: 0.28px;
    --letter-spacing-uppercase: 1.28px;

    /* Voltride Colors */
    --voltride-primary: #ADFF60;
}

/* ================================================
   Universal WoodMart Title Styling - Site Wide
   ================================================ */

.wd-brands h3.title {
    font-family: var(--font-primary);
    font-weight: 900;
    font-size: 36px;
    line-height: 45px;
    color: var(--new-green);
    text-align: left;
    margin-bottom: 0px;
}

/* Responsive styling for tablets and smaller screens */
@media (max-width: 768.98px) {
    .wd-brands h3.title {
        font-size: 20px;
        line-height: 35px;
        margin-bottom: -50px;
    }
}

/* Typography Classes */
.h1 {
    font: var(--h1-mobile);
}

.h2 {
    font: var(--h2-mobile);
}

.h3 {
    font: var(--h3-mobile);
}

.h4 {
    font: var(--h4-mobile);
}

.body-xl {
    font: var(--body-xl);
}

.body-l {
    font: var(--body-l);
}

.body-s {
    font: var(--body-s);
    letter-spacing: var(--letter-spacing-body);
}

.body-sb {
    font: var(--body-sb);
}

.body-xs {
    font: var(--body-xs);
    text-transform: capitalize;
}

.link {
    font: var(--link-primary);
}

.text-uppercase-l {
    font: var(--text-uppercase-l);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-uppercase);
}

.text-uppercase-s {
    font: var(--text-uppercase-s);
    text-transform: uppercase;
}

.list-s {
    font: var(--list-s);
}

.list-l {
    font: var(--list-l);
}

/* Desktop Typography */
@media (min-width: 768px) {
    :root {
        --h1-mobile: 900 64px/70.4px var(--font-primary);
        --h2-mobile: 800 36px/46.8px var(--font-primary);
        --h3-mobile: 700 24px/26.4px var(--font-primary);
        --h4-mobile: 600 18px/19.8px var(--font-primary);

        --body-xl: 400 20px/32px var(--font-primary);
        --body-l: 400 18px/25.2px var(--font-primary);
        --body-s: 300 16px/25.6px var(--font-primary);
        --list-s: 400 16px/19.84px var(--font-primary);
        --list-l: 400 18px/22.32px var(--font-primary);
    }
}

/* Woodmart Custom Font */
.woodmart-custom-font.biryani-lo {
    font-family: var(--font-primary) !important;
}

/* Archive Product Page Styles */
.shop-hero-area {
    border-radius: var(--radius-16);
    background: var(--new-green);
    position: relative;
    display: flex;
    padding: var(--space-48) var(--radius-32) var(--radius-32);
    flex-direction: column;
    overflow: hidden;
    font-family: var(--font-primary);
    justify-content: start;
    gap: var(--radius-16);
    margin: -40px -30px var(--radius-32);
    --r: 15px;
    --s: 15px;
    --x: 150px;
    --y: 10px;
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
    --_g: conic-gradient(at calc(100% - var(--r)) var(--r), rgba(0, 0, 0, 0) 25%, #000 0);
    --_d: (var(--s) + var(--r));
    mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1* var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1* var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y));
    mask-repeat: no-repeat;
}

/* Rating stars container */
.rating-stars {
    position: absolute;
    top: var(--radius-16);
    right: var(--radius-32);
    display: flex;
    gap: 4px;
    z-index: 2;
    pointer-events: auto;
    mask: none;
    -webkit-mask: none;
}

.rating-stars svg {
    width: 20px;
    /* Default/mobile size */
    height: 20px;
    fill: var(--new-light-green, #D8FFB4);
}

/* Desktop adjustments */
@media (min-width: 992px) {
    .rating-stars {
        gap: 6px;
        /* Slightly larger gap for desktop */
    }

    .rating-stars svg {
        width: 24px;
        /* Larger size for desktop */
        height: 24px;
    }
}

/* Fixed stars container */
.top-stars-container {
    position: relative;
    margin-bottom: -20px;
    z-index: 3;
}

.stars-wrapper {
    position: absolute;
    top: -32px;
    right: -8px;
    display: flex;
    gap: 4px;
}

.stars-wrapper.custom-stars-wrapper {
    top: 8px;
}

.stars-wrapper svg {
    width: 16px;
    height: 16px;
}

.stars-wrapper svg path {
    fill: var(--new-green, #0F3F36);
}

/* Desktop adjustments */
@media (min-width: 992px) {
    .stars-wrapper svg {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 991px) {
    .stars-wrapper {
        top: -15px;
        right: 0px;
        gap: 2px;
    }

    .shop-hero-area {
        --r: 4px;
        --s: 14px;
        --x: 100px;
        --y: 10px;
    }

    .stars-wrapper.custom-stars-wrapper {
        top: 4px;
    }
}

/* hero sektsioon image only shortcode styles */
.hero-image-only {
    min-height: 300px;
    display: block;
    background-size: cover;
    background-position: center;
    z-index: 2;
}

.service-page {
    background: linear-gradient(white 0%, #d8ffb4 10%, #D8FFB4 10%, #D8FFB4 100%);
}

@media (min-width: 991px) {
    .hero-image-only {
        min-height: 300px;
        height: 600px;
    }
}


/* Navigation styles */
.shop-hero-section {
    z-index: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: start;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 15px;
}

.breadcrumb-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white-30);
    font: var(--body-xs);
    text-transform: capitalize;
}

.breadcrumb-nav a {
    color: var(--white-30);
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.breadcrumb-nav a:hover {
    opacity: 1;
}

.breadcrumb-nav .separator {
    opacity: 0.3;
}

/* Header content styles */
.header-content {
    margin-top: var(--radius-16);
}

.page-title {
    color: var(--Power-Lime, #adff60);
    font: var(--h1-mobile);
    margin: 0;
}

.item-count {
    color: var(--white-30);
    font: var(--body-s);
    margin-top: 8px;
}

/* Description section styles */
.description-section {
    max-width: 1200px;
    padding: 0x;
    width: 66.666%;
    width: calc(66.666% - 30px);
    position: relative;
}

/* Description text styles with high specificity */
.shop-hero-area .description-section .description-text,
.description-section .description-text {
    color: var(--new-light-green, #D8FFB4) !important;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 8px 0;
    font-weight: 300;
    position: relative;
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    /* white-space: pre-line; /* Preserve line breaks from plain text */
    text-wrap-style: pretty;
}

/* Text shadow effect after 3rd line */
.shop-hero-area .description-section .description-text::after,
.description-section .description-text::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100% - 44px);
    background: linear-gradient(to bottom,
            transparent,
            rgba(15, 63, 54, 0.3) 20%,
            var(--new-green) 90%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.shop-hero-area .description-section .description-text[data-collapsed="true"],
.description-section .description-text[data-collapsed="true"],
.shop-hero-area .description-section .description-text.collapsed,
.description-section .description-text.collapsed {
    max-height: 88px;
}

.shop-hero-area .description-section .description-text[data-collapsed="true"]::after,
.description-section .description-text[data-collapsed="true"]::after,
.shop-hero-area .description-section .description-text.collapsed::after,
.description-section .description-text.collapsed::after {
    opacity: 1;
}

.shop-hero-area .description-section .description-text[data-collapsed="false"]::after,
.description-section .description-text[data-collapsed="false"]::after {
    opacity: 0 !important;
}



/* Fix link colors in description */
.shop-hero-area .description-section .description-text a,
.description-section .description-text a {
    color: var(--Power-Lime, #adff60);
    text-decoration: underline;
    transition: opacity 0.3s ease;
}

.shop-hero-area .description-section .description-text a:hover,
.description-section .description-text a:hover {
    opacity: 0.8;
}

/* Ensure HTML formatting works in description text */
.shop-hero-area .description-section .description-text strong,
.description-section .description-text strong {
    font-weight: 700;
    color: inherit;
}

.shop-hero-area .description-section .description-text em,
.description-section .description-text em {
    font-style: italic;
    color: inherit;
}

.shop-hero-area .description-section .description-text b,
.description-section .description-text b {
    font-weight: 700;
    color: inherit;
}

.shop-hero-area .description-section .description-text p,
.description-section .description-text p {
    margin: 0;
    line-height: inherit;
}

.shop-hero-area .description-section .description-text h4,
.description-section .description-text h4 {
    font-weight: 700;
    color: inherit;
    margin: 8px 0 2px 0;
    font-size: 18px;
    line-height: 1.4;
}

/* Read more link styles */
.read-more-link {
    color: var(--Power-Lime, #adff60) !important;
    text-decoration: underline;
    font: var(--body-s);
    cursor: pointer;
    margin-top: var(--radius-16);
    display: inline-block;
    transition: all 0.3s ease;
}

.read-more-link:hover {
    opacity: 0.8;
}

/* Simple Did You Know read more styles - matches the working approach */
.dyk-read-more {
    color: var(--dark-green, #0F3F36) !important;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
    display: block;
    margin-top: -10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    transition: opacity 0.3s ease;
}

.dyk-read-more:hover {
    opacity: 0.8;
}

/* Fade overlay styles - simple and effective */
.dyk-fade-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100% - 44px);
    background: linear-gradient(to bottom, transparent, rgb(15 63 54 / 0%) 0%, var(--white) 100%);
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.did-you-know .wpb_text_column p {
    contain: layout style;
    will-change: max-height;
}

.dyk-fade-overlay {
    will-change: opacity;
}

/* Cleaned up - using simple paragraph-based approach now */

/* Responsive adjustments */
@media (max-width: 991px) {
    .shop-hero-area {
        margin: -20px -15px var(--radius-32);
        padding: var(--space-48) 15px var(--radius-32);
    }

    .shop-hero-area.hero-image-only {
        margin: -40px -15px var(--radius-32);
    }

    .rating-stars {
        right: var(--radius-16);
    }

    .description-section {
        width: 100%;
    }

    .page-title {
        font-size: 42px;
        line-height: 1.1;
    }
}

/* Desktop adjustments */
@media (min-width: 992px) {
    .page-title {
        font-size: 48px;
        line-height: 1.1;
        max-width: 46ch;
        text-wrap-style: pretty;
    }

    .breadcrumb-nav {
        font-size: 14px;
    }
}

/* Corner decoration styles */
.corner-decoration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    pointer-events: none;
    z-index: 0;
}

/*footer styles*/

.wd-prefooter .container.wd-entry-content {
    max-width: 100%;
    padding-inline: 0px;
}

.footer-container {
    background-color: var(--new-green);
}


/* header toolbar styles */
.whb-top-bar {
    background: linear-gradient(180deg, rgba(173, 255, 96, 1) 0%, rgba(173, 255, 96, 0.8) 20%, rgba(173, 255, 96, 0.6) 40%, rgba(173, 255, 96, 0.4) 60%, rgba(173, 255, 96, 0.2) 80%, rgba(173, 255, 96, 0.1) 95%, rgba(255, 255, 255, 1) 100%);
}

/* Prefooter Info Banner */
.prefooter-info-banner {
    background: var(--new-light-green);
    padding: 0 var(--radius-32);
    height: 64px;
    border-radius: var(--radius-16) var(--radius-16) 0 0;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.prefooter-info-banner__content {
    height: 100%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prefooter-info-banner__text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--radius-24);
    color: var(--new-green);
    font-family: var(--font-primary);
    font-size: 13px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.26px;
}

.prefooter-info-banner__item {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.prefooter-info-banner__checkmark {
    color: var(--new-green);
    margin-right: 8px;
    display: flex;
    align-items: center;
    width: 15px;
    height: 13px;
    background-image: url('/wp-content/themes/woodmart-child/svg-icons/checkmark-success-add-addition-tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wd-prefooter {
    padding-bottom: 0px !important;
}

.wd-footer {
    border-radius: var(--radius-16);
    margin-top: -10px;
    background-color: var(--new-green);
}


/* Prefooter Info Banner - Mobile */
@media (max-width: 991px) {
    .prefooter-info-banner {
        padding: 0 var(--radius-16);
    }

    .prefooter-info-banner__content {
        justify-content: flex-start;
        width: max-content;
        animation: scroll 28s linear infinite;
    }

    .prefooter-info-banner__text {
        justify-content: flex-start;
        gap: var(--radius-16);
        padding-right: var(--radius-16);
    }

    .prefooter-info-banner::before,
    .prefooter-info-banner::after {
        content: '';
        position: absolute;
        top: 0;
        width: 50px;
        height: 100%;
        z-index: 1;
        pointer-events: none;
    }

    .prefooter-info-banner::before {
        left: 0;
        background: linear-gradient(to right, var(--new-light-green) 0%, transparent 100%);
    }

    .prefooter-info-banner::after {
        right: 0;
        background: linear-gradient(to left, var(--new-light-green) 0%, transparent 100%);
    }

    @keyframes scroll {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    .prefooter-info-banner__content:hover {
        animation-play-state: paused;
    }
}

/* Recently viewed styles */
.wd-product.wd-hover-small .wd-product-thumb {
    flex: 0 0 64px;
    max-width: 64px;
}

.wd-product.wd-hover-small .product-element-top {
    width: 64px;
    height: 64px;
    background-color: #E8E8E8;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
}

.wd-product.wd-hover-small .product-element-top :is(.product-image-link, .hover-img) img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.wd-product.wd-hover-small .product-element-bottom h3.wd-entities-title {
    font-weight: 600;
}

@media (max-width: 767px) {
    .wd-product.wd-hover-small .wd-product-thumb {
        flex-basis: 64px;
        max-width: 64px;
    }

    .wd-product.wd-hover-small .product-element-top {
        width: 64px;
        height: 64px;
    }
}

/* Menu styles */
.wd-nav[class*="wd-style-"]>li:is(.wd-has-children, .menu-item-has-children)>a:after {
    color: var(--volt-dark);
    font-size: clamp(14px, 50%, 18px);
    margin-left: 8px;
    font-weight: 600;
}

/* Override only background and border-radius for top bar */
.whb-top-bar .prefooter-info-banner {
    background: transparent;
    border-radius: 0;
}

/* Adjust fade gradients for top bar */
@media (max-width: 991px) {
    .whb-top-bar .prefooter-info-banner::before {
        background: linear-gradient(to right, #fff 0%, transparent 100%);
    }

    .whb-top-bar .prefooter-info-banner::after {
        background: linear-gradient(to left, #fff 0%, transparent 100%);
    }
}

/* Action Button Styles product page */
.wd-action-btn.wd-style-icon-bg-text>a {
    background-color: var(--volt-pink-dark) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
    color: var(--color-white);
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 120%;
    text-transform: uppercase;
}

/* Tabs styles product page */
.woocommerce-tabs .wd-nav.wd-nav-tabs>li>a {
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 120% !important;
    text-transform: uppercase !important;
    color: var(--new-green) !important;
    padding-bottom: 4px;
    border-bottom: 4px solid transparent;
    border-radius: 0px;
    transition: all 0.3s ease;
}

.woocommerce-tabs .wd-nav[class*="wd-style-"]>li:is(.current-menu-item, .wd-active, .active)>a {
    color: var(--new-green);
    border-bottom: 4px solid var(--volt-pink-dark);
}

/* Accordion styles product page - Enhanced Overrides */
@media (max-width: 991px) {

    /* Main accordion container */
    body .woocommerce-tabs.wc-tabs-wrapper.wd-accordion {
        --wd-accordion-spacing: 16px;
        color: var(--new-green);
    }

    /* Accordion items */
    body .woocommerce-tabs .wd-accordion.wd-style-default>.wd-accordion-item,
    .single-product .woocommerce-tabs .wd-accordion.wd-style-default>.wd-accordion-item {
        border: none;
        border-bottom: 1px solid var(--grey-1);
        padding: 16px 0;
    }

    body .woocommerce-tabs .wd-accordion.wd-style-default>.wd-accordion-item:first-of-type {
        border-top: 0px solid var(--grey-1);
    }

    /* Accordion title */
    body .woocommerce-tabs.wc-tabs-wrapper .wd-accordion-title .wd-accordion-title-text,
    .single-product .woocommerce-tabs .wd-accordion-title .wd-accordion-title-text {
        gap: 5px;
        color: var(--new-green) !important;
        font: var(--h3-mobile);
        line-height: 110%;
        font-weight: 700;
    }
}

/* Sticky add to cart area */
.wd-sticky-btn form.cart {
    max-width: 210px;
}

.wd-sticky-btn.wd-sticky-btn-shown {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.22);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.wd-sticky-btn .price .amount {
    font-weight: 700;
}

.wd-action-btn>a:before {
    color: var(--new-green);
}


/* Menu desing desktop */

.wd-header-nav .menu .menu-item.current-menu-parent>a {
    color: var(--volt-pink-dark);
}

/* Highlight active item inside dropdowns (e.g., Brands) */
.wd-header-nav .menu .sub-menu .current-menu-item>a,
.wd-header-nav .menu .sub-menu .current-menu-parent>a,
.wd-header-nav .menu .sub-menu .current-menu-ancestor>a {
    color: var(--volt-pink-dark);
    font-weight: 700;
}

/* Fallback: highlight any active nav item rendered by Woodmart nav */
.wd-header-nav .wd-nav :is(.current-menu-item, .current-menu-parent, .current-menu-ancestor)>a {
    color: var(--volt-pink-dark) !important;
    font-weight: 700;
}

.electric-submenu-wrapper {
    background: white;
    padding: 8px;
    min-height: 100px;
    overflow: hidden;
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
}

.electric-submenu-container {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.electric-submenu-cards {
    display: flex;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}

.electric-submenu-item {
    background: var(--grey-1);
    border-radius: var(--radius-8);
    border: 1.5px solid transparent;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-decoration: none;
    color: var(--new-green);
    width: auto;
    flex: 1 1 0;
    min-width: 150px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.electric-submenu-item:hover,
.electric-submenu-item:focus-visible {
    background: linear-gradient(#F3F3F3, #F3F3F3) padding-box, linear-gradient(135deg, #1BB546, var(--volt-pink-dark)) border-box;
    box-shadow: -0.948px -0.948px 10px 0px rgba(18, 59, 29, 0.05), 1.897px 1.897px 10px 0px rgba(18, 59, 29, 0.12);
    color: var(--volt-pink-dark);
    transform: translateY(0px);
}

.electric-submenu-item img {
    max-width: 100%;
    height: auto;
    /* Maintain aspect ratio */
    max-height: 274px;
    display: block;
    /* Remove bottom space */
    margin: 0 auto;
    /* Center images */
    border-radius: 6px;
    padding: 6px 0;
    mix-blend-mode: multiply;
}

.electric-submenu-item.active {
    background: linear-gradient(#F3F3F3, #F3F3F3) padding-box, linear-gradient(135deg, #1BB546, var(--volt-pink-dark)) border-box;
    box-shadow: -0.948px -0.948px 10px 0px rgba(18, 59, 29, 0.05), 1.897px 1.897px 10px 0px rgba(18, 59, 29, 0.12);
    color: var(--volt-pink-dark);
}

.electric-submenu-links {
    display: inline-flex;
    flex-direction: column;
    gap: 12px;
    min-width: 200px !important;
    padding: 20px 0px 20px 16px;
    align-items: flex-start;
    justify-content: center;
}

.electric-submenu-links br {
    display: none;
}

.electric-submenu-link {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color: var(--new-green);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    margin: 0;
    transition: color 0.25s ease, border-color 0.25s ease;
}

.electric-submenu-link:hover,
.electric-submenu-link:focus-visible,
.electric-submenu-link.active {
    color: var(--volt-pink-dark);
}

.electric-submenu-link:focus-visible {
    outline: 2px solid var(--volt-pink-dark);
    outline-offset: 4px;
}

.electric-submenu-last {
    background: white;
}


/* Product-loop card shell lives in css/woo-product-loop-icons.css.
   Keep the shared price helpers here because the mini-cart reuses them. */

/* Price style */
.price-container {
    column-gap: 10px;
    padding: 3px;
}

.price.sale-price-on-card .woocommerce-Price-amount.amount {
    color: var(--sales-red);
    font-family: var(--font-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-left: 3px;
}

.regular-price-discount-on-card .woocommerce-Price-amount.amount {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: 0.28px;
    text-decoration: line-through;
}

.regular-price-on-card .woocommerce-Price-amount.amount {
    font-family: var(--font-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-left: 3px;
}

/* Warnings styles */
.warnings {
    background-color: var(--blue-light);
    padding: 3%;
    border-radius: var(--radius-16);
}

.warnings p {
    font: var(--body-l);
    color: var(--new-green);
}

.warnings h3 {
    color: var(--new-green);
    font-family: var(--font-primary);
    font-size: 56px;
    font-style: normal;
    font-weight: 900;
    line-height: 112%;
}

@media (max-width: 1024px) {
    .warnings h3 {
        font-size: 42px;
    }

    .warnings p {
        font-size: 14px;
    }
}

/* FAQ styles */
.warnings .wd-accordion.wd-style-simple {
    --wd-accordion-spacing: 16px;
}

.warnings .wd-accordion-item {
    border-bottom: 1px solid var(--new-green, #0F3F36);
}

.warnings .wd-accordion-opener {
    color: var(--new-green, #0F3F36);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin-right: 10px;
}

.warnings .wd-accordion-title.wd-active {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
}

.warnings .wd-accordion-content.wd-entry-content {
    margin: 0px 10px;
}

.warnings .wd-accordion-title-text {
    font-family: var(--font-primary);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    color: var(--new-green);
    margin-left: 10px;
}

.warnings .wd-accordion-title-text span:hover {
    color: var(--volt-pink-dark);
}


@media (max-width: 1024px) {

    .price.sale-price-on-card .woocommerce-Price-amount.amount {
        font-size: 14px;
    }

    .regular-price-discount-on-card .woocommerce-Price-amount.amount {
        font-size: 14px;
    }

    .regular-price-on-card .woocommerce-Price-amount.amount {
        font-size: 14px;
    }
}

/* MyAccount Navigation Styles */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation .account-menu-item {
    margin-bottom: 0;
}

.woocommerce-MyAccount-navigation .account-menu-item:not(:last-child) {
    border-bottom: 1px solid var(--Grey-1, #ECECEF);
}

.woocommerce-MyAccount-navigation a {
    display: flex;
    padding: var(--16, 16px);
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    transition: all 0.3s ease;
    text-decoration: none;
    position: relative;
}

.woocommerce-MyAccount-navigation a:hover {
    background-color: rgba(236, 236, 239, 0.3);
}

.woocommerce-MyAccount-navigation .is-active a {
    background-color: rgba(15, 63, 54, 0.05);
}

.woocommerce-MyAccount-navigation .menu-item-label {
    color: var(--Volt-Green-New-Dark, #0F3F36);
    font-family: var(--font-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    flex-grow: 1;
}

.woocommerce-MyAccount-navigation .account-menu-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    flex-shrink: 0;
    vertical-align: middle;
}

.woocommerce-MyAccount-navigation .arrow-wrapper {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.woocommerce-MyAccount-navigation .arrow-icon {
    width: 9px;
    height: 16px;
    flex-shrink: 0;
}

/* To reset any potential theme interference */
.woocommerce-MyAccount-navigation-wrap {
    overflow: visible !important;
}

.woocommerce-MyAccount-navigation-link a {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        margin-bottom: 30px;
    }
}

/*swatches cutom code */
table.variations .label span {
    margin-left: 25px;
    position: absolute;
    margin-top: -30px;
    font-size: 12px;
    text-align: center;
    background-color: var(--wd-alternative-color);
    border-radius: 3px;
    padding: 0px 3px;
    color: var(--voltride-background);
}

.wd-swatch.wd-bg.wd-active.wd-enabled {
    --wd-swatch-brd-color: var(--sales-red) !important;
}

/* Shipping page styles */
.shipping-map-block {
    background-color: var(--new-green);
    border-radius: 16px;
}

.shipping-map-block .v-icon {
    width: 54px;
    height: auto;
    margin: auto;
    margin-bottom: 20px;
    padding-top: 16px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none;
}

.shipping-map-block .svg-map-product {
    margin-bottom: 0px;
    margin-right: -25px;
    margin-left: -16px;
}

.shipping-map-block .svg-map-product img {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none;
}

.transport p {
    color: var(--new-green, #0F3F36);
    font-family: var(--font-primary);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.transport p strong {
    font-weight: 700;
}

@media screen and (max-width: 1024px) {
    .transport p {
        font-size: 16px;
    }
}


/* Accordion Title Styling */
.transport .wd-accordion-title-text {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 5px;
    color: var(--new-green, #0F3F36);
    font-family: var(--font-primary);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    /* 19.8px */
    transition: inherit;
}

.transport .wd-accordion-content p {
    font-size: 14px;
    text-wrap-style: pretty;
}

@media screen and (min-width: 1024px) {
    .transport .wd-accordion-content p {
        font-size: 16px;
        padding-right: 30px;
        text-wrap-style: pretty;
    }
}

.transport .wd-accordion.wd-style-default>.wd-accordion-item {
    border-bottom: 1px solid var(--new-green, #0F3F36) !important;
}

.transport .wd-accordion-title-text span:hover {
    color: var(--volt-pink-dark);
}

.transport .wd-accordion-opener {
    color: var(--new-green, #0F3F36);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin-right: 10px;
}

/* Link Styling */
.transport .wd-accordion-content a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}

.wd-accordion-content.wd-entry-content p,
.wd-accordion-content.wd-entry-content ul.inner-service-list,
.wd-accordion-content.wd-entry-content li,
.wd-accordion-content.wd-entry-content h3 {
    color: var(--new-green);
}

.wd-accordion-content.wd-entry-content a:hover {
    color: var(--volt-pink-dark);
}


.wd-brand-item.brand-item,
.wd-col.wd-brand-item {
    padding: 4px;
    background-color: var(--grey-1);
    border-radius: var(--radius-8);
}

.wd-col .wd-brand-item.brand-item img {
    max-height: 360px;
    max-block-size: max-content;
    max-width: 160px !important;
    width: 140px;
    margin-top: -10%;
    margin-bottom: -10%;
    z-index: 0;
}

.home-brands .wd-brand-item.brand-item {
    width: 188px;
    height: 100px;
    margin-top: 8px;
}

@media screen and (max-width: 768px) {
    .home-brands .wd-brand-item.brand-item {
        width: 176px;
        height: 80px;
    }

    .home .wd-brands h3.title {
        margin-bottom: 0px;
    }

    .home-brands {
        margin-bottom: 16px;
    }
}

.vc_row.wpb_row.karusell-tagasiside {
    background-color: var(--new-green);
    border-radius: 16px;
    margin: 6px -5px 0px -5px !important;
    border-radius: var(--radius-16);
    background: var(--new-green);
    position: relative;
    display: flex;
    padding: var(--space-48) var(--radius-32) var(--radius-32);
    flex-direction: column;
    overflow: hidden;
    font-family: var(--font-primary);
    justify-content: start;
    gap: var(--radius-16);
    margin: -40px -30px var(--radius-32);
    --r: 15px;
    --s: 15px;
    --x: 150px;
    --y: 10px;
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
    --_g: conic-gradient(at calc(100% - var(--r)) var(--r), rgba(0, 0, 0, 0) 25%, #000 0);
    --_d: (var(--s) + var(--r));
    mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1 * var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1 * var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y));
    mask-repeat: no-repeat;
}

.heading-customer-actions h4 {
    color: var(--power-lime);
    font-weight: 900;
    line-height: 110%;
    font-size: clamp(42px, -0.875rem + 8.333vw, 72px);
}

.in-action-html.in-customers p {
    color: var(--new-green);
    font-size: 24px;
    font-weight: 400;
    line-height: 90%;
    font-family: Shrikhand;
    letter-spacing: -0.7px;
    text-align: center;
    margin: auto;
    max-width: 560px;
    text-wrap-style: balance;
    margin-bottom: clamp(14px, 1.5rem + 0.714vw, 24px);
    margin-top: clamp(14px, 1.5rem + 0.714vw, 24px);
}

.in-customers .wd-carousel-item {
  /*  background-color: var(--power-lime); */
    border-radius: var(--radius-8);
    padding: 12px 8px;
    text-align: center;
    align-content: center;
    /*margin-inline: 6px;*/
}

.in-customers .vc_column_container>.vc_column-inner {
    padding-right: 0px;
    padding-left: 0px;
}

.vc_row.wpb_row.in-action-html.in-customers {
    margin-right: -24px;
}

.wpb_column.customer-column-big .vc_column_container>.vc_column-inner {
    padding-right: 0px;
    margin-right: -3px;
}


/* ------------------------------------------------------------------------- *
 * Newsletter CSS styles
 * ------------------------------------------------------------------------- */
.outer-newsletter {
    background: var(--new-green, #0F3F36);
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-16);
    margin-bottom: 4px;
    margin: 0px -5px !important;
    margin-bottom: 4px !important;
}

.newsletter-heading h3 {
    color: var(--power-lime);
    font-size: 42px;
    line-height: 114%;
    font-weight: 900;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.privacy-policy-newsletter {
    margin-bottom: 36px;
    font-weight: 300;
    color: var(--new-light-green);
    letter-spacing: 0.28px;
}

.privacy-policy-newsletter a {
    color: var(--new-light-green);
    text-decoration: underline;
}

.privacy-policy-newsletter a:hover {
    color: var(--volt-pink-dark);
    text-decoration: underline;
}

.outer-newsletter .ginput_container.ginput_container_email {
    max-width: calc(330px + 2vw);
}

.outer-newsletter input[type="email"] {
    font-size: 16px !important;
    line-height: 4 !important;
    transition: all 0.3s ease;
}

.outer-newsletter input[type="email"]:focus {
    border-color: var(--power-lime, #ADFF60) !important;
    box-shadow: 0 0 0 1px var(--power-lime, #ADFF60) !important;
    outline: none !important;
}

/* Newsletter Checkbox Styling */
.outer-newsletter .gfield_label {
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 600;
    color: var(--new-light-green, #D8FFB4);
    margin-bottom: 12px;
    display: block;
}

.outer-newsletter .gfield_checkbox {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row !important;
    /* Keep in one row on desktop */
    gap: 12px 24px;
    overflow-x: auto;
    /* Allow scrolling if it overflows on very small screens */
}

.gravity-inside-column {
    padding-left: 68px;
    padding-right: 24px;
}

/* On mobile, allow wrapping */
@media (max-width: 768px) {
    .outer-newsletter .gfield_checkbox {
        flex-wrap: wrap;
        flex-direction: column !important;
    }

    .gravity-inside-column {
        padding-left: 14px;
        padding-right: 14px;
    }

    .newsletter-heading h3 {
        font-size: 28px;
        text-wrap-style: balance;
    }

    .wpb_text_column.wpb_content_element.newsletter-heading {
        margin-bottom: 16px;
    }

    .wpb_column.subscribe-image-column {
        min-height: 300px;
    }
}

.outer-newsletter .gchoice {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

/* Hide Default Checkbox */
.outer-newsletter .gfield_checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    appearance: none;
}

/* Custom Checkbox Label */
.outer-newsletter .gfield_checkbox label {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 300;
    color: var(--new-light-green, #D8FFB4);
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    display: flex;
    align-items: center;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

#gform_8 .consent-newsletter-footer-css .gfield_consent_label {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

/* Custom Circle Icon (Unchecked) */
.outer-newsletter .gfield_checkbox label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid var(--power-lime, #ADFF60);
    box-sizing: border-box;
    transition: all 0.2s ease;
}

/* Custom Circle Icon (Checked) */
.outer-newsletter .gfield_checkbox input[type="checkbox"]:checked+label::before {
    background-color: var(--power-lime, #ADFF60);
    border-color: var(--power-lime, #ADFF60);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><path d="M1.58398 7.29183L3.85898 10.2168C3.93575 10.3165 4.03412 10.3976 4.14669 10.454C4.25927 10.5102 4.38313 10.5403 4.50898 10.5418C4.63281 10.5433 4.7554 10.517 4.86784 10.4652C4.98028 10.4133 5.07973 10.337 5.15898 10.2418L12.4173 1.4585" stroke="%230F3F36" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}

/* Newsletter Submit Button */
.outer-newsletter .gform_footer,
.outer-newsletter .gform_button {
    margin-top: 24px;
    margin-bottom: 0;
}

.outer-newsletter input[type="submit"].gform_button {
    background-color: var(--power-lime, #ADFF60) !important;
    color: var(--new-green, #0F3F36) !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 16px 8px 16px;
    /* Top 12, Sides 16, Bottom 8 */
    border-radius: 48px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    line-height: normal;
    height: auto;
    width: auto;
    display: inline-block;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.outer-newsletter input[type="submit"].gform_button:hover {
    background-color: var(--volt-pink-dark, #FF0066) !important;
    /* Slightly darker lime for hover */
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 0, 102, 0.3);
    /* Updated shadow color to match hover pink */
}

/* ==========================================================================
   Search Form STYLES
   ========================================================================== */


[class*="wd-header-search-form"] input[type='text'] {
    border-radius: 12px;
    font-size: 14px;
    color: var(--new-green);
    background-color: #ECECEF;
    height: 41px;
    line-height: 3;
}

[class*="wd-header-search-form"] input[type='text']:focus {
    border-color: var(--new-green);
    line-height: 3;
}

[class*="wd-header-search-form"] input[type='text']::placeholder {
    color: var(--grey-3);
    line-height: 3;
}

[class*="wd-header-search-form"] input[type='text']:focus::placeholder {
    color: var(--new-green);
}

[class*="wd-header-search-form"] input[type='text']:hover::placeholder {
    color: var(--new-green);
}

[class*="wd-header-search-form"] .searchform .searchsubmit {
    --btn-color: #0f3f36;
    --btn-bgcolor: transparent;
    padding: 0;
    width: 48px;
    min-height: unset;
    border: none;
    border-radius: 0px 12px 12px 0px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* When the whole header search wrapper is hovered */
[class*="wd-header-search-form"]:hover .searchform .searchsubmit {
    --btn-color: #adff60;
    --btn-bgcolor: #0f3f36;
    padding: 0;
    width: 48px;
    min-height: unset;
    border: none;
    border-radius: 0 12px 12px 0;
}

/* Optional: when any field inside is focused */
[class*="wd-header-search-form"]:focus-within .searchform .searchsubmit {
    --btn-color: #adff60;
    --btn-bgcolor: #0f3f36;
}

/* ==========================================================================
   FOOTER COOKIES POPUP STYLES
   ========================================================================== */
.wd-cookies-popup {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 1510;
    padding: 15px 120px!important;
    border-radius: 30px 30px 0px 0px;
    background-color: var(--bgcolor-white);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.14);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translate3d(0, 100%, 0);
    background: linear-gradient(180deg, #daffb7 0%, #EAF7E6 38%, #FFFFFF 75%);
    
}
.wd-cookies-inner .cookies-info-text {
    font-size: 14px;;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0.28px;
    text-align: center;
}
.cookies-buttons .cookies-accept-btn {
    border-radius: 16px!important;
    background-color: var(--new-green)!important;
    font-weight: 500!important;
    line-height: 160%!important;
    letter-spacing: 0.28px!important;
    padding: 12px 24px!important;
}
a.btn.cookies-accept-btn {
    font-weight: 700 !important;
    letter-spacing: 0.68px !important;
    padding: 12px 24px !important;
}

.wd-cookies-popup.popup-hide {
    box-shadow: none;
}

@media (max-width: 768px) {
    .wd-cookies-popup {
        padding: 15px 16px!important;
    }
}

    /* ==========================================================================
   PAGE-SPECIFIC STYLES
   ========================================================================== */

/* 
 * Brand Pages: See /css/brand-pages.css
 * Loaded conditionally only on brand taxonomy pages
 */
/* default btn hide */
button.scrollToTop.button-show {
    display: none;
}

/* ==========================================================================
   FEEDBACK CARD - Customer Review/Testimonial Block
   ========================================================================== */

/* Main container */
.wd-feedback-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding: 16px 18px;
    background-color: var(--power-lime, #ADFF60);
    border-radius: var(--radius-8, 8px);
    min-height: 380px;
    margin-bottom: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wd-feedback-card img {
    -webkit-user-drag: none;
    pointer-events: none;
}

/* Bottom section wrapper (image, name, logo) */
.wd-feedback-card .feedback-bottom {
    margin-top: auto;
}

/* 1. Feedback text at top - CENTER ALIGNED */
.wd-feedback-card .feedback-text {
    margin-bottom: 16px;
    color: var(--new-green, #0F3F36);
    text-align: center;
    font-size: 24px;
    font-family: Shrikhand;
    font-weight: 400;
    line-height: 21.60px;
}

/* 2. Person image - circular, centered */
.wd-feedback-card .feedback-person-image {
    margin: 0 auto 12px;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 50%;
}

.wd-feedback-card .feedback-person-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 3. Person name - centered, comes AFTER image */
.wd-feedback-card .feedback-person-name {
    font-family: var(--font-primary);
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 900;
    line-height: 14.40px;
    color: var(--new-green, #0F3F36);
    text-align: center;
}

/* 4. Platform logo - same height, width varies, center aligned */
.wd-feedback-card .feedback-platform-logo {
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.wd-feedback-card .feedback-platform-logo img {
    height: 100%;
    width: auto;
    max-width: 150px;
}

/* Feedback card in carousel */
/*
.in-feedback .wd-carousel-item {
    margin-inline: 6px;
    max-width: 300px;
}
*/
/* What customers say section */
.what-customers-say {
    padding: 60px 0px 20px 40px;
    border-radius: 16px;
}

.vc_row.in-action-html.what-customers-say {
    margin: 0px -5px !important;
}

.reviews-plus-testimonial {
    margin: -12px -5px !important;
}

/* Hide reviews-plus-testimonial on homepage and shop page */
body.home .reviews-plus-testimonial,
body.front-page .reviews-plus-testimonial,
body.post-type-archive-product .reviews-plus-testimonial,
body.woocommerce-shop .reviews-plus-testimonial {
    display: none !important;
}

/* Homepage only styles */
body.home .did-you-knowtext p {
    text-align: center;
}

body.home aside.footer-sidebar.widget-area.wd-grid-g {
    display: inline-grid;
}

body.home .home-popular {
    margin-bottom: 4px;
}

body.home .home-popular h4 {
    font-family: "Biryani", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 36px;
    line-height: 45px;
    color: #0F3F36;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .reviews-plus-testimonial {
    margin: -44px -5px -10px -5px !important;
    }
    .what-customers-say {
        padding: 0px;
    }
    .wd-feedback-card {
        padding: 20px 12px;
        min-height: 300px;
    }

    .wd-feedback-card .feedback-text {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .wd-feedback-card .feedback-person-image {
        width: 64px;
        height: 64px;
        margin-bottom: 16px;
    }

    .wd-feedback-card .feedback-person-name {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .wd-feedback-card .feedback-platform-logo {
        height: 32px;
    }
}