/* 
* Single product text no wrap
*/
.short-title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.short-categroy {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 
* Remove the text from wishlist icon
*/
.product-v1 .yith-wcwl-add-button a {
    position: relative;
    font-size: 0;
    color: transparent;
}

.product-v1 .yith-wcwl-add-button a::before {
    content: "Remove from list";
    display: block;
    height: 0;
    overflow: hidden;
}

.product-v1 .yith-wcwl-add-button a:hover {
    color: transparent;
    text-decoration: none;
}

.product-v1 .yith-wcwl-add-button a img {
    vertical-align: middle;
}

.product-v1 .yith-wcwl-add-button a:hover::before {
    content: "";
}

/* 
* Hide by default and show "quick anction" on hover
* single product
*/
.product-v1 {
    overflow: hidden;
}

.product-v1 .quick-action {
    position: absolute;
    right: -100%;
    opacity: 0;
    transform: translateX(100%);
    animation: slide-out 0.5s ease-in-out forwards;
}

.product-v1:hover .quick-action {
    animation: slide-in 0.5s ease-in-out forwards;
}

.quick-action {
    gap: 15px
}

.quick-action span {
    font-size: 25px;
    position: relative;
    right: 4px ;
    color: #000;
}

.product-v1:hover .product-content {
    transform: translateY(-10px);
}

/* 
* Single product featured image
*/
.left-featured-prod .flex-viewport {
    width: 100%;
    height: 600px !important;
}

.left-featured-prod .flex-viewport img {
    height: 600px !important;
    object-fit: contain;
}

.left-featured-prod .flex-viewport {
    background: #F1F1F1;
}

/* .left-featured-prod .flex-control-thumbs img{
    background: #F1F1F1;
} */
.left-featured-prod .flex-control-thumbs img{
    background: #fff;
    border: 2px solid #f0c0725c;   
}

/* 
* Products tabs design
*/
.slide-tabs .woocommerce-tabs .tabs {
    padding: 0 !important;
    margin: 0 !important;
}

.slide-tabs .woocommerce-tabs .tabs li {
    margin-bottom: 10px !important;
    border-radius: 5px !important;
    margin-right: 5px !important;
}

/* 
* Single product filters
*/
.products-filter .woof_price3_search_container .irs {
    background-color: #ffffff; /* Light grey background */
    border-radius: 5px; /* Optional: round the corners */
}

/* Change the color of the slider bar */
.products-filter .woof_price3_search_container .irs-bar {
    background-color: var(--e-global-color-accent); /* Blue bar */
    border-radius: 3px; /* Optional: round the bar corners */
}

/* Change the color of the range (filled section) */
.products-filter .woof_price3_search_container .irs-from,
.products-filter .woof_price3_search_container .irs-to {
    background-color: var(--e-global-color-accent);
}

.products-filter .woof_price3_search_container .irs-to::before,
.products-filter .woof_price3_search_container .irs-from::before {
    border-top-color: var(--e-global-color-accent);
}

/* Change the color of the handles (thumbs) */
.products-filter .woof_price3_search_container .irs-handle {
    background-color: var(--e-global-color-accent);
    border: 2px solid #fff;
}

/* Change the color of the grid lines */
.products-filter .woof_price3_search_container .irs-grid-pol {
    background-color: var(--e-global-color-accent);
}

/* Change the color of the grid text */
.products-filter .woof_price3_search_container .irs-grid-text {
    color: #333;
}

/* Change the color of the minimum and maximum labels */
.products-filter .woof_price3_search_container .irs-min,
.products-filter .woof_price3_search_container .irs-max {
    color: var(--e-global-color-accent);
}

/* Change the color of the current range label */
.products-filter .woof_price3_search_container .irs-single {
    background-color: var(--e-global-color-accent); 
    color: #fff;
    border-radius: 3px;
}

/* Remove the default background icon */
.products-filter .woof_childs_list_opener span.woof_is_closed {
    background: none; /* Remove the existing icon */
}

.products-filter .woof_childs_list_opener span.woof_is_closed {
    background-image: url('/wp-content/uploads/2024/08/sort-down_7435155.svg');
    background-size: 12px 12px; /* Adjust to your desired size */
    background-repeat: no-repeat;
    width: 12px; /* Adjust width to fit your design */
    height: 12px; /* Adjust height to fit your design */
    display: inline-block;
}
/* Remove the default background icon when is opened */
.products-filter .woof_childs_list_opener span.woof_is_opened {
    background: none; /* Remove the existing icon */
}

.products-filter .woof_childs_list_opener span.woof_is_opened {
    background-image: url('/wp-content/uploads/2024/08/sort-down_7435155.svg');
    background-size: 12px 12px; /* Adjust to your desired size */
    background-repeat: no-repeat;
    rotate: 180deg;
    width: 12px; /* Adjust width to fit your design */
    height: 12px; /* Adjust height to fit your design */
    display: inline-block;
}

/* 
* Style the search by text
*/
.products-filter .woof_husky_txt-input {
    margin: 10px 0;
    padding: 15px;
}

.products-filter .woof_price3_search_container .irs {
    background-color: #ffffff; /* Light grey background */
    border-radius: 5px; /* Optional: round the corners */
}

/* Change the color of the slider bar */
.products-filter .woof_price3_search_container .irs-bar {
    background-color: var(--e-global-color-accent); /* Blue bar */
    border-radius: 3px; /* Optional: round the bar corners */
}

/* Change the color of the range (filled section) */
.products-filter .woof_price3_search_container .irs-from,
.products-filter .woof_price3_search_container .irs-to {
    background-color: var(--e-global-color-accent);
}

.products-filter .woof_price3_search_container .irs-to::before,
.products-filter .woof_price3_search_container .irs-from::before {
    border-top-color: var(--e-global-color-accent);
}

/* Change the color of the handles (thumbs) */
.products-filter .woof_price3_search_container .irs-handle {
    background-color: var(--e-global-color-accent);
    border: 2px solid #fff;
}

/* Change the color of the grid lines */
.products-filter .woof_price3_search_container .irs-grid-pol {
    background-color: var(--e-global-color-accent);
}

/* Change the color of the grid text */
.products-filter .woof_price3_search_container .irs-grid-text {
    color: #333;
}

/* Change the color of the minimum and maximum labels */
.products-filter .woof_price3_search_container .irs-min,
.products-filter .woof_price3_search_container .irs-max {
    color: var(--e-global-color-accent);
}

/* Change the color of the current range label */
.products-filter .woof_price3_search_container .irs-single {
    background-color: var(--e-global-color-accent); 
    color: #fff;
    border-radius: 3px;
}

/* Remove the default background icon */
.products-filter .woof_childs_list_opener span.woof_is_closed {
    background: none; 
}

.products-filter .woof_childs_list_opener span.woof_is_closed {
    background-image: url('/wp-content/uploads/2024/08/sort-down_7435155.svg');
    background-size: 12px 12px; 
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
}
/* Remove the default background icon when is opened */
.products-filter .woof_childs_list_opener span.woof_is_opened {
    background: none;
}

.products-filter .woof_childs_list_opener span.woof_is_opened {
    background-image: url('/wp-content/uploads/2024/08/sort-down_7435155.svg');
    background-size: 12px 12px; 
    background-repeat: no-repeat;
    rotate: 180deg;
    width: 12px; 
    height: 12px;
    display: inline-block;
}

/* 
* Style the search by text
*/
.products-filter .woof_husky_txt-input {
    margin: 10px 0;
    padding: 15px;
}

/* Active filter */
.products-filter .woof_checkbox_label_selected {
    color: var(--e-global-color-accent);
}

.products-filter .icheckbox_square-blue, .iradio_square-blue {
    background: #fff;
    border: 1px solid #3333;
    border-radius: 5px;
}

.products-filter .icheckbox_square-blue.checked {
    background-color: var(--e-global-color-accent); 
}

/* Filter & Reset Buttons */
.products-filter .woof_reset_search_form,
.products-filter .woof_submit_search_form {
    background-color: var(--e-global-color-accent) !important;
    padding: 10px 25px !important;
    border: 1px solid var(--e-global-color-accent) !important;
    border-radius: 5px !important;
}

.products-filter .woof_reset_search_form:hover,
.products-filter .woof_submit_search_form:hover {
    background-color: var(--e-global-color-text) !important;
    padding: 10px 25px !important;
    border: 1px solid var(--e-global-color-accent) !important;
    color: var(--e-global-color-accent) !important;
    border-radius: 5px !important;
}


/* 
* Make products tab slide for mobile
* @media only screen and (min-width: 768px) {...} 
*/
@media only screen and (max-width: 768px) {
    .slide-tabs .tabs {
        list-style-type: none;
        padding: 0;
        margin: 0;
        overflow-x: scroll !important;  /* Enable horizontal scrolling */
        white-space: nowrap;  /* Prevent tabs from wrapping */
    }
}


/* Keyframes for sliding in */
@keyframes slide-in {
    from {
        right: -100%;
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        right: 0;
        opacity: 1;
        transform: translateX(0);
    }
}
/* Keyframes for sliding out */
@keyframes slide-out {
    from {
        right: 0;
        opacity: 1;
        transform: translateX(0);
    }
    to {
        right: -100%;
        opacity: 0;
        transform: translateX(100%);
    }
}
