/*
Theme Name: Kiosko Child
Template: kiosko
Description: Motyw potomny dla Kiosko - przechowuje wszystkie zmiany Dwa-Tak, żeby przetrwały aktualizacje motywu nadrzędnego.
Author: Dwa-Tak
Version: 1.0.0
Text Domain: kiosko-child
*/

/* Przerywana biała linia wsunięta do wewnątrz przycisków (styl "pigułka") */
.wp-element-button {
	outline: 2px dashed var(--wp--preset--color--base);
	outline-offset: -6px;
}

/* Podmiana zdjęcia produktu na drugie z galerii po najechaniu myszką (siatka produktów) */
.wc-block-components-product-image {
	overflow: hidden;
}

.kiosko-product-hover-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.25s ease;
	pointer-events: none;
}

.wc-block-components-product-image:hover .kiosko-product-hover-image {
	opacity: 1;
}

/* Panel filtrów/kategorii przy sklepie (strona główna) - czytelna wersja */
.wp-block-column .wp-block-woocommerce-product-categories,
.wp-block-column .wp-block-woocommerce-filter-wrapper {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--tertiary);
	border-radius: 6px;
	padding: 1.25rem;
	margin-bottom: 1rem;
}

.wp-block-column .wp-block-woocommerce-filter-wrapper h3 {
	margin-top: 0 !important;
	margin-bottom: 0.75rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--wp--preset--color--tertiary);
	font-size: var(--wp--preset--font-size--small);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Ukryj puste "ramki" filtrów: panel aktywnych filtrów gdy nic nie jest
   jeszcze wybrane oraz filtr atrybutu, który nie ma żadnych pasujących
   produktów (inaczej widać samą obramówkę/nagłówek bez zawartości). */
.wp-block-woocommerce-filter-wrapper[data-filter-type="active-filters"]:not(:has(.wc-block-active-filters-list__item)) {
	display: none;
}

.wp-block-woocommerce-filter-wrapper[data-filter-type="attribute-filter"]:not(:has(.wc-block-components-checkbox-list-item)) {
	display: none;
}

/* Lista kategorii */
.wc-block-product-categories-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wc-block-product-categories-list .wc-block-product-categories-list {
	margin-left: 1rem;
	margin-top: 0.4rem;
	padding-left: 0.75rem;
	border-left: 1px solid var(--wp--preset--color--tertiary);
}

.wc-block-product-categories-list-item {
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--wp--preset--color--tertiary);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
}

/* WooCommerce umieszcza zagnieżdżoną listę podkategorii jako rodzeństwo
   linku wewnątrz tego samego <li>. Bez flex-basis:100% flexbox wciskał
   całe poddrzewo w ten sam wiersz co element nadrzędny. */
.wc-block-product-categories-list-item > .wc-block-product-categories-list {
	flex-basis: 100%;
	width: 100%;
}

.wc-block-product-categories-list-item:last-child {
	border-bottom: none;
}

.wc-block-product-categories-list-item a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.35;
}

.wc-block-product-categories-list--depth-0 > .wc-block-product-categories-list-item > a {
	font-weight: 600;
	font-size: var(--wp--preset--font-size--medium);
}

.wc-block-product-categories-list-item a:hover {
	color: var(--wp--preset--color--primary);
}

.wc-block-product-categories-list-item-count {
	font-size: 0.75rem;
	color: var(--wp--preset--color--contrast);
	opacity: 0.6;
	flex-shrink: 0;
}

.wc-block-product-categories-list--depth-0 > .wc-block-product-categories-list-item > .wc-block-product-categories-list-item-count {
	font-size: 0.8rem;
}

/* Filtr ceny / atrybutów - listy checkboxów */
.wc-block-components-checkbox-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wc-block-components-checkbox-list-item {
	padding: 0.3rem 0;
}

.wc-block-components-checkbox-list-item label {
	font-size: var(--wp--preset--font-size--small);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.wc-block-price-filter .wc-block-price-filter__range-input-wrapper {
	margin: 0.75rem 0;
}

.wc-block-price-filter__amount {
	border: 1px solid var(--wp--preset--color--tertiary);
	border-radius: 4px;
}

.wc-block-price-filter__range-input-progress {
	--range-color: var(--wp--preset--color--primary);
}

.wc-block-components-filter-submit-button,
.wc-block-price-filter__button {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border-radius: 4px;
	border: none;
}

/* Aktywne filtry jako "chipy" */
.wc-block-active-filters__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wc-block-active-filters-list__item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	background: var(--wp--preset--color--tertiary);
	border-radius: 999px;
	padding: 0.25rem 0.75rem;
	margin: 0 0.35rem 0.35rem 0;
	font-size: 0.8rem;
}

@media (max-width: 782px) {
	.wp-block-columns.alignwide > .wp-block-column {
		flex-basis: 100% !important;
	}
}

/* Logo w nagłówku na małych ekranach (przeniesione z Dodatkowy CSS w Kreatorze) */
@media (max-width: 480px) {
	.wp-block-gallery.has-nested-images figure.wp-block-image img.wp-image-1449 {
		width: 120px !important;
		max-width: 120px !important;
		height: auto !important;
	}
}