/* Carousel Widget */
.weblink-carousel-widget .weblink-carousel {
    display: flex;
    overflow: hidden;
}
.weblink-carousel-widget .weblink-carousel-slide {
    min-width: 100%;
    transition: transform 0.5s ease-in-out;
}
.weblink-carousel-widget .weblink-carousel-slide img {
    width: 100%;
    height: auto;
}
.weblink-carousel-widget .weblink-carousel-button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #0073e6;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

/* Blog Category Buttons */
.blog-categories-buttons a {
    color: #000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #EFEFEF;
    font-family: "Hind", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 12px 12px 12px;
}

.blog-categories-buttons {
    display: flex;
    gap: 8px;
}

.blog-categories-buttons a:hover,
.blog-categories-buttons a.active {
    background-color: #EFEFEF;
    color: #000;
}

/* Price Widget */
.elementor-widget-weblink_price .price {
    margin-bottom: 0px;
}

.elementor-widget-weblink_price .price-per-unit {
    display: block;
    font-size: 16px;
    padding-bottom: 14px;
    color: #000;
}

.price-per-unit ins {
    font-size: 16px !important;
    font-weight: 400 !important;
}


.elementor-widget-weblink_price .elementor-widget-container > p:last-child {
    margin-bottom: 0px;
}

/* Woo Filters Widget */
.weblink-woo-filters form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.weblink-woo-filters .toggle-icon {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 14L12 9L17 14H7Z" fill="black"/></svg>');
    display: block;
    margin-right: 3px;
}

.weblink-woo-filters .toggle-wrapper.collapsed .toggle-icon {
    transform: rotateZ(180deg);
}

.weblink-woo-filters .toggle-wrapper {
    padding: 24px;
    border-top: 1px solid #EFEFEF;
    width: 100%;
}

.weblink-woo-filters .toggle-wrapper:last-of-type {
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 24px;
}

.weblink-woo-filters .toggle-wrapper .toggle-trigger {
    display: flex;
    text-transform: uppercase;
    font-family: Hind;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.08em;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 6px;
    cursor: pointer;
}

.weblink-woo-filters .toggle-wrapper .toggle-target {
    overflow: hidden;
    height: auto;
    transition: height 300ms ease-out;
}

.weblink-woo-filters .toggle-wrapper.collapsed .toggle-target {
    height: 0;
}

.weblink-woo-filters .toggle-wrapper.collapsed .toggle-trigger {
    margin-bottom: 0;
}

.weblink-woo-filters .filter-toggle-wrapper.toggle-wrapper .toggle-target {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.weblink-woo-filters .filter-toggle-wrapper.toggle-wrapper .toggle-target > * {
    display: block;
    width: 100%;
}

.weblink-woo-filters .filter-toggle-wrapper.toggle-wrapper .toggle-target input[type="checkbox"] {
    display: none !important;
}

.weblink-woo-filters .filter-toggle-wrapper.toggle-wrapper .toggle-target .subcategory {
    padding-left: 24px;
}

.weblink-woo-filters .price-range-wrapper {
    display: flex;
    gap: 12px;
}

.weblink-woo-filters .price-range {
    display: flex;
    background: #EFEFEF;
}

.weblink-woo-filters .price-range input {
    border: 0;
    background: none;
    padding: 16px 0px 16px 16px;
    font-family: Hind;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

/* Chrome, Safari, Edge, Opera */
.weblink-woo-filters .price-range input::-webkit-outer-spin-button,
.weblink-woo-filters .price-range input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.weblink-woo-filters .price-range input[type=number] {
  -moz-appearance: textfield;
}

.weblink-woo-filters .currency-suffix {
    display: inline;
    padding: 16px;
    font-family: Hind;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
}

.weblink-woo-filters button[type="submit"] {
    display: block;
    width: calc(100% - 48px);
    height: 56px;
    padding: 16px 20px 16px 20px;
    border-radius: 0px;
    background: #B0524F;
    border: 0px;
    font-family: Hind;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    transition: background 300ms ease-out;
}

.weblink-woo-filters button[type="submit"].reset {
    display: block;
    width: calc(100% - 48px);
    height: 56px;
    font-family: Hind;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    text-decoration: underline;
    color: #000000;
    background: transparent;
    border: 0;
}

.weblink-woo-filters button[type="submit"]:not(.reset):hover {
    background: #CBA280;
}

/* Selected filters */
.weblink-woo-filters-selected {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.weblink-woo-filters-selected:after {
    content: "";
    width: 1px;
    height: 24px;
    background: #EFEFEF;
    display: block;
}

.weblink-woo-filters-selected .filter-selected-badge {
    border: 1px solid #EFEFEF;
    border-radius: 120px;
    padding: 8px 16px;
    white-space: nowrap;
    font-size: 14px;
    line-height: 22px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

.weblink-woo-filters-selected button[type="submit"] {
    display: block;
    width: calc(100% - 48px);
    height: 40px;
    font-family: Hind;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    text-decoration: underline;
    color: #000000;
    background: transparent;
    border: 0;
}

.weblink-woo-filters-selected .remove-filter {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6668 4.27334L11.7268 3.33334L8.00016 7.06001L4.2735 3.33334L3.3335 4.27334L7.06016 8.00001L3.3335 11.7267L4.2735 12.6667L8.00016 8.94001L11.7268 12.6667L12.6668 11.7267L8.94016 8.00001L12.6668 4.27334Z" fill="black"/></svg>');
    display: block;
    height: 20px;
    padding: 2px;
    margin-left: 2px;
    cursor: pointer;
}

/* Tags Badge */
.elementor-widget-tags_badge .product-tag-badge {
    color: var(--e-global-color-accent);
    font-size: 14px;
    font-weight: 600;
    padding: 4px 12px 4px 12px;
    background-color: var(--e-global-color-cd27fe7);
    border-radius: 20px 20px 20px 20px;
    display: block;
}

.elementor-widget-tags_badge .weblink-tags-badge {
    display: flex;
    gap: 4px;
}

.elementor-widget-tags_badge .weblink-tags-badge.vertical {
    flex-direction: column;
}

/* 
Colors
#e6bc93 -> Gold
#b0524f -> Red
#633e2c -> Brown
#74694b -> Green
*/

.elementor-widget-tags_badge .product-tag-badge.gold {
    color: #b0524f;
    background-color: #e6bc93;
}

.elementor-widget-tags_badge .product-tag-badge.red {
    color: #ffffff;
    background-color: #b0524f;
}

.elementor-widget-tags_badge .product-tag-badge.brown {
    color: #ffffff;
    background-color: #633e2c;
}

.elementor-widget-tags_badge .product-tag-badge.green {
    color: #ffffff;
    background-color: #74694b;
}
