/**
 * /*!
 * Theme Name:      	Shoptimizer Child
 * Template:            shoptimizer
 */

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100;200;300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
    --swiper-theme-color: #000000;
    --w-primary-color: #551923;
    --w-secondary-primary-color: #FAF3E3;
    --w-site-cream: #FAF3E3;
    --w-site-cream-dark: #C8BAA0;
    --w-product-card-price-color: var(--w-secondary-primary-color);
    --w-product-card-price-font-weight: 700;
    --w-sec-space: 100px;
    --section-heading-content-gap: 50px;
    --w-site-readable-font-size: 18px;
    --bhandni-bg-dark: url("/wp-content/uploads/2025/10/product-bhandni-bg.webp");
}

body {
    font-family: 'Hanken Grotesk', sans-serif !important;
}

h1, h2, h3 {
    font-family: 'Playfair Display', serif !important;
}

/**
 * .w-sec-gap-mt
 * Adds margin-top equal to --w-sec-gap
 */
.w-sec-gap-mt {
    margin-top: var(--w-sec-space) !important;
}

/**
 * .w-sec-gap-mb
 * Adds margin-bottom equal to --w-sec-gap
 */
.w-sec-gap-mb {
    margin-bottom: var(--w-sec-space) !important;
}

.w-sec-gap-pt {
    padding-top: var(--w-sec-space) !important;
}

.w-sec-gap-pb {
    padding-bottom: var(--w-sec-space) !important;
}

/* Inner content and heading =Gap (margin) */
.w-shc-mt {
    margin-top: var(--section-heading-content-gap) !important;
}

.w-shc-mb {
    margin-bottom: var(--section-heading-content-gap) !important;
}

/* Padding */
.w-shc-pt {
    padding-top: var(--w-sec-space) !important;
}

.w-shc-pb {
    padding-bottom: var(--w-sec-space) !important;
}

/*Heading & sub heading gap*/
.w-hs-mt {
    margin-top: .75rem;
}

.w-hs-mb {
    margin-bottom: .75rem !important;
}


body.home {
    .menu-toggle .bar-text {
        margin-top: 0;
    }
}

.text-scroll {
    background: var(--w-secondary-primary-color);
}

/*Heading Style*/
.heading-style-1 {
    p.elementor-heading-title {
        text-transform: uppercase;
        color: var(--w-primary-color);
        letter-spacing: 2.8px;
        font-size: 14px;
        display: flex;
        position: relative;
        align-items: center;
        gap: 10px;

        &:before {
            content: "";
            background-image: url("/wp-content/uploads/2025/10/theme-star-dot.svg");
            background-repeat: no-repeat;
            background-size: contain;
            width: 18px;
            height: 18px;
            display: block;
        }
    }
}

/* Breadcrumb Override*/
.ww-breadcrumb {
    h2 {
        font-size: 42px;
    }
}

/*Button Override*/
.ajax_add_to_cart.add_to_cart_button,
.single-product div.product form.cart .button {
    font-weight: 600;
    font-size: var(--w-site-readable-font-size, 16px);
    /*line-height: 18px;*/
    text-align: center;
    vertical-align: middle;
    background-color: var(--w-site-cream);
    color: var(--w-primary-color) !important;

    &:hover {
        background-color: var(--w-site-cream-dark) !important;
    }
}

/*Button Override End*/


/*My Account*/
button.show-password-input {
    margin-top: 0 !important;
}


/*My Account End*/


.ww-recent-products-slider {
    @media screen and (max-width: 992px) {
        ul.products {
            display: flex !important;
            width: max-content !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            gap: 0 !important;
        }
    }
}

.swiper-button-prev,
.swiper-button-next {
    --swiper-navigation-size: 18px;
    height: 40px !important;
    width: 40px !important;
    border-radius: 100%;
    border: 1px solid #0000001A;
    background-color: #fff;
    top: calc(50% - 40px) !important;
    @media screen and (max-width: 767px) {
        --swiper-navigation-size: 14px;
        height: 25px !important;
        width: 25px !important;
    }
}

.ww-swiper-button-prev {
    left: 15px;
}

.ww-swiper-button-next {
    right: 15px;
}


/*Footer Start*/
.site-footer {
    background-image: var(--bhandni-bg-dark);
}

.ww-contact-info-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    margin-bottom: 10px !important;

    li {
        a {
            img {
                position: relative;
                top: 2px;
                margin-right: 8px;
            }
        }
    }
}

footer:last-child:not(:only-of-type) {
    margin-top: unset;
}

footer.copyright {
    padding: 1rem;
    background-color: var(--w-site-cream) !important;
    background-size: cover;
    background-repeat: no-repeat;

    ul li {
        margin-bottom: 0;
        font-size: var(--w-site-readable-font-size, 16px);
        color: var(--w-primary-color);
        text-align: center;
        a{
            color: inherit;
            &:hover{
                color: var(--w-primary-color);
                text-decoration: underline;
            }
        }
        img{
            height: 0.7em !important;
        }
    }

    .widget {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    @media screen and (max-width: 992px) {
        .col-full {
            padding-left: 0 !important;
            padding-right: 0 !important;

            li {
                text-align: center;
            }

            img {
                margin-left: auto !important;
                margin-right: auto !important;
            }
        }
    }
}


footer.site-footer li, footer.site-footer p {
    font-size: var(--w-site-readable-font-size, 16px);
}

.site-footer .widget.widget_block h2, footer .widget .widget-title {
    font-size: 20px !important;
    text-transform: capitalize !important;
}

/*Footer End*/

/*Video Popup*/
.nx-product-videos__card-product-price-wrap > div:nth-child(2) {
    display: none;
}

/*Video Popup End*/

/*Key Points*/
.below-content {
    background-color: var(--w-site-cream) !important;
    border-top: 1px solid var(--w-site-cream-dark);

    * {
        color: var(--w-primary-color) !important;
        fill: var(--w-primary-color) !important;
    }
}

.below-content .widget svg {

}

.below-content .widget svg {
    height: 30px !important;
    width: 30px !important;
}

.below-content .widget p,
.site .below-content .widget .widget-title {
    padding-left: 42px;
    font-size: 16px;
}

/*Key Points end*/


/*Single Product*/

form.cart.commercekit_sticky-atc {
    background: var(--w-primary-color) !important;
}

.commercekit-pdp-before-form {
    background: var(--w-site-cream) !important;
}

#commercegurus-pdp-gallery .swiper-button-next, #commercegurus-pdp-gallery .swiper-button-prev {
    top: 50% !important;
}

@media (max-width: 992px) {
    .summary h1.entry-title {
        line-height: 1.214;
    }
}


/*Single Product End*/

/*Buy now button*/
.single_buy_now {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 1rem;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.single_buy_now {
    position: relative;
    padding: 12px 30px;
    font-size: 1.1rem;
    color: #fff;
    background: #4cafef;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden; /* hide the shine outside the button */
    z-index: 0; /* ensure ::before is behind text */
}

/* Shine effect using ::before */
.single_buy_now::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%; /* start off-screen */
    width: 50%;
    height: 100%;
    background: linear-gradient(
            120deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.6) 50%,
            rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    z-index: 1; /* above button background but below text */
    animation: shineMove 2s linear infinite;
}

/* Keyframes for infinite shine */
@keyframes shineMove {
    0% {
        left: -75%;
    }
    100% {
        left: 125%;
    }
}


/*Buy now button end*/

/* Single Product a2 Ghee*/
.single-product {
    .cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-button button.cgkit-swatch-selected {
        background-color: var(--w-site-cream) !important;
        color: var(--w-primary-color) !important;
        border: 1px solid var(--w-site-cream) !important;
    }

    .cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-button button {
        background-color: var(--w-primary-color) !important;
        color: var(--w-site-cream) !important;
        border: 1px solid var(--w-site-cream) !important;
    }

    .product p.stock {
        border-color: var(--w-site-cream) !important;
        color: var(--w-site-cream) !important;
        margin-bottom: 1rem;
    }

    .product p.stock.in-stock:before {
        background: var(--w-site-cream) !important;
    }


    .product-widget ul li:before {
        background: var(--w-site-cream) !important;
        height: 18px !important;
        width: 18px !important;
    }

    .product_title {
        margin-bottom: 1rem;
    }

    h1,
    .woocommerce-product-details__short-description p,
    .summary .variations label,
    #text-6,
    p.price del,
    .price ins,
    .price bdi {
        color: var(--w-site-cream) !important;
    }

    .woocommerce-variation-price {
        del {
            color: var(--w-site-cream) !important;
        }

        .price {
            margin-bottom: 1rem;
        }
    }

    .summary .variations label,
    .variations .cgkit-chosen-attribute,
    #text-6,
    .woocommerce-product-details__short-description p {
        font-size: 18px;
    }

    a.reset_variations {
        color: var(--w-site-cream);
    }

}

.single-product.postid-694,
.single-product.postid-8212 {
    .woocommerce-tabs,
    .related-wrapper,
    .archive-header {
        display: none !important;
    }

    #product-694,
    #product-8212 {
        padding-top: var(--w-sec-space) !important;
        padding-bottom: var(--w-sec-space) !important;
        background-image: var(--bhandni-bg-dark);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.summary table th,
.summary table td {
    color: var(--w-site-cream) !important;
    font-size: var(--w-site-readable-font-size);
}

.summary details summary {
    border-color: var(--w-site-cream) !important;
    color: var(--w-site-cream) !important;
    font-size: var(--w-site-readable-font-size);

    &:after {
        background: var(--w-site-cream) !important;
    }

    * {
        color: var(--w-site-cream) !important;
    }
}

/* Single Product a2 Ghee End*/


.animation-spin {
    animation: spin 4s linear infinite;
    transform-origin: center
}

.animation-spin-2 {
    animation: spin 8s linear infinite;
    transform-origin: center
}

.animation-spin-3 {
    animation: spin 16s linear infinite;
    transform-origin: center
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/*story-container*/
.story-container {
    a {
        &:hover {
            color: var(--w-primary-color) !important;
        }
    }
}

/*story-container end*/

.ww-v2-promise-video {
    border-radius: 4px;
    max-width: 415px !important;
}

.ww-zar-animation-wrap .letter {
    color: var(--w-site-cream);
}


/*Media screen */
/* --------------------------------------------
   📱 Mobile Typography Scale
   Base: H1 = 34px
-----------------------------------------------
H1   → 34px   | Main page title
H2   → 28px   | Section title
H3   → 22px   | Sub-section title
H4   → 18px   | Smaller heading or emphasis text
H5   → 16px   | Label-sized heading
H6   → 14px   | Uppercase or small meta headings
Body → 14–16px | Readable paragraph text
Small → 12px   | For labels or footnotes

--------------------------------------------- */


@media (max-width: 767px) {
    :root{
        --w-sec-space: 50px !important;
        --section-heading-content-gap: 30px;
        --w-site-readable-font-size: 15px;
    }
    h1 {
        font-size: 34px !important;
    }

    h2 {
        font-size: 28px !important;
    }

    h3 {
        font-size: 22px !important;
    }
}