/*
Theme Name:  YITH Proteo Child — Domo Butik
Description: Motyw potomny YITH Proteo z lekkimi poprawkami sprzedażowymi (CRO) i odświeżeniem typografii dla domobutik.pl.
Template:    yith-proteo
Version:     1.0.0
Author:      Domo Butik
Text Domain: yith-proteo-child
*/

/* ==========================================================================
   1. Typografia — delikatne odświeżenie
   Motyw rodzica steruje kolorami/rozmiarami przez zmienne --proteo-*
   (Customizer). Tu tylko korekty czytelności, bez zmiany palety.
   ========================================================================== */

h1, h2, h3 {
	line-height: 1.25;
	letter-spacing: -0.01em;
}

/* Tytuł produktu na liście: pełna czytelność, równa wysokość kafelków */
ul.products li.product .woocommerce-loop-product__title {
	font-size: 1rem;
	line-height: 1.4;
	min-height: 2.8em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Cena — najważniejsza informacja na kafelku i karcie produktu */
ul.products li.product .price {
	font-size: 1.05rem;
	font-weight: 700;
}

ul.products li.product .price del {
	font-weight: 400;
	font-size: 0.85em;
	opacity: 0.6;
}

.single-product div.product .summary .price {
	font-size: 1.6rem;
	font-weight: 700;
}

.single-product div.product .summary .price del {
	font-size: 0.7em;
	font-weight: 400;
	opacity: 0.6;
}

/* ==========================================================================
   2. Siatka produktów — spacing i mikro-interakcje
   ========================================================================== */

ul.products li.product {
	border-radius: 8px;
	padding: 8px;
	transition: box-shadow ease 0.25s, transform ease 0.25s;
}

ul.products li.product:hover {
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.09);
	transform: translateY(-2px);
}

ul.products li.product img {
	border-radius: 6px;
}

/* ==========================================================================
   3. CRO: przycisk "Dodaj do koszyka"
   Kolory dziedziczone ze zmiennych rodzica — podbijamy tylko widoczność.
   ========================================================================== */

/* Na karcie produktu: pełnowymiarowy, nie do przeoczenia */
.single-product div.product .summary .single_add_to_cart_button {
	font-size: 1.05rem;
	padding: 0.9em 2.2em;
	font-weight: 700;
	text-transform: none;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

.single-product div.product .summary .single_add_to_cart_button:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

/* Na listingu: przycisk zawsze czytelny */
ul.products li.product .add_to_cart_button,
ul.products li.product .product_type_variable {
	font-weight: 700;
}

/* ==========================================================================
   4. CRO: badge promocji
   Rodzic: kwadratowy, 13px. Child: pigułka, lepiej widoczna na zdjęciach.
   Kolor nadal z Customizera (--proteo-sale_badge_*).
   ========================================================================== */

span.onsale,
.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale {
	padding: 4px 12px;
	border-radius: 999px;
	letter-spacing: 0.03em;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   5. Omnibus — informacja o najniższej cenie z 30 dni
   Wtyczka "Omnibus — show the lowest price" (iWorks) używa .iworks-omnibus.
   Dyskretnie, ale czytelnie — wymóg prawny nie musi krzyczeć.
   ========================================================================== */

.iworks-omnibus {
	display: block;
	margin-top: 0.35em;
	font-size: 0.8rem;
	line-height: 1.4;
	opacity: 0.75;
}

.single-product div.product .summary .iworks-omnibus {
	font-size: 0.85rem;
	margin-top: -0.5em;
	margin-bottom: 1em;
}

/* ==========================================================================
   6. Karta produktu — porządek w sekcji zakupowej
   ========================================================================== */

/* Główne zdjęcie galerii: limit wysokości dla bardzo pionowych kadrów
   (np. zdjęcia portretowe modelek), żeby nie zdominowało strony produktu.
   Proporcje zachowane (max-width + max-height + height:auto), bez przycinania. */
.single-product div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
	max-height: 700px;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.single-product div.product .summary .product_title {
	font-size: 1.7rem;
	line-height: 1.25;
	margin-bottom: 0.4em;
}

/* Meta (SKU, kategorie) — mniejsze, nie konkuruje z ceną i przyciskiem */
.single-product div.product .summary .product_meta {
	font-size: 0.85rem;
	opacity: 0.8;
}