/*
 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 {
    --wd-main-bgcolor: #F2F2F2;
    --e-global-color-white: #ffffff;
    --color-gray-400: #757575;
    --color-gray-800: #101214;
    --global-transition: .4s all;
}

/* Layout*/
@media (max-width: 1024px) {

    .container,
    .container-fluid {
        padding-inline: 10px;
    }
}

/* Header */

.whb-header_331220 .whb-general-header {
    background-color: transparent !important;
    background-image: linear-gradient(130deg, var(--e-global-color-b8f8323) 0%, var(--e-global-color-c1b534f) 100%) !important;
}

.whb-header_331220 .whb-header-bottom {
    background-color: transparent !important;
    background-image: linear-gradient(130deg, var(--e-global-color-90a283d) 0%, var(--e-global-color-17d1b68) 100%) !important;
}

.whb-1yjd6g8pvqgh79uo6oce form.searchform {
    max-width: 650px;
    margin: auto;
}

.whb-header_331220 .wd-tools-element:is(.wd-design-6, .wd-design-7, .wd-design-8) .wd-tools-count {
    background: var(--e-global-color-secondary);
    color: var(--e-global-color-text);
}

.whb-header_331220 .wd-tools-element:is(.wd-design-6, .wd-design-7) .wd-tools-inner {
    padding-inline: 3px;
}

.whb-header_331220 .wd-tools-element:is(.wd-design-6, .wd-design-7) .wd-tools-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-white);
    transition: all .25s ease;
}

.whb-header_331220 .wd-tools-element:is(.wd-design-6, .wd-design-7) .wd-tools-text {
    margin-inline: 10px;
    transition: color .25s ease;
}

.whb-y074deai8quzcmyml8jf {
    width: 100% !important
}

.whb-header_331220 .wd-tools-element {
    --wd-header-el-color: var(--e-global-color-text);
    --wd-header-el-color-hover: var(--e-global-color-text);
    color: var(--e-global-color-text);
}


@media (max-width: 1024px) {
    body header .wd-tools-element .wd-tools-icon:before {
        font-size: 18px;
    }
}

@media (min-width: 769px) {
    .whb-1yjd6g8pvqgh79uo6oce .searchform.wd-with-cat {
        --wd-search-cat-w: 210px !important;
    }
}

/* Sticky navigation */

body .wd-sticky-nav {
    background-color: var(--e-global-color-secondary) !important;
    border-right-color: rgba(80, 80, 80, 0.12);
}

body .wd-sticky-nav:is(:hover, .wd-opened) {
    background-color: var(--e-global-color-white) !important;
    left: 0 !important;
    width: 340px;
}

body .wd-sticky-nav:not(:hover, .wd-opened) .wd-sticky-nav-title span {
    margin: 0
}

body .wd-nav-vertical>li:after {
    content: "";
    display: flex;
    flex: 1 1 100%;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: rgba(80, 80, 80, 0.12);
}

body .wd-nav-sticky>li>a {
    min-height: 55px;
    padding-left: 18px;
    padding-right: 18px;
}

body .wd-nav-sticky>li>a .wd-nav-img {
    --nav-img-width: 25px;
    --nav-img-height: 25px;
}

body .wd-nav-vertical>li.menu-item-has-children>a:after {
    color: var(--e-global-color-text);
    font-size: clamp(6px, 85%, 18px);
}

.wd-nav-sticky.wd-nav .nav-link-text svg {
    margin-inline-end: 5px;
}

@media (min-width: 1025px) {
    body .wd-sticky-nav {
        left: -60px !important;
    }

    body.wd-sticky-nav-enabled {
        --wd-sticky-nav-w: 0px !important;
    }
}

/* Main Menu */
#menu-main-navigation.wd-nav[class*="wd-style-"] {
    --nav-color: var(--e-global-color-text);
    --nav-color-hover: var(--e-global-color-text);
    --nav-color-active: var(--e-global-color-text);
    --nav-chevron-color: var(--e-global-color-text);
}

#menu-main-navigation.wd-nav[class*="wd-style-"] svg {
    margin-inline-end: 5px;
    vertical-align: -4px;
}


.whb-col-right .wd-tools-element {
    --wd-header-el-color: var(--e-global-color-text);
    --wd-header-el-color-hover: var(--e-global-color-text);
}

body .wd-nav-vertical>li.menu-item-has-children>a:after {
    content: "\f120" !important;
}

#menu-main-navigation.wd-nav .nav-link-text {
    position: relative;
}

#menu-main-navigation.wd-nav:not(.wd-nav-mobile) .nav-link-text:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--e-global-color-text);
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#menu-main-navigation.wd-nav:not(.wd-nav-mobile)>li:is(:hover, .current-menu-item, .wd-active, .active)>a .nav-link-text:after {
    width: 100%;
}

.whb-azs4x4x935zs8punsin2 .info-box-subtitle {
    border-radius: 12px 42px 42px 12px !important;
}

.whb-azs4x4x935zs8punsin2 .box-icon-wrapper {
    margin-left: -38px;
    z-index: 10
}

.whb-azs4x4x935zs8punsin2 .info-box-subtitle {
    padding: 10px 36px 10px 10px !important
}

.whb-azs4x4x935zs8punsin2 .info-box-icon {
    padding: 0 !important
}

/* Mobile Menu */
.mobile-nav .wd-nav-mob-tab>li>a {
    background: var(--e-global-color-white);
    text-transform: capitalize;
}

.mobile-nav .wd-nav-mob-tab>li.wd-active>a {
    background: var(--e-global-color-secondary);
}

body .wd-nav-mob-tab[class*="wd-style-underline"] {
    --nav-color: #101214;
    --nav-color-hover: #101214;
    --nav-color-active: #101214;
}

body .wd-nav-mob-tab[class*="wd-style-underline"] .nav-link-text {
    padding-top: 17px;
    padding-bottom: 17px;
}

body .wd-nav-mob-tab[class*="wd-style-underline"] .nav-link-text:after {
    content: '' !important;
    display: none !important
}


.wd-nav-mobile.wd-active {
    height: calc(100% - 50.59px);
}

.mobile-nav .wd-nav-mobile:not(.wd-drilldown-hide) .menu-item-account {
    position: absolute;
    bottom: 0;
}

.mobile-nav .wd-nav-mobile .menu-item-account>a,
.mobile-nav .wd-nav-mobile .menu-item-account>.wd-nav-opener {
    border-top: 1px solid var(--brdcolor-gray-300);
    border-bottom: 0;
}

body .wd-nav-opener:after {
    content: "\f120" !important;
}

body .wd-drilldown-back .wd-nav-opener:after {
    content: "\f121" !important;
}

.mobile-nav .nav-link-text svg {
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    margin-right: 5px;
}

.wd-nav-mobile .wd-with-icon>a:before {
    font-size: 15px;
}

.mobile-nav .wd-nav.wd-layout-drilldown>li [class*="sub-menu"]>.menu-item>a,
.mobile-nav .wd-nav .wd-sub-menu .wd-drilldown-back>a,
.mobile-nav .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link>a {
    text-transform: capitalize;
}

.wd-nav-mobile>li.espace-reparateur a {
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-white) !important;
    border-color: transparent !important
}

/* Cart */
body .cart-widget-side .wd-empty-mini-cart {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

body .wd-empty-mini-cart:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ededed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-shopping-bag'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304z' /%3E%3Cpath d='M9 11v-5a3 3 0 0 1 6 0v5' /%3E%3C/svg%3E");
    width: 100px;
    font-size: unset;
}

/* Page title */
body .wd-page-title-el .wd-page-title,
body .wd-page-title {
    background-color: transparent;
    background-image: url(https://gsm-guide.tn/wp-content/uploads/2023/10/shape2.svg), linear-gradient(80deg, var(--e-global-color-b8f8323) 0%, var(--e-global-color-c1b534f) 100%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

body .wd-page-title-el .wd-page-title h1.entry-title,
body .wd-page-title h1.entry-title,
body .wd-page-title h3.entry-title,
body .wd-checkout-steps .step-active>:is(a, span) {
    color: var(--e-global-color-secondary);
}

@media (min-width: 1025px) {
    .title-size-default {
        --wd-title-sp: 35px !important;
        --wd-title-font-s: 43px !important;
    }
}

@media (min-width: 769px) {
    body .wd-checkout-steps .step-active>:is(a, span) {
        text-decoration: none;
    }
}

/* Products */
body .wd-product {
    --text-align: left;
    --wd-prod-gap: 15px;
}

body .wd-product.wd-hover-standard .wd-add-btn>a {
    min-height: var(--btn-height, 42px);
    width: 100%;
}

body :is(.wd-grid, .wd-grid-g) .wd-product :is(.wd-cat-wrap, .product-wrapper) {
    height: 100%;
    border: 2px solid transparent !important;
    box-shadow: 0 0 23px rgba(0, 0, 0, .07) !important;
    --webkit-transition: var(--global-transition);
    transition: var(--global-transition);
}

body :is(.wd-grid, .wd-grid-g) .wd-product :is(.wd-cat-wrap, .product-wrapper):hover {
    border-color: var(--e-global-color-secondary) !important;
}

body .wd-products[class*="wd-stretch-cont"] .product-element-bottom {
    margin-top: auto;
    flex: none;
}

body .wd-product :is(.wd-product-countdown, .wd-swatches-grid) {
    align-self: center;
}

body p.wd-product-stock {
    display: inline-block !important;
    align-self: flex-start !important;
    font-weight: 500 !important;
}

body p.wd-product-stock:before {
    content: '' !important;
    font-family: unset !important;
    display: inline-block !important;
    margin-inline-end: 5px !important;
    width: 18px !important;
    height: 18px !important;
    vertical-align: -3px !important;
}

body p.wd-product-stock.in-stock {
    color: #155724 !important;
}

body p.wd-product-stock.in-stock:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23155724' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-check'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E") !important;
}

body p.wd-product-stock.out-of-stock {
    color: #721c24 !important;
}

body p.wd-product-stock.out-of-stock:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23721c24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-x'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E") !important;
}


body .product-labels.labels-rounded-sm {
    top: 15px;
    inset-inline-start: 0;
}

body .product-labels.labels-rounded-sm .product-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    white-space: nowrap;
}

body .wd-buttons[class*="wd-pos-r"] {
    top: unset;
    inset-inline-end: unset;
    inset-block-end: var(--wd-btn-inset);
    bottom: var(--wd-btn-inset);
    left: 50%;
    flex-direction: row;
    transform: translate3d(-50%, 20px, 0);
    border-radius: 35px;
}

body .wd-product:hover:not(:is(.product-swatched, .quick-shop-shown, [class*="wd-loading"])) .wd-buttons[class*="wd-pos-r"] {
    transform: translate3d(-50%, 0, 0);
}

body .wd-add-btn-replace .add-to-cart-loop:before {
    content: none !important;
    display: none !important;
}

body .wd-add-btn-replace .add-to-cart-loop:hover span {
    transform: none !important;
}

body .wd-label {
    font-weight: 500;
}

body .wd-product.wd-hover-small .product-wrapper {
    align-items: center;
}

.product-grid-item .wd-star-rating,
.product-grid-item .star-rating {
    display: none !important;
}

body .wd-product.wd-hover-small .product-element-top :is(.product-image-link, .hover-img) img {
    max-width: 80px;
    max-height: 80px;
}

body .wd-product .wd-product-sku {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media (max-width: 1024px) {
    body .wd-buttons[class*="wd-pos-r"] {
        opacity: 0;
        visibility: hidden;
    }

    body .wd-buttons[class*="wd-pos-r"] :is(.wd-quick-view-icon, .wd-compare-btn) {
        display: inline-flex;
    }
}

/* Shipping progress bar*/
body .wd-progress-bar.wd-free-progress-bar .progress-area {
    height: 5px !important;
    margin-bottom: 12px !important
}

body .wd-progress-bar.wd-free-progress-bar .progress-bar {
    position: relative !important;
    background-image: none !important;
    height: 5px !important;
    margin-top: 15px !important;
}

body .wd-progress-bar.wd-free-progress-bar .progress-bar:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - 32px);
    width: 33px;
    height: 100%;
    background-color: #f0f0f0;
    border-radius: 0 5px 5px 0;
    z-index: 2;
}

body .wd-progress-bar.wd-free-progress-bar .progress-bar:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2318568C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-truck-delivery'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5' /%3E%3Cpath d='M3 9l4 0' /%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    right: 32px;
    width: 32px;
    height: 28px;
    text-align: center;
    background-color: var(--e-global-color-white);
    border: 2px solid var(--e-global-color-primary);
    border-radius: 4px;
    transform: translateX(0%) translateY(-50%);
    animation: revealBar 0.6s ease-out 0.3s forwards;
    z-index: 2;
}

@keyframes revealBar {
    to {
        transform: translateX(100%) translateY(-50%);
    }
}

/* Blog */

body .blog-design-masonry {
    --wd-post-align: left !important;
}

/* Pagination */

body nav[class*="-pagination"] ul {
    gap: 10px;
}

body nav[class*="-pagination"] li .page-numbers {
    min-width: 42px;
    height: 42px;
    background: var(--e-global-color-white);
    font-size: 15px;
    box-shadow: 0 0 0 1.5px #d9d9d9;
}

body nav[class*="-pagination"] li .page-numbers:not(.current):hover {
    box-shadow: 0 0 0 1.8px var(--e-global-color-secondary);
}

body nav[class*="-pagination"] li .current {
    background: var(--e-global-color-primary);
}

body nav[class*="-pagination"] li :is(.next, .prev) {
    font-size: 0;
}

body nav[class*="-pagination"] li :is(.next, .prev):before {
    font-size: 14px;
    content: "\f120";
    font-family: "woodmart-font";
}

body nav[class*="-pagination"] li .prev:before {
    content: "\f121";
}

/* Slides */
body .wd-prev .wd-arrow-inner:after,
body .wd-product-nav-btn.wd-btn-prev:before,
body .prev-btn .wd-page-nav-icon:after {
    content: "\f121" !important;
}

body .wd-next .wd-arrow-inner:after,
body .wd-product-nav-btn.wd-btn-next:before,
body .next-btn .wd-page-nav-icon:after {
    content: "\f120" !important;
}


@media (max-width: 1024px) {
    body .wd-nav-arrows:where(.wd-pos-sep) {
        --wd-arrow-offset-h: -40px;
    }
}

/* Fields */

#billing_country_field,
#shipping_country_field {
    display: none !important
}

/* Back to top */
body .scrollToTop {
    background-color: var(--e-global-color-secondary);
    box-shadow: 0 0 32px rgba(0, 0, 0, .06) !important;
}

body .scrollToTop:after {
    content: "\f121" !important;
    transform: rotate(90deg) !important;
    height: 24px !important;
}