/* Product Finder Block Styles */

.product-finder-wrapper {
    margin: 8rem auto 0;
	    width: var(--theme-container-width, 1200px);
    max-width: var(--theme-normal-container-max-width, 1200px);
}

.product-finder-title{
	font-size: 20px;
}

.product-finder-wrapper .woocommerce-loop-product__title a, .product-finder-wrapper .woocommerce-loop-product__title{
	font-size: 1.4rem;
	line-height: 110%;
	--theme-line-height:110%;
	--theme-font-size:1;
	color: #fff;
}
.product-finder-description{
	color:#fff;
}
.product-finder-item{
	padding: 1.6rem;
	border: 0.1rem solid #ffffff90;
	border-radius: 1.5rem;
	transition: 0.3s ease;
}
.product-finder-image{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}
.product-finder-item img{
	transition: 0.3s ease;
}
.product-finder-item:hover{
	    border-color: #F5C422;
	box-shadow: 0px 4px 26.3px 0px #FFFFFF40 inset;
}
.product-finder-item:hover img{
	transform: scale(1.1);
}
.c-product-finder__form {
        background: #141414;
    box-shadow: 0px 4px 56.3px 0px #62626240 inset;
    padding: 1.5rem;
    border-radius: 0;
    margin-bottom: 2rem;
}

.c-filter-tag-group {
    margin-bottom: 2rem;
}

.c-filter-tag-group__legend {
    font-weight: 600;
    margin-bottom: 0.75rem;
	color:#fff;
    display: block;
    font-size: 1.4rem;
}

.c-filter-tag-group__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.c-filter-tag {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
	margin-bottom:0;
}

.c-filter-tag__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.c-filter-tag__label {
    display: inline-block;
    padding: 0.4rem 1rem;
    background: #fff0;
    border: 1px solid #fff;
	color:#fff;
    border-radius: 30px;
    font-size: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.c-filter-tag__input:checked + .c-filter-tag__label {
    background: linear-gradient(99.16deg, #F9B531 0.11%, #FFD981 50%, #F5C422 99.89%);
    box-shadow: 0px 4px 56.3px 0px #FFFFFF40 inset;
	border-color: #F5C422;
    color: #000;
}

.c-product-finder__buttons {
    margin-top: 2rem;
	display: flex;
	justify-content: end;
}

.c-button--tertiary {
    background: transparent;
    border: 1px solid #ccc;
    padding: 0.4rem 1rem;
    border-radius: 30px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
	color:#fff;
}

.c-teaser-group__grid {
    display: grid;
    grid-template-columns: repeat(var(--finder-columns, 3), 1fr);
    gap: 2rem;
    margin-top: 1.5rem;
}

@media (max-width: 992px) {
    .c-teaser-group__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .c-teaser-group__grid {
        grid-template-columns: 1fr;
    }
}

.c-teaser {
    transition: transform 0.3s, opacity 0.3s;
}

.c-teaser__wrap {
    display: block;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: box-shadow 0.2s;
}

.c-teaser__wrap:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.c-teaser__grid {
    display: flex;
    flex-direction: column;
}

.c-teaser__media-box {
    order: -1;
}

.c-teaser__media-box img {
    width: 100%;
    height: auto;
    display: block;
}

.c-teaser__text-box {
    padding: 1rem;
}

.c-teaser__headline {
    font-size: 1.1rem;
    margin: 0 0 0.5rem 0;
}

.c-teaser__text p {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
}

.finder-no-results {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem;
    background: #f9f9f9;
    border-radius: 12px;
}

.loader-overlay {
    position: relative;
    min-height: 200px;
}

.loader-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*     background: rgba(255,255,255,0.8) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32"><circle cx="12" cy="12" r="10" stroke="%23f9b531" stroke-width="2" fill="none" stroke-dasharray="31.4 31.4" stroke-linecap="round"><animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/></circle></svg>') center no-repeat; */
    z-index: 10;
}

.c-filter-tag.disabled {
    opacity: 0.8;
    cursor: not-allowed;
}
.c-filter-tag.disabled .c-filter-tag__label {
    background: #f0f0f020;
    border-color: #ddd;
    cursor: not-allowed;
	color: #ffffff99;
}
.c-filter-tag__input:disabled + .c-filter-tag__label {
    background: #f0f0f020;
    border-color: #ddd;
    cursor: not-allowed;
	color: #ffffff99;
}