/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* =========================
   Root & Variables
========================= */
:root {
    --wd-tags-mb: 15px;
    --color-gray-800: var(--wd-title-color);
    --color-gray-900: var(--wd-title-color);
    --btn-default-color: var(--wd-title-color) !important;
    --color-gray-500: #64748B !important;
    --wd-form-brd-color: #eaeaea !important;
    --wd-form-brd-color-focus: #096bdc !important;
    --color-gray-700: var(--wd-title-color);
}

legend,
h1,
h2,
h3,
h4,
h5,
h6,
.title {
    margin-bottom: 15px;
}

.wd-my-account-links a:before {
    color: #096bdc !important;
}

.btn {
    letter-spacing: 2px;
}

.mobile-nav .searchform {
    --wd-form-color: #64748b !important;
    --wd-form-placeholder-color: #64748b !important;
}

.color-scheme-dark {
    --color-gray-800: #1e293b !important;
}

/* =========================
   Header Styles
========================= */
.whb-sticked .whb-color-light:not(.whb-with-bg),
.single-product .whb-color-light:not(.whb-with-bg) {
    background-color: #0f151e !important;
}

.hero-element img {
    mix-blend-mode: multiply;
}

.header-separator {
    margin: 0 10px;
}

.whb-main-header .icons-design-default .wd-social-icon {
    margin: 0 5px !important;
}

/* =========================
   Page Title Styles
========================= */
.page-title-default:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0756B0;
    mix-blend-mode: overlay;
    opacity: .3;
}

.page-title .container {
    z-index: 2;
}

.page-title-default {
    padding: 180px 0 80px 0 !important;
}

:is(.breadcrumbs, .yoast-breadcrumb) :is(a, span) {
    color: var(--e-global-color-accent) !important;
    font-family: "Lexend", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.2em !important;
}

.wd-nav-product-cat .nav-link-text {
    font-family: "Lexend", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.2em !important;
}

@media only screen and (max-width: 1024px) {
    .page-title .title {
        font-size: 38px !important;
    }

    .wd-nav-accordion-mb-on .wd-btn-show-cat {
        font-family: "Lexend", Sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.2em !important;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 767px) {
    .page-title-default {
        padding: 120px 0 40px 0 !important;
    }

    .page-title .title {
        font-size: 30px !important;
    }

    :is(.breadcrumbs, .yoast-breadcrumb) :is(a, span),
    .wd-nav-product-cat .nav-link-text {
        font-size: 13px !important;
    }

    .wd-nav-accordion-mb-on .wd-btn-show-cat {
        font-size: 13px !important;
    }
}

/* =========================
   Elementor & Global Styles
========================= */
.home .wd-content-layout {
    padding-block: 0 !important;
}

.page-id-847 .wd-content-layout {
    padding-block: 0 !important;
}

.page-id-29 .wd-content-layout {
    padding-block: clamp(60px, 80px, 100px) 0 !important;
}

.wd-content-layout {
    padding-block: clamp(60px, 80px, 100px) clamp(60px, 80px, 100px) !important;
}

.offer-box-with-icon:hover .elementor-icon {
    transform: scale(1.1);
}

@media only screen and (max-width: 1024px) {
    .custom-counter-element .elementor-counter-title {
        text-align: center;
    }
}

.homepage-cta-box .elementor-cta__title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
}

.metamorphoses-carousel-element img,
.square-image img,
.landing-traniner-image img,
.landing-square-image img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

.individual-offer-list .wd-entities-title a {
    font-size: 30px !important;
    line-height: 1.2em !important;
}

.individual-offer-list .product-wrapper {
    gap: 40px !important;
}

.contact-page-socials .icons-design-simple .wd-social-icon {
    background-color: transparent !important;
    background-image: linear-gradient(45deg, var(--e-global-color-accent) 0%, var(--e-global-color-e1dfba0) 100%) !important;
    color: #fff !important;
    transition: 0.5s all;
}

.contact-page-socials .icons-design-simple .wd-social-icon:hover {
    transform: scale(1.1);
}

/* =========================
   WooCommerce Styles
========================= */
.wd-products img,
.product-featured-image img,
.autocomplete-suggestion .suggestion-thumb img,
.single-product .woocommerce-product-gallery img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

.products-carousel-element .wd-entities-title a {
    font-size: 20px !important;
    line-height: 1.2em !important;
}

@media only screen and (max-width: 768px) {
    .products-carousel-element .wd-entities-title a {
        font-size: 18px !important;
    }

    .single-product .entry-summary {
        padding-left: 15px !important;
    }
}

.single-product .product-tabs-wrapper .tabs-layout-tabs>.wd-nav-tabs-wrapper {
    display: none !important;
}

.single-product .product-tabs-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.single-product .whb-overcontent:not(.whb-custom-header) {
    padding-top: 0 !important;
}

.single-product .wd-content-layout {
    margin-top: clamp(60px, 80px, 100px) !important;
}

.wd-builder-off .single-product-page>div:not(:last-child) {
    margin-bottom: clamp(60px, 80px, 100px) !important;
}

.single-product .product_title {
    font-size: 36px !important;
}

.single-product .entry-summary {
    padding-left: 40px;
}

.single-product .woocommerce-tabs .wd-accordion-title {
    display: none !important;
}

.cart-content-wrapper .product-name a {
    font-size: 16px !important;
}

.br_cart_suggestions_cart {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #eaeaea;
}

.br_cart_suggestions_cart .wd-entities-title a {
    font-size: 16px !important;
    line-height: 1.2em !important;
    display: block !important;
}

.br_cart_suggestions_cart .wd-entities-title {
    margin-bottom: 5px !important;
}

.br_cart_suggestions_cart .wd-add-btn.wd-add-btn-replace {
    display: none !important;
}

.br_cart_suggestions_cart img {
    margin-bottom: 10px !important;
}

.single-product .variations tbody tr {
    display: grid !important;
    gap: 10px;
}

.single-product .variations select {
    max-width: 400px !important;
}

.white-diet-selector label,
.white-diet-selector select,
.white-diet-selector .reset_variations,
.white-diet-selector .amount {
    color: #fff;
}

.white-diet-selector select:focus {
    border-color: #1e293b !important;
}

.white-diet-selector select option {
    color: #64748b;
}

/* =========================
   Blog Posts & Lists Styles
========================= */
.wd-post-thumb img,
.wd-post-image img {
    aspect-ratio: 4/3;
    object-fit: cover;
    width: 100%;
}

.wd-post-meta,
.hovered-social-icons {
    display: none !important;
}

.read-more-section a {
    font-family: "Lexend", Sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 2px;
}

.single-post .post-title {
    text-align: left;
    font-size: 36px !important;
    margin-bottom: 30px !important;
    line-height: 1.2em !important;
}

.single-post {
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    .blog-design-small-images.has-post-thumbnail .post-title {
        font-size: 26px !important;
    }

    .single-post .post-title {
        font-size: 30px !important;
    }
}

@media only screen and (max-width: 767px) {
    .blog-design-small-images.has-post-thumbnail .post-title {
        font-size: 22px !important;
    }

    .single-post .post-title {
        font-size: 24px !important;
    }
}

.single-product .wd-prefooter,
.single-post .wd-prefooter,
.tax-product_cat .wd-prefooter,
.single-post .wd-post-meta {
    display: none !important;
}

.single-post .wd-single-post-header .title {
    margin-bottom: 20px !important;
}

.single-post .wd-single-footer,
.single-post .comments-area {
    display: none !important;
}

.single-post .wd-entry-content h2,
.single-post .wd-entry-content h3,
.single-post .wd-entry-content h4,
.single-post .wd-entry-content h5,
.single-post .wd-entry-content h6 {
    line-height: 1.2em !important;
}

.single-post .wd-entry-content .wp-caption .wp-caption-text,
.single-post .wd-entry-content .wp-caption-dd {
    text-align: center;
    padding: 15px !important;
}

.single-post,
.related-posts-slider {
    margin-bottom: 0 !important;
}

/* =========================
   CF7 Styles
========================= */
.wpcf7 input[type='email'],
.wpcf7 input[type='date'],
.wpcf7 input[type='search'],
.wpcf7 input[type='number'],
.wpcf7 input[type='text'],
.wpcf7 input[type='tel'],
.wpcf7 input[type='url'],
.wpcf7 input[type='password'],
.wpcf7 textarea,
.wpcf7 select {
    margin-bottom: 15px !important;
}

.wpcf7 textarea {
    min-height: 100px;
}

.wpcf7 .wpcf7-acceptance .wpcf7-list-item label {
    font-size: 12px !important;
    line-height: 1.6em !important;
    margin-bottom: 15px !important;
}

.submit-button-cf7 {
    font-family: "Lexend", Sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1em !important;
    letter-spacing: 2px !important;
    background-color: transparent !important;
    background-image: linear-gradient(45deg, var(--e-global-color-accent) 0%, var(--e-global-color-e1dfba0) 100%) !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 20px 40px 20px 40px !important;
    color: #fff !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

/* =========================
   Footer Styles
========================= */
.footer-container p {
    line-height: 1.6em !important;
}

.footer-sidebar {
    padding-block: clamp(60px, 80px, 100px) clamp(60px, 80px, 100px) !important;
}

.footer-logo {
    width: 220px;
    height: 40px;
    margin-bottom: 20px;
}

.footer-sidebar .icons-design-default .wd-social-icon {
    margin: 0 5px !important;
}

.footer-sidebar .fas {
    color: var(--e-global-color-accent);
    margin-right: 6px;
}

.custom-menu-list summary:hover {
    color: white;
}

/* =========================
   Landing Page Styles
========================= */
.landing-pricing-table .elementor-button:hover {
    transform: scale(0.9) !important;
}

details summary {
    display: block;
    font-family: "Lexend", Sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 2px;
    color: var(--e-global-color-accent);
    transition: 0.3s all;
    margin-top: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

details summary:hover {
    color: var(--e-global-color-primary);
}

.whb-color-light:not(.whb-with-bg) {
    background-color: #0f151e;
}

.strona-seo-template-default .whb-general-header {
    background-color: #0f151e !important;
}

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