.elementor-1239 .elementor-element.elementor-element-4b7fdc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1239 .elementor-element.elementor-element-4b7fdc7:not(.elementor-motion-effects-element-type-background), .elementor-1239 .elementor-element.elementor-element-4b7fdc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1D22;}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-icon i{color:#A4A5A7;transition:color 0.3s;}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-icon svg{fill:#A4A5A7;transition:fill 0.3s;}.elementor-1239 .elementor-element.elementor-element-a778f63{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-item > a{font-family:"Space Mono", Sans-serif;font-size:14px;text-transform:capitalize;}.elementor-1239 .elementor-element.elementor-element-a778f63 .elementor-icon-list-text{color:#ABABAB;transition:color 0.3s;}.elementor-1239 .elementor-element.elementor-element-a6a3038{width:var( --container-widget-width, 1000px );max-width:1000px;padding:0px 0px 0px 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;text-align:start;}.elementor-1239 .elementor-element.elementor-element-a6a3038.elementor-element{--align-self:flex-start;}.elementor-1239 .elementor-element.elementor-element-a6a3038 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:36px;text-transform:uppercase;}.elementor-1239 .elementor-element.elementor-element-6f44457{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-1239 .elementor-element.elementor-element-6f44457:not(.elementor-motion-effects-element-type-background), .elementor-1239 .elementor-element.elementor-element-6f44457 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1D22;}.elementor-1239 .elementor-element.elementor-element-a30fc28{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1239 .elementor-element.elementor-element-a123f3a > .elementor-widget-container{background-color:#FFFFFF;padding:30px 15px 30px 15px;border-radius:10px 10px 10px 10px;}.elementor-1239 .elementor-element.elementor-element-9207dee{--display:flex;}.elementor-1239 .elementor-element.elementor-element-42fa352{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1239 .elementor-element.elementor-element-4168f6d{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1239 .elementor-element.elementor-element-1e12103{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-1239 .elementor-element.elementor-element-83a5c3b.elementor-element{--align-self:center;}.elementor-1239 .elementor-element.elementor-element-b561979 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-1239 .elementor-element.elementor-element-3428046 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:769px){.elementor-1239 .elementor-element.elementor-element-4b7fdc7{--content-width:1200px;}.elementor-1239 .elementor-element.elementor-element-6f44457{--content-width:1200px;}.elementor-1239 .elementor-element.elementor-element-a30fc28{--width:25%;}.elementor-1239 .elementor-element.elementor-element-4168f6d{--width:33.3%;}.elementor-1239 .elementor-element.elementor-element-1e12103{--width:66.7%;}}@media(max-width:1024px) and (min-width:769px){.elementor-1239 .elementor-element.elementor-element-4168f6d{--width:100%;}.elementor-1239 .elementor-element.elementor-element-1e12103{--width:100%;}}@media(max-width:1024px){.elementor-1239 .elementor-element.elementor-element-6f44457{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1239 .elementor-element.elementor-element-42fa352{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1239 .elementor-element.elementor-element-1e12103{--justify-content:space-between;}}@media(max-width:768px){.elementor-1239 .elementor-element.elementor-element-a6a3038{padding:0px 10px 0px 0px;}.elementor-1239 .elementor-element.elementor-element-a6a3038 .elementor-heading-title{font-size:26px;}.elementor-1239 .elementor-element.elementor-element-6f44457{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1239 .elementor-element.elementor-element-9207dee{--padding-top:0px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1239 .elementor-element.elementor-element-1e12103{--margin-top:0px;--margin-bottom:-6px;--margin-left:0px;--margin-right:0px;}.elementor-1239 .elementor-element.elementor-element-3428046 > .elementor-widget-container{margin:10px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-a6a3038 *//* ================= UNIFIED CONTAINER BALANCE ================= */
/* Ensures the container holding both elements aligns them centrally */
.elementor-element-1e12103 {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

/* ================= SHARED BASE STYLES ================= */
/* Applied to both the Filter Button and the Sort Select */
.filter-toggle-btn, 
.woocommerce-ordering select.orderby {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #212228 !important;
    color: #ffffff !important;
    border: 1px solid #2d2d30 !important;
    border-radius: 8px !important;
    height: 44px !important; /* Unified Height */
    line-height: 42px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Segoe UI', Roboto, sans-serif !important;
    cursor: pointer !important;
    transition: border-color 0.3s ease !important;
    box-sizing: border-box !important;
    position: relative !important;
    outline: none !important;
}

/* ================= SORT DROPDOWN SPECIFIC ================= */
/* Adds custom arrow for the dropdown since we hid the default one */
.woocommerce-ordering {
    position: relative !important;
    margin: 0 !important;
}

.woocommerce-ordering::after {
    content: "▼" !important;
    font-size: 10px !important;
    color: #a1a1a6 !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.woocommerce-ordering select.orderby {
    padding-right: 40px !important; /* Space for the arrow */
    width: auto !important;
    min-width: 180px !important;
}

/* ================= ANIMATED BORDER EFFECT ================= */
/* Creating a wrapper-less border effect for both */
.filter-toggle-btn::before,
.woocommerce-ordering::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    padding: 1.5px !important;
    border-radius: 8px !important;
    background: linear-gradient(
        120deg,
        transparent 35%,
        rgba(255, 255, 255, 0.8),
        rgba(255, 255, 255, 1),
        rgba(255, 255, 255, 0.8),
        transparent 65%
    ) !important;
    background-size: 400% 400% !important;
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    transition: opacity 0.35s ease !important;
    z-index: 1 !important;
}

/* Hover States */
.filter-toggle-btn:hover::before,
.woocommerce-ordering:hover::before {
    opacity: 1 !important;
    animation: shared-border-move 4.5s linear infinite !important;
}

@keyframes shared-border-move {
    0% { background-position: 0% 50%; }
    100% { background-position: 400% 50%; }
}

/* ================= SIDEBAR & OVERLAY OVERRIDES ================= */
.sidebaroffcanvas {
    background-color: #212228 !important;
    color: #ffffff !important;
    z-index: 9999 !important;
}

.offcanvas-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(2px) !important;
    z-index: 9998 !important;
}

/* Ensure text is above border animation */
.filter-toggle-btn span, 
.woocommerce-ordering select.orderby {
    z-index: 2 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b7fdc7 */@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');

/* =====================================================
   RESULT COUNT (LEFT)
===================================================== */
.woocommerce-result-count {
    font-family: 'Space Mono', monospace !important;
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    margin: 0;
}

/* =====================================================
   FILTER BUTTON — CLEAN, WHITE, NO ANIMATION
===================================================== */
.filter-toggle-btn {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: auto !important;
    line-height: normal !important;

    font-family: 'Space Mono', monospace;
    font-size: 13px;
    color: #ffffff !important;

    cursor: pointer;

    transition: none !important;
    transform: none !important;
    animation: none !important;
    box-shadow: none !important;
}

/* Hover remains stable */
.filter-toggle-btn:hover,
.filter-toggle-btn:focus {
    background: transparent !important;
    color: #ffffff !important;
    transform: none !important;
}

/* Remove default Woodmart effects */
.filter-toggle-btn::after {
    display: none !important;
}


/* =====================================================
   SORT BUTTON — FIXED WIDTH + TEXT "SORT" ONLY
===================================================== */

/* Container */
.wd-shop-ordering {
    position: relative;
    width: auto;
}

/* Hide real select text but keep functionality */
.wd-shop-ordering select {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;

    background: transparent !important;
    border: none !important;
    padding: 0 !important;

    font-family: 'Space Mono', monospace;
    font-size: 16px;

    color: transparent !important;
    text-shadow: none !important;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;
    transition: none !important;
}

/* Visible label — FONT SIZE UPDATED TO 16PX */
.wd-shop-ordering::before {
    content: "Sort";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    font-family: 'Space Mono', monospace;
    font-size: 16px; /* ← ONLY CHANGE */
    color: white!important;
    color: rgba(255,255,255,0.6);

    pointer-events: none;
}

/* Dropdown arrow */
.wd-shop-ordering::after {
    
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    pointer-events: none;
}

/* Hover clarity */
.wd-shop-ordering:hover::before {
    color: #ffffff;
}

/* =====================================================
   REMOVE WOODMART DEFAULT EFFECTS COMPLETELY
===================================================== */
.wd-style-default,
.wd-ordering-mb-icon,
.wd-action-btn,
.wd-burger-icon,
.wd-off-canvas-btn,
.wd-off-canvas-btn a {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: none !important;
    transform: none !important;
}

/* =====================================================
   REMOVE SHIMMER / GRADIENT / SWEEP EFFECTS
===================================================== */
.filter-toggle-btn,
.filter-toggle-btn::before,
.filter-toggle-btn::after,
.wd-off-canvas-btn,
.wd-off-canvas-btn::before,
.wd-off-canvas-btn::after,
.wd-shop-ordering,
.wd-shop-ordering::before,
.wd-shop-ordering::after {
    background: none !important;
    background-image: none !important;
}

/* Kill animated gradients globally (safe) */
[class*="gradient"],
[class*="shimmer"],
[class*="hover-gradient"] {
    background: none !important;
    background-image: none !important;
}

/* Final safety: disable animations inside controls */
.filter-toggle-btn *,
.wd-shop-ordering * {
    animation: none !important;
    transition: none !important;
}

.widget_price_filter [class*="price_slider_amount"] .button {
   
    width: 100%;
    margin-top: 11px;}/* End custom CSS */
/* Start custom CSS for wd_sidebar, class: .elementor-element-a123f3a */.elementor-1239 .elementor-element.elementor-element-73b0df1 > .elementor-widget-container {
    background-color: #fcfbfc;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83a5c3b */.filter-toggle-btn::before

 {
   display: none!important;
}/* End custom CSS */
/* Start custom CSS for wd_archive_products, class: .elementor-element-3428046 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* ================================
   CARD BASE
================================ */
.product-wrapper {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 14px;
    padding: 10px!important;
    cursor: pointer;
}

/* Make entire card clickable */
.product-wrapper a {
    pointer-events: auto;
}

.product-wrapper * {
    pointer-events: none;
}

.product-wrapper a.product-image-link {
    pointer-events: auto;
}

/* ================================
   IMAGE
================================ */
.product-element-top {
    background: transparent;
    border: none !important;
    padding: 0;
}

.product-element-top img {
    border-radius: 10px;
    border: none !important;
    box-shadow: none !important;
}

/* Disable hover image effects */
.products .product-grid-item img,
.products .product-grid-item:hover img {
    transform: none !important;
    transition: none !important;
}

/* ================================
   REMOVE ALL ACTIONS / HOVER
================================ */
.fade-in-block.wd-scroll,
.wd-buttons,
.wd-add-btn,
.add_to_cart_button,
.product-element-bottom .button {
    display: none !important;
}

/* ================================
   SALE / DISCOUNT BADGE (RIGHT)
================================ */
.product-labels {
    right: 10px;
    left: auto !important;
}

.product-label,
.product-label.onsale,
.product-label.hot,
.product-label.featured {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    font-family: 'Space Mono', monospace;
    font-size: 11px;
}

/* ================================
   TITLE (INTER)
================================ */
.product-element-bottom .wd-entities-title,
.product-element-bottom .wd-entities-title a {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
}

/* ================================
   CATEGORY (SPACE MONO)
================================ */
.product-element-bottom .wd-product-cats,
.product-element-bottom .wd-product-cats a {
    font-family: 'Space Mono', monospace;
    font-size: 13px;
    color: rgba(255,255,255,0.6);
}

/* ================================
   STAR RATING
================================ */
.product-element-bottom .star-rating {
    font-size: 14px;
}

.product-element-bottom .star-rating::before {
    color: rgba(255,255,255,0.35);
}

.product-element-bottom .star-rating span::before {
    color: #ffffff;
}

.product-element-bottom .star-rating span {
    color: transparent;
}

/* ================================
   PRICE (DESKTOP DEFAULT)
================================ */
.product-element-bottom .price {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    font-family: 'Space Mono', monospace;
    font-size: 18px;
}

/* Sale price */
.product-element-bottom .price ins {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}

/* Regular price */
.product-element-bottom .price del {
    color: rgba(255,255,255,0.5);
    text-decoration: line-through;
}

/* ================================
   FORCE PRICE COLOR (SAFETY)
================================ */
.product-element-bottom .price,
.product-element-bottom .price *,
.product-element-bottom .woocommerce-Price-amount,
.product-element-bottom .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
}

/* ================================
   HIDE UNWANTED META
================================ */
.product-element-bottom .wd-product-stock,
.product-element-bottom .wd-product-sku,
.product-element-bottom .woocommerce-product-attributes {
    display: none !important;
}

/* ================================
   PREVENT CARD HOVER BG CHANGE
================================ */
.product-wrapper:hover {
    background: transparent !important;
}

.content-product-imagin {
    display: none !important;
}

/* ================================
   IMAGE SIZE (DESKTOP) — FIXED TOP ALIGN
================================ */
@media (min-width: 1024px) {
    .product-element-top img {
        width: 100% !important;
        height: 370px !important;
        object-fit: cover;
        object-position: top center; /* ✅ TOP ANCHORED — CLIPS ONLY FROM BOTTOM */
        border-radius: 10px;
    }
}

/* =================================================
   🔥 MOBILE FIX — PRICE SIZE + SINGLE PRICE ONLY
================================================= */
@media (max-width: 767px) {

    /* Reduce price font size */
    .product-element-bottom .price {
        font-size: 14px !important;
    }

    /* Hide secondary (crossed) price */
    .product-element-bottom .price del {
        display: none !important;
    }

    /* Ensure primary price stays visible */
    .product-element-bottom .price ins,
    .product-element-bottom .price > span {
        display: inline-block;
        font-weight: 700;
    }
}/* End custom CSS */
/* Start custom CSS */.elementor-1239 .elementor-element.elementor-element-a30fc28 {

    background: #1a1a1a;

}

.elementor-1239 .elementor-element.elementor-element-a123f3a > .elementor-widget-container

 {
    background-color: #ffffff00;

}

/* === Woodmart Active Filters – White Text === */
.wd-active-filters,
.wd-active-filters a,
.wd-active-filters li,
.wd-active-filters span,
.wd-active-filters .woocommerce-Price-amount,
.wd-active-filters .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
}/* End custom CSS */