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

/* Any price: single price, sale price, variation price 
.summary .price .woocommerce-Price-amount,
.woocommerce-variation-price .price .woocommerce-Price-amount {
    font-size: 45px !important;
    font-weight: 800 !important;
    font-family: 'Montserrat', sans-serif !important;
}
*/
/* Keep the currency (DH) the same size as the number 
.summary .price .woocommerce-Price-currencySymbol,
.woocommerce-variation-price .price .woocommerce-Price-currencySymbol {
    font-size: inherit !important;
}
*/
/* Old crossed-out price, smaller (only when on sale) 
.summary .price del .woocommerce-Price-amount,
.woocommerce-variation-price .price del .woocommerce-Price-amount {
    font-size: 20px !important;
    font-weight: 400 !important;
    opacity: 0.6;
}

.summary .price ins {
    text-decoration: none;
}
*/
/* ==========================================================
   WoodMart – Compact Menu Icons & Navigation
   ========================================================== */

:root {
    --nav-icon-size: 42px;
    --nav-icon-gap-left: 18px;
    --nav-icon-gap-right: 14px;
    --nav-link-height: 52px;

    /* Red hover */
    --nav-icon-hover-filter:
        brightness(0) saturate(100%)
        invert(18%) sepia(91%)
        saturate(6144%) hue-rotate(356deg)
        brightness(98%) contrast(98%);
}

/* ---------- Menu icons ---------- */

img.wd-nav-img {
    width: var(--nav-icon-size) !important;
    max-width: var(--nav-icon-size) !important;
    height: var(--nav-icon-size) !important;
    max-height: var(--nav-icon-size) !important;

    margin-left: var(--nav-icon-gap-left);
    margin-right: var(--nav-icon-gap-right);

    object-fit: contain;
    flex-shrink: 0;
}

/* ---------- Menu link height ---------- */

a.woodmart-nav-link {
    height: var(--nav-link-height);
    min-height: var(--nav-link-height);
}

/* ---------- Menu text ---------- */

span.nav-link-text {
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.2;
}

/* ---------- Hover icon ---------- */

.wd-sub-menu .menu-item > a:hover > .wd-nav-img,
.wd-nav-mobile li > a:hover > .wd-nav-img {
    filter: var(--nav-icon-hover-filter) !important;
}

/* ---------- Active product category ---------- */

.wd-nav-product-cat.wd-active .wd-nav-img {
    filter: brightness(0) invert(1) !important;
}

/* ==========================================================
   Sticky Header
   ========================================================== */

body .whb-sticked .whb-general-header,
body .whb-sticked .whb-row {
    background-color: #050505 !important;
}

/* ==========================================================
   Mobile / Tablet
   ========================================================== */

@media (max-width: 1024px) {
    :root {
        --nav-icon-size: 34px;
        --nav-icon-gap-left: 12px;
        --nav-icon-gap-right: 12px;
        --nav-link-height: 48px;
    }

    span.nav-link-text {
        font-size: 14px !important;
    }
}

/* ==========================================================
   Mobile Side Menu Width
   ========================================================== */

.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-item.wd-opened {
    width: 400px;
}

/* Mobile */
@media (max-width: 767px) {
    .mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-item.wd-opened {
        width: 85vw !important;
        max-width: 330px !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/* ============================================================
 * Size swatches + Clear link — clean pill UI
 * ============================================================ */

/* ------------------------------------------------------------
 * 1. Swatch row layout
 * ------------------------------------------------------------ */
.single-product .variations_form .wd-swatches-product.wd-swatches-single {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

/* ------------------------------------------------------------
 * 2. Base pill
 * ------------------------------------------------------------ */
.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 42px;
    padding: 0 22px;
    background-color: transparent;
    border: 1px solid #e3e3e3;
    border-radius: 999px;
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2px;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .15s ease,
                border-color .15s ease,
                color .15s ease;
}

.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text::before,
.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text::after {
    display: none !important;
}

.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text .wd-swatch-text {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1;
}

.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text:hover {
    border-color: #b8b8b8;
}

.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text.wd-active,
.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text[aria-checked="true"],
.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text.selected {
    background-color: rgb(237, 28, 36);
    border-color:     rgb(237, 28, 36);
    color: #ffffff;
}
.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text.wd-active .wd-swatch-text,
.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text[aria-checked="true"] .wd-swatch-text,
.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text.selected .wd-swatch-text {
    color: #ffffff;
}

.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text.wd-disabled,
.single-product .variations_form .wd-swatches-product .wd-swatch.wd-text.wd-out-of-stock {
    opacity: .4;
    cursor: not-allowed;
    text-decoration: line-through;
}

/* ------------------------------------------------------------
 * 3. Reset ("Clear") — full position fix
 * ------------------------------------------------------------ */

/* Neutralize WoodMart wrapper */
.single-product .variations_form .wd-reset-var,
.single-product .variations_form .wd-reset-var * {
    position: static !important;
    float: none !important;
    inset: auto !important;
    transform: none !important;
}

.single-product .variations_form .wd-reset-var {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    text-align: right;      /* 👈 CHANGE THIS: left | center | right */
    clear: both;
}

/* The link itself */
.single-product .variations_form .wd-reset-var .reset_variations {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 0;
    color: #6b7280;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .2s ease;
}

.single-product .variations_form .wd-reset-var .reset_variations:hover {
    color: rgb(237, 28, 36);
}

.single-product .variations_form .wd-reset-var .reset_variations:focus-visible {
    outline: 2px solid rgb(237, 28, 36);
    outline-offset: 3px;
    border-radius: 4px;
}

.single-product .variations_form .wd-reset-var .reset_variations::before {
    content: "×";
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
}

/* Hide the "Clear" link until a variation is selected (optional) */
/* Uncomment the 3 lines below if you want it hidden by default */
/*
.single-product .variations_form .wd-reset-var { display: none !important; }
.single-product .variations_form.has-active-variation .wd-reset-var { display: block !important; }
*/

/* ------------------------------------------------------------
 * 4. Hide WooCommerce default "Size" label
 * ------------------------------------------------------------ */
.single-product .variations th.label,
.single-product .variations th.label.cell,
.single-product .variations tr th.label {
    display: none !important;
}
.single-product .variations td.value {
    padding-left: 0 !important;
}

/* ------------------------------------------------------------
 * 5. Mobile
 * ------------------------------------------------------------ */
@media (max-width: 480px) {
    .single-product .variations_form .wd-swatches-product .wd-swatch.wd-text {
        min-width: 56px;
        height: 38px;
        padding: 0 16px;
        font-size: 13px;
    }
}

/*-----------brikolage i may need to remove it-------------------*/
/* Hide the "Clear" (reset variations) link completely */
.single-product .variations_form .wd-reset-var,
.single-product .variations_form .reset_variations {
    display: none !important;
}
/*-----------sticky header cuz theme doesnt offer that till now-------------------*/

/* disable clone */
.whb-clone { display: none !important; }

/* full header sticky */
.whb-header {
  position: sticky;
  top: 0;
  z-index: 390;
}

/* ila 3ndek admin bar */
.admin-bar .whb-header { top: var(--wp-admin--admin-bar--height, 32px); }

/* sticky kaykhdem ghir ila parent ma3ndoch overflow */
.website-wrapper { overflow: visible !important; }
/*-----------brikolage i may need to remove it-------------------*/
/*-------------fix image size --------------------------*/
.product-grid-item .product-element-top img,
.wd-product .product-element-top img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
/*----------------kabrt humberger de ---------*/
a[aria-label="Ouvrir le menu mobile"] .wd-tools-icon  {
    -webkit-text-stroke: 1px currentColor;
	transform: scale(1.5) translateX(3px);
}
/*----product variation image bach tkon kbira-----*/
.wd-swatches-product:has(.wd-swatch-bg img) .wd-swatch {
    width: 70px;
    height: 70px;
    border-radius: 0 !important;
	
}
.wd-swatches-product:has(.wd-swatch-bg img) .wd-swatch-bg,
.wd-swatches-product:has(.wd-swatch-bg img) .wd-swatch-bg img {
    width: 100%;
    height: 100%;
    border-radius: 0 !important;
    object-fit: cover;
	}
.wd-swatches-product:has(.wd-swatch-bg img) .wd-swatch-bg:before {
    content: none !important;
    border: none !important;
}
/*-----text style like motobluz ---*/
.t55t {
    position: relative !important;
    display: inline-block !important;
    white-space: nowrap;
    isolation: isolate;
}
.t55t::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -3%;
    bottom: 0;
    width: 106%;
    height: 55%;
    background: url("https://x-revup.com/wp-content/uploads/2026/09/telecharger.png") center / 100% 100% no-repeat;
    pointer-events: none;
}
/*--------------------*/
@media (max-width: 767px) {
  .whb-row.whb-general-header.whb-not-sticky-row.whb-with-bg.whb-with-bdf.whb-without-border.whb-color-light.whb-flex-equal-sides {
    height: 53px;
  }
}
.whb-flex-row.whb-top-bar-inner {
    height: 30px;
}
table.wd-sizeguide-table {
    display: none;
}