.elementor-6293 .elementor-element.elementor-element-0b2bb6e{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6293 .elementor-element.elementor-element-0b2bb6e:not(.elementor-motion-effects-element-type-background), .elementor-6293 .elementor-element.elementor-element-0b2bb6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6293 .elementor-element.elementor-element-7a214bb{--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;}.elementor-6293 .elementor-element.elementor-element-4f7cea7{--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;}.elementor-6293 .elementor-element.elementor-element-1932e47.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6293 .elementor-element.elementor-element-1932e47.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-6293 .elementor-element.elementor-element-7a214bb{--width:25%;}.elementor-6293 .elementor-element.elementor-element-4f7cea7{--width:75%;}}@media(max-width:1024px){.elementor-6293 .elementor-element.elementor-element-1932e47.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-6293 .elementor-element.elementor-element-1932e47.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-d815a12 *//* ===== FILTER SIDEBAR WRAPPER ===== */
.wpc-filters-section {
    background: #fff;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* ===== FILTER HEADINGS ===== */
.wpc-filter-header {
    padding: 18px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wpc-filter-header .widget-title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== FILTER CONTENT AREA ===== */
.wpc-filter-content {
    padding: 10px 0 20px 0;
}

/* ===== REMOVE BULLETS ===== */
.wpc-filters-ul-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* ===== FILTER ITEMS ===== */
.wpc-checkbox-item {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.wpc-term-item-content-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

/* ===== CHECKBOX STYLE ===== */
.wpc-checkbox-item input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    accent-color: black;
    flex-shrink: 0;
    cursor: pointer;
}

/* ===== FILTER TEXT ===== */
.wpc-filter-link {
    text-decoration: none;
    color: #444;
    font-size: 14px;
}

.wpc-filter-link:hover {
    color: #000;
}

/* ===== COUNT STYLE ===== */
.wpc-term-count {
    color: #999;
    font-size: 12px;
    margin-left: 5px;
}

/* ================================================
   COLOR FILTER - CIRCLE SWATCHES
   ================================================ */

/* Make color list a flex row */
.wpc-filter-pa_color .wpc-filters-ul-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 5px 0;
}

/* Reset each color item */
.wpc-filter-pa_color .wpc-checkbox-item {
    margin-bottom: 0;
    width: auto;
}

/* Hide the checkbox */
.wpc-filter-pa_color input[type="checkbox"] {
    display: none !important;
}

/* Hide the count */
.wpc-filter-pa_color .wpc-term-count {
    display: none !important;
}

/* Make label a circle */
.wpc-filter-pa_color label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* The circle swatch itself */
.wpc-filter-pa_color .wpc-filter-link {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #ddd;
    display: block !important;
    font-size: 0 !important;        /* hide text */
    line-height: 0 !important;
    overflow: hidden;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

/* Hover */
.wpc-filter-pa_color .wpc-filter-link:hover {
    transform: scale(1.15);
    border-color: #555;
}

/* Selected state — when checkbox is checked, style the sibling label */
.wpc-filter-pa_color input[type="checkbox"]:checked + label .wpc-filter-link {
    border: 2px solid #000;
    box-shadow: 0 0 0 2px #fff inset;
    transform: scale(1.1);
}

/* ===== COLOR VALUES — matched to your URL slugs ===== */
.wpc-filter-pa_color .wpc-filter-link[href*="color=white"] {
    background-color: #ffffff;
    border-color: #ccc;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=black"] {
    background-color: #111111;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=red"] {
    background-color: #e63946;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=blue"] {
    background-color: #1d3557;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=grey"],
.wpc-filter-pa_color .wpc-filter-link[href*="color=gray"] {
    background-color: #aaaaaa;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=navy"] {
    background-color: #001f5b;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=green"] {
    background-color: #2d6a4f;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=yellow"] {
    background-color: #f4c430;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=pink"] {
    background-color: #ff69b4;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=orange"] {
    background-color: #ff6b35;
}

.wpc-filter-pa_color .wpc-filter-link[href*="color=brown"] {
    background-color: #795548;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-1932e47 *//* Make product card relative */
.woocommerce ul.products li.product {
    position: relative;
}

/* Hide default Quick View button */
.woocommerce ul.products li.product .woosq-btn:not(.custom-product-icons .woosq-btn) {
    display: none !important;
}

/* Hide default Compare button */
.woocommerce ul.products li.product .compare {
    display: none !important;
}

/* Hide default Wishlist text link */
.woocommerce ul.products li.product .add_to_wishlist {
    display: none !important;
}

/* Remove wishlist text */
.yith-wcwl-add-to-wishlist span,
.yith-wcwl-add-to-wishlist .feedback {
    display: none !important;
}

/* Overlay container - hidden by default */
.custom-product-icons {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: all 0.3s ease;
}

/* Show icons on product hover */
.woocommerce ul.products li.product:hover .custom-product-icons {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Icon styling */
.custom-product-icons a,
.custom-product-icons button {
    background: #ffffff;
    width: 38px;
    height: 38px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    border: none;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Hover on individual icon */
.custom-product-icons a:hover,
.custom-product-icons button:hover {
    background: #000;
    color: #fff !important;
}

/* Keep red heart visible even on hover of icon */
.custom-product-icons .custom-wishlist.added i {
    color: red !important;
}

/* Staggered animation for each icon */
.custom-product-icons a:nth-child(1),
.custom-product-icons button:nth-child(1) {
    transition-delay: 0s;
}
.custom-product-icons a:nth-child(2),
.custom-product-icons button:nth-child(2) {
    transition-delay: 0.05s;
}
.custom-product-icons a:nth-child(3),
.custom-product-icons button:nth-child(3) {
    transition-delay: 0.1s;
}/* End custom CSS */