/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme (For STATIC PAGES style only)
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/*************************************** Homepage ***************************************/
/* Home banner slider */
.home-banner-slider a.review-btn span::before {
    background: url('/wp-content/uploads/2026/03/star-16-1.svg');
    content: '';
    display: inline-block;
    margin-right: 6px;
    width: 15px;
    height: 15px;
}
.home-banner-slider h1.bc-slide-left {
    transition-delay: 200ms;
}
.home-banner-slider p.bc-reveal {
    transition-delay: 500ms;
}
.home-banner-slider .buttons.bc-reveal {
    transition-delay: 750ms;
}

/* Categories */
.home-cat::before {
    content: '';
    position: absolute;
    left: 0;
    transform: translate(0, -12%);
    width: 401.146px;
    height: 284px;
    background: url('/wp-content/uploads/2026/04/bg-steak.svg') no-repeat left top;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
}
.home-cat .wd-cat-thumb {
    max-height: 358px;
}
.home-cat .bc-stagger .wd-cats .wd-cat {
    transition: opacity 800ms var(--ease-out), transform var(--dur-entrance) var(--ease-out);
}
.home-cat .top-row.bc-stagger .wd-cats .wd-cat:nth-child(1) {
    transition-delay: 0ms;
}
.home-cat .top-row.bc-stagger .wd-cats .wd-cat:nth-child(2) {
    transition-delay: 120ms !important;
}
.home-cat .top-row.bc-stagger .wd-cats .wd-cat:nth-child(3) {
    transition-delay: 240ms !important;
}
.home-cat .bottom-row.bc-stagger .wd-cats .wd-cat:nth-child(1), 
.home-cat .top-row.bc-stagger .wd-cats .wd-cat:nth-child(4) {
    transition-delay: 360ms !important;
}
.home-cat .bottom-row.bc-stagger .wd-cats .wd-cat:nth-child(2), 
.home-cat .top-row.bc-stagger .wd-cats .wd-cat:nth-child(5) {
    transition-delay: 480ms !important;
}
.home-cat .bottom-row.bc-stagger .wd-cats .wd-cat:nth-child(3), 
.home-cat .top-row.bc-stagger .wd-cats .wd-cat:nth-child(6) {
    transition-delay: 600ms !important;
}
.home-cat .wd-cat-content .wd-entities-title {
    transition: transform var(--dur-card) var(--ease-out);
}


/* Tradition quality */
.home-tradition-quality::before {
    content: '';
    position: absolute;
    right: 0;
    transform: translate(25%, -25%);
    width: 221.06px;
    height: 320.377px;
    background: url('/wp-content/uploads/2026/04/bg-drumstick2.svg') no-repeat left top;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
}
.home-tradition-quality > .wp-block-wd-row {
    z-index: 2;
}
.home-tradition-quality .img-col .inner-row {
    position: relative;
}
.home-tradition-quality .img-col .inner-row::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    background: url('/wp-content/uploads/2026/03/BB-logo.svg') center / contain no-repeat;
    z-index: 10;
}
.home-tradition-quality .img-col .wp-block-wd-image {
    overflow: hidden;
    --wd-brd-radius: 10px;
    border-radius: var(--wd-brd-radius);
}
.home-tradition-quality .img-col .wp-block-wd-image img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
}
.home-tradition-quality .img-col .wp-block-wd-image:hover img {
    transform: scale(var(--scale-up));
}
.home-tradition-quality .img-col .left .wp-block-wd-image.bc-scale {
    transition-delay: 0ms;
}
.home-tradition-quality .img-col .right .wp-block-wd-image.top.bc-scale {
    transition-delay: 120ms;
}
.home-tradition-quality .img-col .right .wp-block-wd-image.bottom.bc-scale {
    transition-delay: 240ms;
}
.home-tradition-quality .img-col .inner-row.bc-scale::after {
    transform: translate(-50%, -50%) scale(0.93);
    opacity: 0;
    transition: opacity var(--dur-mid) var(--ease-out), transform var(--dur-mid) var(--ease-out);
    transition-delay: 480ms;
}
.home-tradition-quality .img-col .inner-row.bc-scale.in::after {
    opacity: 1;
}
.home-tradition-quality h2.bc-reveal {
    transition-delay: 120ms;
}
.home-tradition-quality p.bc-reveal {
    transition-delay: 240ms;
}
.home-tradition-quality .wp-block-wd-button.bc-reveal {
    transition-delay: 380ms;
}

/* Curated products */
.curated-products .wd-grid-g.grid-columns-4 {
    gap: 62px var(--wd-gap);
}
.curated-products .wd-products-element.bc-stagger .wd-product {
    transition: opacity 800ms var(--ease-out), transform var(--dur-entrance) var(--ease-out);
}
.curated-products .wp-block-wd-button.bc-reveal {
    transition-delay: 400ms;
}

/* Staff */
.home-staff {
    background: linear-gradient(180deg, #FFF 0%, #FFFBF2 100%);
}
.home-staff .wp-block-wd-image {
    overflow: hidden;
    border-radius: var(--wd-brd-radius);
}
.home-staff .wp-block-wd-image img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
}
.home-staff .wp-block-wd-image:hover img {
    transform: scale(var(--scale-up));
}
.home-staff h2.bc-slide-left {
    transition-delay: 0ms;
}
.home-staff p.bc-reveal {
    transition-delay: 100ms;
}
.home-staff .staff-row .wp-block-wd-column.bc-reveal:nth-child(1) {
    transition-delay: 0ms;
}
.home-staff .staff-row .wp-block-wd-column.bc-reveal:nth-child(2) {
    transition-delay: 80ms;
}
.home-staff .staff-row .wp-block-wd-column.bc-reveal:nth-child(3) {
    transition-delay: 160ms;
}
.home-staff .staff-row .wp-block-wd-column.bc-reveal:nth-child(4) {
    transition-delay: 240ms;
}

/* Testimonials */
.home-testimonials::before {
    content: '';
    position: absolute;
    left: 0;
    transform: translate(0, 12%);
    width: 652.006px;
    height: 710.762px;
    background: url('/wp-content/uploads/2026/04/bg-steak2.svg') no-repeat left top;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}
.home-testimonials .wp-block-wd-slider {
    max-width: calc(var(--wd-container-w) - 30px);
    margin-inline: auto;
    z-index: 2;
}
.home-testimonials .ratings-review {
    gap: 5px;
    /* align-items: center; */
    justify-content: center;
}
.home-testimonials .ratings-review .wp-block-wd-column {
    flex: unset;
}
.home-testimonials h2.bc-reveal {
    transition-delay: 120ms;
}
.home-testimonials .wd-slider p.bc-reveal {
    transition-delay: 360ms;
}
.home-testimonials .wd-slider h2.bc-reveal {
    transition-delay: 480ms;
}



/*************************************** Contact us ***************************************/
/* Contact us form */
.contact-us-form {
    margin: 10px auto 0 auto !important;
}
.contact-us-form .wpforms-field input, 
.contact-us-form .wpforms-field textarea {
    width: 100%;
    color: #000;
    font-family: Inter;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 214.286% */
    letter-spacing: -0.14px;
    text-transform: uppercase;
    --wpforms-field-size-input-height: 60px;
    --wpforms-field-border-color: #DDD8CD;
    --wpforms-field-size-padding-h: 20px;
    --wpforms-field-text-color: #000;
}
.contact-us-form .wpforms-field input::placeholder, 
.contact-us-form .wpforms-field textarea::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}
.contact-us-form .wpforms-form .wpforms-submit-container {
    --wpforms-button-size-margin-top: 25px;
}
.contact-us-form .wpforms-field textarea {
    --wpforms-field-size-input-height: 43px;
}

/* Faqs */
.faqs .wd-accordion-opener {
    color: #000000;
}
.faqs .wd-accordion:where(.wd-style-default)>.wd-accordion-item:first-of-type, .wd-accordion:where(.wd-style-default)>.wd-nav-wrapper+.wd-accordion-item {
    border-top: none;
}
.faqs .wd-accordion:where(.wd-style-default)>.wd-accordion-item {
    border-bottom: 1px solid rgba(233, 225, 206, 0.50);
}

/* Business info */
.business-info a.info {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.16px;
}
.business-info a.info:hover {
    color: var(--wd-primary-color);
}

/* Map */
.gmap.wp-block-wd-section {
    padding-inline: 0;
}
.gmap .wp-block-wd-row {
    max-width: none;;
}



/*************************************** About us ***************************************/
/* Our story */
.about-our-story::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 859px;
    height: 620px;
    background: url('/wp-content/uploads/2026/04/about-our-story-bg.svg') no-repeat left top;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
}
.about-our-story .img-col .inner-row {
    position: relative;
    align-items: flex-end;
}
.about-our-story .img-col .inner-row::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-115%, -50%);
    width: 200px;
    height: 200px;
    background: url('/wp-content/uploads/2026/04/about-badge-100yrs.svg') center / contain no-repeat;
    z-index: 10;
}
.about-our-story .img-col .wp-block-wd-image {
    overflow: hidden;
    --wd-brd-radius: 10px;
    border-radius: var(--wd-brd-radius);
}
.about-our-story .img-col .wp-block-wd-image img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
}
.about-our-story .img-col .wp-block-wd-image:hover img {
    transform: scale(var(--scale-up));
}
.about-our-story h2.bc-reveal {
    transition-delay: 0ms;
}
.about-our-story .img-col > .wd-block-image.bc-slide-left {
    transition-delay: 60ms;
}
.about-our-story .img-col .inner-row .left > .wd-block-image.bc-scale {
    transition-delay: 220ms;
}
.about-our-story .img-col .inner-row .right > .wd-block-image.bc-scale {
    transition-delay: 300ms;
}
.about-our-story .img-col .inner-row.bc-scale::after {
    transform: translate(-115%, -50%) scale(0.93);
    opacity: 0;
    transition: opacity var(--dur-mid) var(--ease-out), transform var(--dur-mid) var(--ease-out);
    transition-delay: 480ms;
}
.about-our-story .img-col .inner-row.bc-scale.in::after {
    opacity: 1;
}
.about-our-story .text-col p.bc-reveal:nth-child(1) {
    transition-delay: 100ms;
}
.about-our-story .text-col p.bc-reveal:nth-child(2) {
    transition-delay: 180ms;
}
.about-our-story .text-col p.bc-reveal:nth-child(3) {
    transition-delay: 260ms;
}

/* Our values */
.about-our-values::before {
    content: '';
    position: absolute;
    left: 0;
    width: 345.588px;
    height: 376.731px;
    transform: translate(0, 30px);
    background: url('/wp-content/uploads/2026/04/bg-steak3.svg') no-repeat left top;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}
.about-value .wp-block-wd-image {
    overflow: hidden;
    --wd-brd-radius: 10px;
    border-radius: var(--wd-brd-radius);
}
.about-value .wp-block-wd-image img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
}
.about-value .wp-block-wd-image:hover img {
    transform: scale(var(--scale-up));
}
.about-our-values .top-row .about-value.bc-reveal:nth-child(2) {
    transition-delay: 0ms;
}
.about-our-values .top-row .about-value.bc-reveal:nth-child(3) {
    transition-delay: 80ms
}
.about-our-values .bottom-row .about-value.bc-reveal:nth-child(1) {
    transition-delay: 160ms;
}
.about-our-values .bottom-row .about-value.bc-reveal:nth-child(2) {
    transition-delay: 240ms;
}
.about-our-values .bottom-row .about-value.bc-reveal:nth-child(3) {
    transition-delay: 320ms;
}

/* How it works */
.about-how-it-works .wp-block-wd-icon {
    height: 150px !important;
    width: 150px !important;
    max-width: unset;
}
.about-how-it-works .wp-block-wd-column.bc-reveal:nth-child(1) {
    transition-delay: 0ms;
}
.about-how-it-works .wp-block-wd-column.bc-reveal:nth-child(2) {
    transition-delay: 120ms;
}
.about-how-it-works .wp-block-wd-column.bc-reveal:nth-child(3) {
    transition-delay: 240ms;
}

/* Testimonials */
.about-testimonials .star-rating {
    vertical-align: unset;
}
.about-testimonials h2.bc-reveal {
    transition-delay: 60ms;
}
.about-testimonials .wd-slider p.bc-reveal {
    transition-delay: 120ms;
}
.about-testimonials .wd-slider h2.bc-reveal {
    transition-delay: 180ms;
}

/* Gallery */
.about-us-gallery .wp-block-wd-gallery-item {
    overflow: hidden;
    border-radius: var(--wd-brd-radius);
}
.about-us-gallery .wp-block-wd-gallery-item .wd-block-image {
    overflow: hidden;
    border-radius: var(--wd-brd-radius);
    height: 100%;
}
.about-us-gallery .wp-block-wd-gallery-item img {
    transition: transform 0.5s ease;
    display: block;
}
.about-us-gallery .wp-block-wd-gallery-item:hover img {
    transform: scale(var(--scale-up));
}
.about-us-gallery h2.bc-reveal {
    transition-delay: 80ms;
}
.about-us-gallery .wp-block-wd-gallery .wp-block-wd-gallery-item.bc-scale:nth-child(1) {
    transition-delay: 0ms;
}
.about-us-gallery .wp-block-wd-gallery .wp-block-wd-gallery-item.bc-scale:nth-child(2) {
    transition-delay: 60ms;
}
.about-us-gallery .wp-block-wd-gallery .wp-block-wd-gallery-item.bc-scale:nth-child(3) {
    transition-delay: 120ms;
}
.about-us-gallery .wp-block-wd-gallery .wp-block-wd-gallery-item.bc-scale:nth-child(4) {
    transition-delay: 180ms;
}
.about-us-gallery .wp-block-wd-gallery .wp-block-wd-gallery-item.bc-scale:nth-child(5) {
    transition-delay: 240ms;
}
.about-us-gallery .wp-block-wd-gallery .wp-block-wd-gallery-item.bc-scale:nth-child(6) {
    transition-delay: 300ms;
}
.about-us-gallery .wp-block-wd-gallery .wp-block-wd-gallery-item.bc-scale:nth-child(7) {
    transition-delay: 360ms;
}
.about-us-gallery .wp-block-wd-gallery .wp-block-wd-gallery-item.bc-scale:nth-child(8) {
    transition-delay: 420ms;
}



/*************************************** Responsive adjustments ***************************************/
@media screen and (max-width: 480px) {
    /*************************************** Homepage ***************************************/
    /* Categories */
    .home-cat .wd-cat-thumb {
        height: 168px;
        position: relative;
    } 
    .wd-cat-thumb::after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 15px;
        background: linear-gradient(38deg, rgba(0, 0, 0, 0.80) 8.04%, rgba(0, 0, 0, 0.00) 31.82%);
        pointer-events: none;
    }
    .home-cat .wd-cat-content {
        position: absolute;
        bottom: 0px;
        left: 10px;
    }
    .home-cat .wd-cat-content h3 {
        color: #FFF;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 150% */
        letter-spacing: -0.2px;
        text-transform: uppercase;
    }
    .home-cat .wd-cats {
        --wd-gap-sm: 15px;
        --wd-gap-xs: 15px;
    }

    /* Traidition quality */
    .home-tradition-quality .img-col .inner-row {
        flex-wrap: nowrap !important;
    }
    .home-tradition-quality .img-col .inner-row::after {
        width: 65.245px;
        height: 65.245px;
    }

    /* Curated products */ 
    .curated-products .wd-grid-g.grid-columns-4 {
        gap: 16px;
    }

    /*************************************** Contact us ***************************************/
    .contact-us-form .wpforms-field.wpforms-field-name, 
    .contact-us-form .wpforms-field-textarea {
        padding: 0;
    }
    .contact-us-form .wpforms-field.wpforms-field-layout {
        padding: 11.5px 0;
    }
    .contact-us-form .wpforms-field .wpforms-field-row .wpforms-one-half {
        width: 100%;
        padding: 0; 
    }
    .contact-us-form .wpforms-field-name .wpforms-first.wpforms-one-half {
        padding-bottom: 23px;
    }
    .contact-us-form .wpforms-form .wpforms-submit-container {
        --wpforms-button-size-margin-top: 30px;
    }

    /* Map */
    .gmap {
        padding-inline: 0 !important;
    }
    .gmap iframe {
        height: 573px;
    }
    .gmap .gmap-info {
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 90%;
        max-width: 90%;
    }

    /*************************************** About us ***************************************/
    .about-our-story .img-col .inner-row::after {
        width: 77px;
        height: 77px;
    }
    .about-value img {
        width: 100%;
        height: 137px;
        object-fit: cover;
    }
    .about-us-gallery .wd-grid-g {
        gap: 16px 24px;
    }

    .about-our-values .top-row .wp-block-wd-column {
        position: sticky;
        top: 30px;
        z-index: 1;
        background: #fff;
        border-radius: 20px;
        margin-bottom: 20px;
    }
    .about-our-values .top-row .wp-block-wd-column:nth-child(2) { 
        top: 50px; z-index: 2; 
    }
    .about-our-values .top-row .wp-block-wd-column:nth-child(3) { 
        top: 70px; z-index: 3; 
    }
    .about-our-values .top-row .wp-block-wd-column:nth-child(4) { 
        top: 90px; z-index: 4; 
    }
    .about-our-values .top-row .wp-block-wd-column:nth-child(5) { 
        top: 110px; z-index: 5; 
    }
}