/*
Theme Name: Minimog Child
Theme URI: http://minimog.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 1.0.0
Template: minimog
Text Domain:  minimog-child
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* Karty produktů — přesně podle zdrojového kódu z Claude Design (sekce "Čerstvě z dílny") */
.woocommerce .product .product-wrapper,
.elementor-widget-shortcode .product .product-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #FAF4F0;
	border: 1px solid #EEE3DC;
	border-radius: 18px;
	padding: 0;
	overflow: hidden;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.woocommerce .product:hover .product-wrapper,
.elementor-widget-shortcode .product:hover .product-wrapper {
	box-shadow: 0 20px 44px -24px rgba(33, 26, 31, 0.4);
	transform: translateY(-4px);
}

/* Náhledový obrázek — bílé okno v poměru 4:5, obrázek vycentrovaný uvnitř */
.woocommerce .product .product-thumbnail,
.elementor-widget-shortcode .product .product-thumbnail {
	position: relative;
	aspect-ratio: 4 / 5;
	background-color: #FFFFFF;
	padding: 18px;
	margin: 0 !important;
	border-radius: 0;
	overflow: hidden;
}
.woocommerce .product .product-thumbnail .thumbnail,
.elementor-widget-shortcode .product .product-thumbnail .thumbnail {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 0;
	overflow: hidden;
}
.woocommerce .product .product-thumbnail .product-main-image,
.elementor-widget-shortcode .product .product-thumbnail .product-main-image {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.woocommerce .product .product-thumbnail img,
.elementor-widget-shortcode .product .product-thumbnail img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: transform 0.4s ease;
}
.woocommerce .product:hover .product-thumbnail img,
.elementor-widget-shortcode .product:hover .product-thumbnail img {
	transform: scale(1.06);
}

/* Karta v carouselu (swiper related/upsell) — swiper vynucuje stejnou výšku slidů, karta se nemá roztahovat */
.swiper-slide.product .product-wrapper {
	height: auto;
}

/* Textová část karty — grid místo flex-wrap: spolehlivě drží cenu a tlačítko na jednom, vycentrovaném řádku bez ohledu na délku textu */
.woocommerce .product .product-info,
.elementor-widget-shortcode .product .product-info {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto auto 1fr auto;
	align-items: center;
	column-gap: 8px;
	row-gap: 7px;
	padding: 15px 16px 17px !important;
}

/* Popisek kategorie — malý, muted, velká písmena */
.woocommerce .product .loop-product-category,
.woocommerce .product .loop-product-category a,
.elementor-widget-shortcode .product .loop-product-category,
.elementor-widget-shortcode .product .loop-product-category a {
	color: #A38A93;
	font-weight: 600;
	font-size: 11.5px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.woocommerce .product .product-info .loop-product-category,
.elementor-widget-shortcode .product .product-info .loop-product-category {
	grid-row: 1;
	grid-column: 1 / -1;
	margin: 0;
}

/* Název produktu */
.woocommerce .product .woocommerce-loop-product__title,
.woocommerce .product .woocommerce-loop-product__title a,
.elementor-widget-shortcode .product .woocommerce-loop-product__title,
.elementor-widget-shortcode .product .woocommerce-loop-product__title a {
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.22;
	color: #211A1F;
}
.woocommerce .product .product-info .woocommerce-loop-product__title,
.elementor-widget-shortcode .product .product-info .woocommerce-loop-product__title {
	grid-row: 2;
	grid-column: 1 / -1;
	margin: 0;
}

/* Cena a tlačítko — stejný grid řádek (row 4), vycentrované vůči sobě, přitisknuté ke spodu karty díky flexibilnímu řádku 3 */
.woocommerce .product .product-info .price,
.elementor-widget-shortcode .product .product-info .price {
	grid-row: 4;
	grid-column: 1;
	margin: 0 !important;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	color: #211A1F;
}
.woocommerce .product .product-info .product-action,
.elementor-widget-shortcode .product .product-info .product-action {
	grid-row: 4;
	grid-column: 2;
	margin: 0 !important;
	padding: 0;
	justify-self: end;
}
/* "vč. DPH" u ceny na dlaždici produktu (např. Podobné produkty) — .cica-vat-note se tu spoléhá na grid-column z .entry-price-wrap, který tu není, takže bez tohohle je nalepené na cenu */
.woocommerce .product .product-info .price .cica-vat-note,
.elementor-widget-shortcode .product .product-info .price .cica-vat-note {
	margin-left: 6px;
}
.woocommerce .product .product-info .product-action a.button,
.elementor-widget-shortcode .product .product-info .product-action a.button {
	min-width: 0;
	width: auto;
	height: auto;
	padding: 9px 15px;
	font-size: 13px;
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
	background-color: #C8506C;
}
.woocommerce .product .product-info .product-action a.button:hover,
.elementor-widget-shortcode .product .product-info .product-action a.button:hover {
	background-color: #AE4259;
}

/* Jednotná šířka containeru pro celý web — statické prvky motivu (hlavička, patička, archiv, blog...) */
.container {
	max-width: 1280px !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
}
@media (max-width: 1024px) {
	.container {
		max-width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* ============ DETAIL PRODUKTU podle návrhu ============ */

/* Skrýt prvky, které v návrhu nejsou (live viewers, compare/dotaz/sdílet, doručení, quick comparison) */
.live-viewing-visitors,
.product-popup-links,
.entry-product-meta-shipping,
.minimog-quick-table-wrap {
	display: none !important;
}

/* Breadcrumb — malý, tlumený */
#page-title-bar {
	background: transparent !important;
	padding: 24px 0 0;
}
#page-title-bar .page-title-bar-bg {
	display: none;
}
.insight_core_breadcrumb,
.insight_core_breadcrumb a,
.insight_core_breadcrumb li {
	font-size: 13px;
	color: #8B7B82;
}
.insight_core_breadcrumb a {
	text-decoration: none;
}

/* Galerie — zaoblená karta s barevným pozadím, obrázek se stínem */
.woo-single-gallery .product-main-image .woocommerce-product-gallery__image,
.woo-single-gallery .woocommerce-product-gallery__image {
	background-color: #F8F1F4;
	border-radius: 24px;
	padding: 30px;
}
.woo-single-gallery .woocommerce-product-gallery__image img {
	filter: drop-shadow(0 24px 44px rgba(33, 26, 31, 0.2));
}

/* Summary jako flex sloupec — pořadí bloků podle návrhu */
.summary.entry-summary {
	display: flex;
	flex-direction: column;
}
.summary.entry-summary > .entry-product-badges { order: 0; }
.summary.entry-summary > .product-title-wrap { order: 2; }
.summary.entry-summary > .entry-price-wrap {
	order: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
/* .entry-rating-wrap dřív nesl hvězdičkové hodnocení nad cenou (proto order
   1 před cenou s order 2) — recenze jsou teď u produktů plošně vypnuté,
   takže tenhle obal je prázdný, s výjimkou pluginu Toret Toolkit ("Nejlepší
   cena za posledních 30 dní"), který do něj vkládá obsah přes stejný hák
   (minimog/single_product/after_price). Ten chceme naopak POD cenou, proto
   pořadí obráceně. */
.summary.entry-summary .entry-rating-wrap { order: 3; margin-top: 0; }
.summary.entry-summary .entry-price-wrap > .price { order: 2; }
.summary.entry-summary > .stock { order: 5; }
.summary.entry-summary > form.cart { order: 7; }
/* Hlídací formulář u JEDNODUCHÝCH (nevariantních) produktů — plugin ho vykresluje jako
   přímého potomka .entry-summary (hned za form.cart), ale bez explicitního "order" by
   defaultně spadl na 0 a flex by ho vizuálně vytáhl úplně nahoru, před nadpis a cenu. */
.summary.entry-summary > .cwginstock-subscribe-form { order: 7; }
.cica-trust-badges { order: 8; }
.summary.entry-summary > .single-product-accordion { order: 11; }

/* Název produktu */
.product_title.entry-title {
	font-family: "Bricolage Grotesque", sans-serif !important;
	font-weight: 800 !important;
	font-size: 42px !important;
	line-height: 1.06 !important;
	letter-spacing: -0.02em;
	color: #211A1F;
}

/* Hvězdičkové hodnocení — přesně podle návrhu (#C8506C, 15px, těsné rozestupy) */
.entry-rating-wrap .tm-star-rating {
	--size: 15px;
	--fill: #C8506C;
	--half: #C8506C;
	--empty: #C8506C;
}
.entry-rating-wrap .tm-star-rating > svg {
	margin: 0 1.8px 0 0;
}

/* Toret Toolkit — "Nejlepší cena za posledních 30 dní" (.ttol-best-price-wrap).
   Plugin má vlastní CSS s opacity:0.6 a font-size:0.8em (public/assets/css/
   public.css) — sjednoceno na 14px bez ztlumení, včetně vnořené částky. */
.entry-price-wrap .ttol-best-price-wrap {
	opacity: 1;
	font-size: 14px;
}
.entry-price-wrap .ttol-best-price-wrap .woocommerce-Price-amount {
	font-size: 14px;
}

/* Toret Toolkit — formulář "Odstoupení od smlouvy" ([toret_withdrawal_form]).
   Pole Číslo objednávky / Celé jméno / E-mailová adresa přebírají
   WooCommerce třídy form-row-first/form-row-wide ze šablony checkoutu
   (počítá se s dvojicemi polí vedle sebe), zde jsou ale samostatná — proto
   různá šířka. Wrapper je navíc flexbox, takže nestačí jen width — bez
   flex-basis se šířka řídí flex-grow/shrink, ne width. Scoped na
   .ttol-withdrawal-form, ať se nedotkne skutečného checkoutu, který
   stejné WooCommerce třídy taky používá. */
.ttol-withdrawal-form .woocommerce-billing-fields__field-wrapper .form-row {
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	float: none;
}

/* Tlačítko "Odeslat žádost o odstoupení" — motiv nastavuje pevnou výšku
   (45px) společně s paddingem, který si s touhle výškou nesedí (text pak
   není svisle vycentrovaný). Flexbox centrování obsahu obejde ten
   nesoulad bez ohledu na konkrétní hodnoty výšky/paddingu/line-height. */
.ttol-withdrawal-submit-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
}

/* Cena — stará cena přeškrtnutá nad aktuální cenou, "vč. DPH" hned vedle aktuální ceny na stejném řádku */
.entry-price-wrap .price {
	display: grid;
	grid-template-columns: auto auto auto;
	row-gap: 2px;
	column-gap: 10px;
	justify-content: start;
	justify-items: start;
}
/* Vnitřní .price (cena variabilního produktu s "od") — bez toho dědí grid layout z pravidla výše */
.entry-price-wrap .price .price {
	display: flex;
	align-items: baseline;
}
.entry-price-wrap .price del {
	grid-row: 1;
	grid-column: 1 / -1;
	text-decoration: line-through;
}
.entry-price-wrap .price del .woocommerce-Price-amount {
	font-family: "Hanken Grotesk", sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #A38A93 !important;
	text-decoration: line-through;
}
.entry-price-wrap .price ins,
.entry-price-wrap .price > .woocommerce-Price-amount,
.entry-price-wrap .price > span.price {
	grid-row: 2;
	grid-column: 1;
	align-self: baseline;
	text-decoration: none;
}
.entry-price-wrap .price ins .woocommerce-Price-amount,
.entry-price-wrap .price > .woocommerce-Price-amount {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 32px;
	color: #211A1F !important;
}
.cica-vat-note {
	grid-row: 2;
	grid-column: 2;
	align-self: baseline;
	display: inline-block;
	font-size: 13.5px;
	font-weight: 400;
	color: #8B7B82;
	margin: 0;
}

/* Sklad */
.stock.entry-product-stock {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 600; /* sjednoceno s okolním textem (např. "vč. DPH" u ceny) na 600 */
	color: #5E8C6A !important;
	margin: 8px 0 0 !important;
}
.stock.entry-product-stock.out-of-stock {
	color: #B3564F !important;
}
/* Hláška "Skladem zbývá už jen X kus!" — text je "Skladem zbývá už jen " + <span class="value">X</span>
   + " kus!", ale rodič má display:inline-flex + gap:6px (kvůli zarovnání ikony u jiných
   variant hlášky). Flex bere text kolem <span> jako samostatné položky a mezi ně strká
   gap navíc — proto ta velká mezera kolem čísla. U týhle varianty (bez ikony) flex vůbec
   netřeba, takže se přepne zpět na normální plynulý text. */
.stock.entry-product-stock.low-stock-bar {
	display: inline;
	gap: 0;
}

/* Tlačítko přidat do košíku — margin 0, aby bylo vertikálně vycentrované vedle voliče množství */
form.cart .single_add_to_cart_button {
	background-color: #C8506C;
	border-radius: 999px;
	font-family: "Hanken Grotesk", sans-serif;
	font-weight: 700;
	font-size: 16px;
	height: 50px;
	margin: 0 !important;
}
form.cart .single_add_to_cart_button:hover {
	background-color: #AE4259;
}

/* Řádek důvěryhodnostních pilulek */
.cica-trust-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}
.cica-trust-badge {
	font-size: 12.5px;
	font-weight: 600;
	padding: 8px 14px;
	border-radius: 999px;
}
.cica-trust-badge--pink {
	color: #5C4F54;
	background-color: #F8F1F4;
}
.cica-trust-badge--green {
	color: #41513F;
	background-color: #E7EEE6;
}

/* Akordeon (Popis, doplňkové taby) */
.single-product-accordion {
	margin-top: 26px;
	border-top: 1px solid #EEE3DC;
}
.single-product-accordion .accordion-section {
	border-bottom: 1px solid #EEE3DC;
}
.single-product-accordion .accordion-title {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #211A1F;
}

/* "O motivu" zůstává vždy rozbalené — obsah trvale viditelný, bez možnosti sbalit */
#tab-description .accordion-content {
	display: block !important;
	height: auto !important;
	overflow: visible !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	padding-bottom: 16px !important;
}
#tab-description .accordion-icons {
	display: none;
}
#tab-description .accordion-header {
	cursor: default;
}

/* Výběr variant (velikost/formát) — obdélníkové pilulky, růžový okraj + jemně růžové pozadí při výběru.
   Popisek (Velikost/Formát/...) na vlastním řádku nad dlaždicemi, ne vedle nich jako sloupec tabulky.
   Celá tabulka (table/tbody/tr/td) se musí přepnout na block layout, jinak si prohlížeč i po
   display:block na <tr> pořád počítá šířku sloupců podle tabulkového algoritmu. */
table.variations,
table.variations tbody {
	display: block;
	width: 100%;
}
.row-isw-swatch {
	display: block;
	width: 100%;
	margin-bottom: 16px;
}
.row-isw-swatch .label,
.row-isw-swatch .value {
	display: block;
	width: 100%;
	padding: 0 !important; /* přebíjí .single-product .entry-summary form.cart .variations td (10px 0) z motivu */
}
.row-isw-swatch .label {
	font-size: 13px;
	font-weight: 700;
	color: #211A1F;
	margin-bottom: 3px; /* původně 10px, zmenšeno na cca 1/3 */
}
.row-isw-swatch .label .selected-term-name {
	font-weight: 400;
	color: #6B5D63;
}
.isw-swatch--isw_text {
	display: flex;
	flex-wrap: wrap;
	gap: 4px; /* původně 8px, zmenšeno na polovinu */
}
.isw-swatch--isw_text .isw-term {
	margin: 0; /* přebíjí margin: 10px 10px 0 0 ze základního .isw-term v motivu (frontend.min.css) */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	gap: 2px;
	height: auto;
	padding: 12px 16px;
	border: 2px solid #E4D7D0;
	border-radius: 14px;
	background-color: #FFFFFF;
	font-family: "Hanken Grotesk", sans-serif;
	line-height: normal;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}
.isw-swatch--isw_text .isw-term.isw-enabled:hover,
.isw-swatch--isw_text .isw-term.isw-selected {
	border-color: #C8506C;
	background-color: #FCEFF1;
}
.isw-swatch--isw_text .isw-term.isw-disabled {
	border-color: #EEE3DC;
}
.isw-swatch--isw_text .isw-term.isw-disabled .isw-term-label,
.isw-swatch--isw_text .isw-term.isw-disabled .isw-term-price {
	color: #C9BDB5;
}

/* Cena u jednotlivých variant (doplněna přes JS z dat WooCommerce variací) */
.isw-term-label {
	font-size: 14px;
	font-weight: 700;
	color: #211A1F;
}
.isw-term-price {
	font-size: 12px;
	font-weight: 400;
	color: #6B5D63;
}

/* Vyprodaná varianta — na první pohled odlišená zprůhledněním dlaždice (zůstává klikatelná,
   po výběru se standardně zobrazí "Není skladem" a tlačítko přidat do košíku se deaktivuje).
   Vybraná dlaždice (isw-selected) se zprůhledňovat nemá, i když je vyprodaná — musí být
   po výběru vidět stejně jako ostatní, ne "zašedlá". */
.isw-term.cica-term-out-of-stock {
	opacity: 0.5;
}
.isw-term.cica-term-out-of-stock.isw-selected {
	opacity: 1;
}

/* Volič množství — skrýt popisek "Quantity", pilulkový tvar podle návrhu, na stejném řádku s tlačítkem */
.summary.entry-summary .entry-product-quantity-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
}
.summary.entry-summary .entry-product-quantity-wrapper label {
	display: none !important;
}
.summary.entry-summary .quantity-button-wrapper.quantity-input-number {
	margin: 0 !important;
	height: 48px;
}
.summary.entry-summary div.quantity input.qty {
	height: 48px !important;
	background-color: #FFFFFF !important;
	border: 1.5px solid #E4D7D0 !important;
	border-radius: 999px !important;
	color: #211A1F;
	font-family: "Hanken Grotesk", sans-serif;
	font-weight: 700;
}
.summary.entry-summary div.quantity .decrease,
.summary.entry-summary div.quantity .increase {
	height: 48px;
}
.summary.entry-summary div.quantity .decrease::before,
.summary.entry-summary div.quantity .increase::before {
	color: #211A1F !important;
	font-size: 16px;
}

/* Štítky "Vyprodáno" a "Žhavé" (Hot) na dlaždici produktu — dřív tu byl CSS trik
   (skrytí textu + ::before s napevno napsaným "Hit"/"Vyprodáno"), protože
   "Hot"/"Sold out" byly v šabloně natvrdo anglicky (mimo gettext). Od dokončení
   překladu motivu (viz CHANGELOG) je ale reálný text ve <span> už správně česky
   ("Žhavé"/"Vyprodáno"), takže starý trik byl zastaralý a u "Hot" dokonce
   přebíjel správný překlad neaktuálním textem "Hit" — proto odstraněn. Barvy
   štítků zůstávají podle motivu (nesjednocovat, každý typ má zůstat odlišený). */

/* Skrýt odkaz "Clear" pro zrušení vybrané varianty */
.reset_variations-wrap {
	display: none !important;
}
.row-clear-variations {
	display: none !important;
}

/* Sklad — celý text jednou barvou a stejnou tučností (číslo v .value dřív mělo vlastní
   tmavou barvu a jiný font-weight 500 než zbytek textu 600), skrytý progress bar */
.stock.entry-product-stock .value {
	color: inherit !important;
	font-weight: inherit !important;
}
.stock.entry-product-stock .minimog-progress {
	display: none !important;
}

/* Ostatní štítky (Žhavé, Nejprodávanější, Novinka, vlastní štítky, Vyprodáno) — zobrazené
   nad kategorií/názvem produktu, v řádku vedle sebe místo absolutního překrytí obrázku. */
.summary.entry-summary > .entry-product-badges {
	position: static;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
}
/* Badge se slevou (-X %) — skrytý na původním místě, přesunut přes JS za "vč. DPH" v cenovém řádku */
.summary.entry-summary > .entry-product-badges .onsale,
.summary.entry-summary > .entry-product-badges .flash-sale {
	display: none !important;
}
.entry-price-wrap .price .vi-sctv-sale-badge.onsale {
	grid-row: 2;
	grid-column: 3;
	align-self: center;
	display: inline-block;
	background-color: #211A1F;
	color: #FFFFFF;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: normal;
	padding: 5px 10px;
	border-radius: 999px;
}
.entry-price-wrap .price .vi-sctv-sale-badge.onsale span {
	color: inherit;
	font: inherit;
}

/* "Hlídací koťátko" — Back In Stock Notifier (CodeWich). Tlačítko "Vložit do košíku"
   a volič množství se schovají, když je aktuálně vybraná varianta vyprodaná a místo
   nich se ukáže formulář na hlídání naskladnění — nikdy oboje najednou.
   Pozor: WooCommerce/motiv dávají STEJNOU třídu "...-disabled" na obal i ve stavu
   "zatím nic nevybráno" (kdy má být tlačítko normálně vidět, jen neaktivní — klik
   spustí nativní hlášku "vyber prosím variantu"), takže se nedá cílit jen podle ní.
   Rozlišujeme podle třídy na samotném tlačítku, kterou přidává až JS při nalezení
   KONKRÉTNÍ (nedostupné) varianty. */
.woocommerce-variation-add-to-cart:has(.single_add_to_cart_button.wc-variation-is-unavailable) {
	display: none;
}
/* Produkty, kde není skladem vůbec žádná varianta (viz #cica-instock-placeholder v PHP) —
   tlačítko "Vložit do košíku" se nezobrazuje ani v nevybraném stavu, natrvalo ho
   nahrazuje formulář na hlídání. */
.single_variation_wrap:has(#cica-instock-placeholder) .woocommerce-variation-add-to-cart {
	display: none !important;
}

/* Přestylizování panelu (plugin má vlastní Bootstrap vzhled) do stylu webu —
   stejné barvy/tvary jako dlaždice variant a primární tlačítko webu. */
.cwginstock-subscribe-form .panel,
.cwginstock-subscribe-form .panel-primary {
	border: none !important;
	border-radius: 18px !important; /* plugin má stejně specifické .cwginstock-subscribe-form .panel { border-radius: 4px } v bootstrap-prefix.css, načtené později */
	background-color: #FCEFF1;
	box-shadow: none;
	margin: 0 0 16px;
}
.cwginstock-subscribe-form .panel-heading,
.cwginstock-subscribe-form .panel-primary > .panel-heading {
	background: transparent !important;
	color: #211A1F !important;
	border: none !important;
	padding: 16px 16px 0;
}
.cwginstock-subscribe-form .panel-heading h4 {
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #211A1F;
	margin: 0;
}
.cwginstock-subscribe-form .panel-body {
	padding: 12px 16px 16px;
}
.cwginstock-subscribe-form .cwginstock-subscribe-form__form .form-group {
	margin: 0 0 8px;
}
/* Plugin používá stejnou třídu (.form-group.center-block) pro obal inputů i pro obal
   tlačítka — tohle cílí jen na ten první (obaluje inputy), je vždy prvním potomkem formuláře */
.cwginstock-subscribe-form .cwginstock-subscribe-form__form .form-group.center-block:first-child {
	margin-bottom: 0;
}
.cwginstock-subscribe-form input[type="text"],
.cwginstock-subscribe-form input[type="email"],
.cwginstock-subscribe-form input[type="tel"] {
	width: 100%;
	box-sizing: border-box;
	padding: 0 16px;
	border: 2px solid #E4D7D0;
	border-radius: 999px;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 14px;
	background-color: #FFFFFF;
}
.cwginstock-subscribe-form .cwgstock_button {
	display: inline-block;
	background-color: #C8506C;
	color: #FFFFFF;
	border: none;
	border-radius: 999px;
	padding: 10px 24px;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.15s ease;
}
.cwginstock-subscribe-form .cwgstock_button:hover {
	background-color: #B03D59;
}

/* Checkbox se souhlasem s podmínkami — plugin ho vykresluje jen jako label+input bez vlastního stylu */
.cwginstock-subscribe-form .cwg_iagree_checkbox {
	margin: 0 0 12px;
}
.cwginstock-subscribe-form .cwg_iagree_checkbox label {
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #211A1F;
	font-weight: 600;
	cursor: pointer;
}
.cwginstock-subscribe-form .cwg_iagree_checkbox input[type="checkbox"] {
	vertical-align: middle;
	accent-color: #C8506C;
}
.cwginstock-subscribe-form .cwg_iagree_checkbox a {
	color: #C8506C;
	font-weight: 600;
	text-decoration: underline;
}

/* Validační hláška (JS pluginu ji vkládá s inline style="color:red") */
.cwginstock-subscribe-form .cwginstockerror {
	color: #B3564F !important;
	font-size: 14px;
	line-height: 1.2;
}

/* Cena "od" u variabilních produktů (dlaždice ve výpisu) */
.cica-price-from {
	font-weight: 400;
}

/* Akordeon (styl 01) — bez mezery mezi sekcemi */
.minimog-accordion-style-01 .minimog-accordion .accordion-section + .accordion-section {
	margin-top: 0;
}

/* Výpis produktů — vlastní breakpointy počtu sloupců (doladěno oproti výchozím zlomům motivu 991/575px) */
@media (max-width: 1490px) {
	.minimog-grid-wrapper.minimog-product {
		--grid-columns: 3 !important;
	}
}
@media (max-width: 770px) {
	.minimog-grid-wrapper.minimog-product {
		--grid-columns: 2 !important;
	}
}

/* Dlaždice produktu pod 500px — tlačítko "Prohlédnout" na vlastním řádku, na celou šířku */
@media (max-width: 499px) {
	.woocommerce .product .product-info,
	.elementor-widget-shortcode .product .product-info {
		grid-template-rows: auto auto 1fr auto auto;
	}
	.woocommerce .product .product-info .price,
	.elementor-widget-shortcode .product .product-info .price {
		grid-row: 4;
		grid-column: 1 / -1;
	}
	.woocommerce .product .product-info .product-action,
	.elementor-widget-shortcode .product .product-info .product-action {
		grid-row: 5;
		grid-column: 1 / -1;
		justify-self: stretch;
	}
	.woocommerce .product .product-info .product-action a.button,
	.elementor-widget-shortcode .product .product-info .product-action a.button {
		width: 100%;
		text-align: center;
	}
}

/* Tlačítko "Filtry" (otevření mobilního bočního panelu) — bez sticky/fixed pozice, normální blok nad výpisem produktů */
.btn-open-off-sidebar-mobile {
	position: static;
	order: -2; /* před .page-main-content, ten má order: -1 (zobrazuje se na mobilu první, před sidebarem) */
	flex: 0 0 calc(100% - 30px); /* stejné odsazení od krajů jako .page-main-content (gutter containeru 15px) */
	width: auto;
	max-width: calc(100% - 30px);
	margin: 0 15px 16px;
	transform: none;
	justify-content: center;
	background: var(--minimog-color-primary);
	color: #fff;
	border-radius: 50px; /* stejné jako ostatní primární tlačítka (např. "Prohlédnout" na dlaždici produktu) */
}
.btn-open-off-sidebar-mobile:hover {
	background: #AE4259;
	color: #fff;
}
.btn-open-off-sidebar-mobile.position-left,
.btn-open-off-sidebar-mobile.position-right {
	left: auto;
	transform: none;
}

/* Přeškrtnutá/aktuální cena (sleva) — bez pravé mezery za del/ins */
.price del,
.price ins,
.tr-price del,
.tr-price ins,
.woosw-content-item--price del,
.woosw-content-item--price ins {
	margin-right: 0;
}

/* Hero na HP — na tabletu/mobilu bez okrajů, zaoblení jen dole */
@media (max-width: 1024px) {
	.elementor-30020 .elementor-element.elementor-element-1ae211a4 {
		margin: 0;
		border-radius: 0 0 32px 32px;
	}
}

@media (max-width: 440px) {
	.elementor-30020 .elementor-element.elementor-element-1ae211a4 {
		padding: 0 20px;
	}
}

/* Zrušit automatickou kapitalizaci nadpisu produktu a labelů u variant/množství */
.single-product .entry-title,
.single-product .entry-product-quantity-wrapper .quantity-button-wrapper > label,
.single-product .entry-summary form.cart .label > label {
	text-transform: none;
}

/* Nadpisy sekcí "Podobné produkty" / "Mohlo by se vám líbit" / "Naposledy zobrazené produkty" — doleva místo na střed, menší odsazení od dlaždic produktů (motiv má 43px, moc velká mezera) */
.entry-product-section-heading {
	text-align: left;
	margin-bottom: 15px;
}

/* Lišta nad výpisem produktů (počet výsledků + řazení) */
.woocommerce-result-count {
	font-size: 14px;
}
.shop-actions-toolbar > .inner > * {
	margin-bottom: 0;
}

/* Boční košík — zjednodušená patička: countdown, řádek Poznámka/Doprava/Kupón
   a mezisoučet/doprava v souhrnu jsou vypnuté (viz minimog_options), zůstává jen
   celková cena a tlačítka Pokladna / Zobrazit košík. Prázdný obal ikonek (pokud
   by se v budoucnu zase některá zapnula jednotlivě) i řádky souhrnu mimo Celkem
   nemají vlastní theme-option přepínač, proto CSS. */
.fly-cart-footer .cart-footer-actions {
	display: none; /* obsahuje jen whitespace z PHP šablony, když jsou Poznámka/Doprava/Kupón vypnuté — :empty na to nebere */
}
.fly-cart-footer .cart-totals-table > tfoot > tr:not(.order-total) {
	display: none;
}
.popup-fly-cart .cart-totals-row.order-total {
	border-top: none;
	margin-top: 0;
}
.fly-cart-footer {
	padding-bottom: 18px;
}

/* ============ STRÁNKA KOŠÍKU — dvousloupcové rozložení podle vzoru "samshop" ============
   Produkty vlevo, souhrn (cart_totals) vpravo jako "kartička", sticky při scrollování.
   #cart-collaterals normálně obaluje jak cart_totals, tak cross-sells (Určitě
   potřebujete ještě tohle) — přes display:contents ho "rozbalíme", ať jde cart_totals
   umístit vedle produktů a cross-sells pod ně na celou šířku. */
.cart_totals {
	width: 100%;
	max-width: 100%;
	box-shadow: none;
	border: 1px solid #EEE3DC;
	border-radius: 18px;
	background-color: #FFFFFF;
}
@media (min-width: 1025px) {
	.woocommerce-cart-form {
		display: grid;
		grid-template-columns: 1fr 380px;
		gap: 40px;
		align-items: start;
	}
	#cart-table-wrap {
		grid-column: 1;
		grid-row: 1;
	}
	#cart-collaterals {
		display: contents;
	}
	.cart_totals {
		grid-column: 2;
		grid-row: 1;
		position: sticky;
		top: calc(var(--header-height, 70px) + 20px);
	}
}
/* Nadpis doporučených produktů pod košíkem ("Určitě potřebujete ještě tohle!") —
   není součástí .woocommerce-cart-form (je to samostatný obsah stránky Košík za shortcode
   [woocommerce_cart]), takže mezera se řeší přímo na nadpisu, ne na .cart-content. */
.woocommerce-cart .page-content h2 {
	margin-top: 30px;
}

/* ============ STRÁNKA POKLADNY — souhrn objednávky jako "kartička", sticky ============
   Dvě vrstvy flexu tu hrají proti sobě: .row-checkout-wrap (display:flex,
   výchozí align-items: stretch) natahuje .col-checkout-review-order na
   výšku levého sloupce (ten je teď mnohem vyšší — přibyl výběr dopravy/
   platby nad fakturačním formulářem) — TOHLE je žádoucí, díky tomu má
   sticky prvek uvnitř dost místa se "posunovat". Jenže .col-checkout-
   review-order je SÁM taky display:flex (motiv), takže tím stejným
   výchozím stretch natahuje i SVÉ dítě .inner na stejnou výšku — a to už
   žádoucí není, protože .inner je ta viditelná bílá kartička se sticky
   pozicováním: když je od začátku stejně vysoká jako celý řádek, nemá kam
   "plout", jen to vypadá jako jedna obří kartička s prázdným místem dole.
   Řešení: nechat vnější řádek roztahovat (nedotčeno), ale zarovnat .inner
   uvnitř .col-checkout-review-order na přirozenou výšku přes align-items:
   flex-start NA .col-checkout-review-order (ne na row-checkout-wrap). */
.col-checkout-review-order {
	align-items: flex-start;
}
.col-checkout-review-order .inner {
	/* .col-checkout-review-order je display:flex (motiv) — bez explicitní
	   šířky se .inner jako flex item zmenší jen na šířku obsahu (shrink-to-
	   -fit), místo aby vyplnil celý sloupec. Nejvíc vidět po zlomení na 1
	   sloupec výš (přes 800px volného místa), ale platí to obecně. */
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #EEE3DC;
	border-radius: 18px;
	padding: 24px;
}
@media (min-width: 1025px) {
	.col-checkout-review-order .inner {
		position: sticky;
		top: 20px;/*calc(var(--header-height, 70px) + 20px);*/
	}
}
/* Pod 1025px (stejný breakpoint jako košík, viz .woocommerce-cart-form
   výš) zlomit na 1 sloupec — souhrn objednávky pod fakturační údaje
   místo vedle nich. Motiv má .col-checkout-forms-wrap/.col-checkout-
   review-order jako Bootstrapí col-md-7/col-md-5 (flex-basis/max-width v
   %), aktivní už od 768px, takže mezi 768-1024px byly oba sloupce
   nepříjemně vymáčknuté — přebito na 100% šířky, řádek přepnutý na
   column (DOM pořadí už samo dává souhrn až za formulář). */
@media (max-width: 1024px) {
	.row-checkout-wrap {
		flex-direction: column;
	}
	.col-checkout-forms-wrap,
	.col-checkout-review-order {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* Stránka košíku — 3 tlačítka Poznámka/Doprava/Kupón nahrazena rozbalovacím
   přidáním kupónu (viz minimog_child_cart_page_coupon_toggle) a nadpisem
   "Celkem k platbě" (viz minimog_child_cart_totals_heading). Doprava
   zjednodušena na jeden neinteraktivní řádek (viz template override
   woocommerce/cart/cart-shipping.php) — výběr metody zůstává na pokladně. */
.woocommerce-cart-form .cart_totals .cart-footer-actions {
	display: none;
}
.woocommerce-cart-form .cart_totals .cica-cart-totals-heading {
	margin: 0 0 16px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #211A1F;
}
.woocommerce-cart-form .cart_totals .cica-cart-coupon-toggle,
.woocommerce-checkout .cica-checkout-coupon-toggle-row .cica-cart-coupon-toggle {
	margin-top: 0;
}
.woocommerce-form-coupon-toggle {
	padding: 0;
}
/* Řádek "Vložit slevový kód" — text vlevo, šipka vpravo (vzor samshop), otočí se při rozbalení */
.cica-cart-coupon-toggle .cica-coupon-toggle-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-weight: 600;
	color: #211A1F;
}
.cica-cart-coupon-toggle .cica-coupon-chevron {
	flex-shrink: 0;
	color: #6B5D63;
	transition: transform 0.2s ease;
}
.cica-cart-coupon-toggle .cica-coupon-toggle-link[aria-expanded="true"] .cica-coupon-chevron {
	transform: rotate(180deg);
}
/* Input a tlačítko v jednom řádku vedle sebe (vzor samshop) místo pod sebou, input zakulacený jako tlačítko */
.cica-cart-coupon-toggle .form-coupon .form-row {
	display: flex;
	gap: 8px;
	margin-bottom: 0;
}
.cica-cart-coupon-toggle .form-coupon input.input-text {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	border-radius: 999px;
}
.cica-cart-coupon-toggle .form-coupon .button {
	flex-shrink: 0;
	width: auto;
}

/* Vizuální hierarchie souhrnu — Mezisoučet a Doprava menší/světlejší, Celkem výrazné (vzor samshop) */
.woocommerce-cart-form .cart_totals .cart-totals-table .cart-subtotal .cart-totals-label,
.woocommerce-cart-form .cart_totals .cart-totals-table .cart-subtotal .cart-totals-value,
.woocommerce-cart-form .cart_totals .cart-totals-table .cica-cart-shipping-simple .cart-totals-label,
.woocommerce-cart-form .cart_totals .cart-totals-table .cica-cart-shipping-simple .cart-totals-value {
	font-size: 14px;
	font-weight: 400;
	color: #8B7B82;
}
.woocommerce-cart-form .cart_totals .cart-totals-table .cica-cart-shipping-simple .cica-shipping-method-name {
	display: block;
	font-size: 12.5px;
	line-height: 1;
	color: #A38A93;
	margin-top: 2px;
}
.woocommerce-cart-form .cart_totals .cart-totals-table .order-total .cart-totals-label,
.woocommerce-cart-form .cart_totals .cart-totals-table .order-total .cart-totals-value {
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #211A1F;
}

/* Košík — skrýt hlavičku tabulky (Produkt/Cena/Množství/Mezisoučet). Hlavička je
   pod 768px stejně skrytá i motivem samotným (přechod na "kartový" mobilní vzhled
   s absolutně umístěným náhledem), takže tohle je bezpečné univerzálně. */
.woocommerce-cart-form__contents thead {
	display: none;
}
/* Zmenšení řádků produktů (padding, náhled) — jen na desktopu (>=768px). Motiv má
   pro mobil (<768px) samostatný "kartový" layout s .product-thumbnail nastaveným
   na position:absolute + pevné rozměry (viz table.shop_table v @media max-width:767px
   v motivu) — zásah do stejných vlastností tam obrázek úplně rozbil (vypadl mimo
   řádek), proto se ho tahle úprava netýká. */
@media (min-width: 768px) {
	.woocommerce-cart .shop_table td {
		padding-top: 15px !important; /* motiv má .woocommerce-cart .shop_table td s padding 30px (stejná selektor-specificita, ale deklarováno později) */
		padding-bottom: 15px !important;
	}
	.woocommerce-cart-form__contents .product-thumbnail img {
		max-width: 64px;
		max-height: 80px;
	}
	.woocommerce-cart-form__contents .product-thumbnail {
		width: 64px !important; /* motiv má .woocommerce-cart .shop_table .product-thumbnail (3 třídy, vyšší specificita) s width:110px */
		margin-right: 10px !important;
	}
}
.woocommerce-cart-form__contents .product-title {
	line-height: 20px !important; /* motiv má .woocommerce-cart .shop_table .product-title (3 třídy, vyšší specificita) s line-height:26px */
}
.woocommerce-cart-form__contents .product-price,
.woocommerce-cart-form__contents .product-subtotal {
	white-space: nowrap;
}
.woocommerce-cart-form__contents .remove.btn-remove-from-cart {
	color: #B3564F;
}

/* ============ STRÁNKA POKLADNY — 2. krok ============
   POKUS: výběr dopravy a platby přesunutý z pravého souhrnu do levého
   sloupce, nad fakturační formulář — pořadí "Vyberte dopravu" / "Vyberte
   platbu" / "Fakturační údaje" (viz minimog_child_checkout_left_column_selectors
   ve functions.php). Celý blok zabalený do "kartičky" stejného vzhledu jako
   souhrn objednávky (bílé pozadí, #EEE3DC okraj, 18px radius — stejné hodnoty
   jako .cart_totals / .col-checkout-review-order .inner). Doprava i platba
   sdílí jednotný vzhled položek (zaoblené rohy, značková růžová #C8506C na
   vybrané položce a u rádia — stejný odstín jako accent-color jinde v motivu,
   např. .cwginstock-subscribe-form checkbox). */
.cica-checkout-preselect {
	background-color: #FFFFFF;
	border: 1px solid #EEE3DC;
	border-radius: 18px;
	padding: 24px;
	margin-bottom: 30px;
}
.cica-checkout-preselect-section + .cica-checkout-preselect-section {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #EEE3DC;
}
.cica-checkout-preselect-section .checkout-payment-info-heading {
	margin: 0 0 16px;
	padding-top: 0; /* motiv má na .checkout-payment-info-heading natvrdo padding-top:35px (_checkout.scss) */
}
.woocommerce-checkout .woocommerce-shipping-methods {
	list-style: none;
	margin: 0;
	padding: 0;
}
.woocommerce-checkout .woocommerce-shipping-methods li {
	margin: 0;
	padding: 10px 14px;
	border: 1px solid #EEE3DC;
	border-radius: 12px;
	transition: border-color .15s ease, background-color .15s ease;
}
.woocommerce-checkout .woocommerce-shipping-methods li + li {
	margin-top: 10px;
}
.woocommerce-checkout .woocommerce-shipping-methods li:hover {
	border-color: #C8506C;
}
.woocommerce-checkout .woocommerce-shipping-methods li:has(input:checked) {
	background: #FBF0F2;
	border-color: #C8506C;
}
/* Radio + popisek metody na jednom řádku (vzhled jako platební metody).
   Obsah navěšený přes woocommerce_after_shipping_rate (např. tlačítko "Vybrat"
   pro výdejní místo u Balíkovny/Zásilkovny) záměrně MIMO tenhle flex wrapper —
   jde na vlastní řádek pod ním, jinak by se s dlouhým popiskem metody překrýval. */
.woocommerce-checkout .woocommerce-shipping-methods li .cica-shipping-method-row {
	display: flex;
	align-items: center;
	min-height: 34px;
	cursor: pointer;
}
.woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"] {
	flex-shrink: 0;
	margin-right: 10px;
	top: 0;
	accent-color: #C8506C;
}
.woocommerce-checkout .woocommerce-shipping-methods li label {
	display: flex;
	align-items: center;
	flex-grow: 1;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	color: #211A1F;
}
/* Cena dopravy (label = "Název metody: <span class="woocommerce-Price-
   amount">cena</span>", jeden textový uzel + span, vykresluje
   wc_cart_totals_shipping_method_label()) — tučně a zarovnaná doprava. */
.woocommerce-checkout .woocommerce-shipping-methods li label .woocommerce-Price-amount {
	margin-left: auto;
	padding-left: 10px;
	font-weight: 700;
}
/* Platební metody uvnitř karty — sjednoceno se stylem doprava (zaoblené rohy,
   stejná růžová na vybrané položce a hover), motivový .wc_payment_methods
   jinak beze změny (ikony/popisky brány zůstávají). */
.cica-checkout-preselect .wc_payment_methods .payment-title-wrap {
	border-radius: 12px;
	border-color: #EEE3DC;
	transition: border-color .15s ease, background-color .15s ease;
}
.cica-checkout-preselect .wc_payment_methods li:hover .payment-title-wrap {
	border-color: #C8506C;
}
.cica-checkout-preselect .wc_payment_methods .payment-selected .payment-title-wrap {
	background: #FBF0F2;
	border-color: #C8506C;
}
.cica-checkout-preselect .wc_payment_methods input.input-radio {
	accent-color: #C8506C;
}
/* Tlačítko "Vybrat pobočku" (plugin toret-gobalik, id vždy #tgb-ps-widget-opener)
   používá stejnou plnou růžovou jako primární tlačítka (Objednávka zavazující
   k platbě...) — uvnitř karty s výběrem dopravy působí moc křiklavě na
   sekundární akci. Přebarveno na tlumenější "obrysovou" variantu (motiv má
   pro tenhle účel .tm-button.style-border — průhledné pozadí + barevný okraj —
   ale to je jiná komponenta s jinou HTML strukturou, tenhle button je čistě
   `<button class="button">`, takže stejný vzhled jen dopsán přímo). */
.woocommerce-checkout #tgb-ps-widget-opener {
	background-color: transparent;
	color: #C8506C;
}
.woocommerce-checkout #tgb-ps-widget-opener:hover {
	background-color: #C8506C;
	color: #FFFFFF;
}
/* Když už je pobočka vybraná, "Vybrané výdejní místo: ..." (plugin toret-
   gobalik, vlastní JS to vloží do .tgb-bs-checkout-selected) se má zobrazit
   NAD tlačítkem, ne pod ním — v DOM je ale pořadí opačné (tlačítko první,
   adresa až za ním, viz button_below_rate() v pluginu, žádná třída na
   obalovacím <div>, jen na tlačítku uvnitř) — otočeno přes flex
   column-reverse na tom obalu (:has(), stejně jako jinde v tomhle souboru). */
.woocommerce-shipping-methods li > div:has(#tgb-ps-widget-opener) {
	display: flex;
	flex-direction: column-reverse;
	gap: 8px;
}
.tgb-bs-checkout-selected:not(:empty) {
	font-size: 13px;
	line-height: 1.4;
	color: #6B5D63;
}
.tgb-bs-checkout-selected strong {
	color: #211A1F;
}
/* Malá "i" ikonka s popiskem brány v tooltipu (title atribut) místo textu
   natvrdo vypsaného pod názvem metody — viz override
   woocommerce/checkout/payment-method.php a CSS níže, které ten původní
   odstavec (jen u ThePay, vlastní markup pluginu) schovává. Ikonka je teď
   uvnitř .payment-title-name (hned za textem, ne jako další flex položka
   vedle name, která má flex-grow:1 a tlačila by ji až k pravému okraji).
   position:relative + z-index nad motivovým .payment_title:before (neviditelná
   position:absolute vrstva přes celý label, dělá z něj klikací plochu) — bez
   toho na ikonku myš „nedosáhla“ a title tooltip se vůbec nezobrazil. */
.cica-checkout-preselect .payment-title-info {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	vertical-align: middle;
	border-radius: 50%;
	border: 1px solid #C8B8BE;
	color: #6B5D63;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	cursor: help;
}
/* hint.css (motivová tooltip knihovna, viz výš) má u .hint--large pevnou
   šířku bubliny 300px (_hint-sizes.scss) — pro tenhle konkrétní tooltip
   zúženo na max. 250px. white-space: normal dopsáno explicitně — základní
   pravidlo knihovny (_hint-core.scss) i to velikostní (_hint-sizes.scss)
   mají na `:after` stejnou specificitu (jedna třída + pseudoelement), takže
   která "vyhraje" závisí na pořadí v kompilovaném CSS, ne na tom, co chceme. */
.cica-checkout-preselect .payment-title-info:after {
	width: 100vw;
	max-width: 250px;
	white-space: normal;
	text-align: center;
}
.woocommerce-checkout .payment_box.payment_method_thepay > p:first-child,
.woocommerce-checkout .payment_box.payment_method_bacs > p:first-child {
	display: none;
}
/* Podřazený seznam bankovních metod u ThePay (rádio + logo banky + název,
   vlastní markup pluginu toret-thepay-20 — každá metoda je <label><div
   class="thepay_select">...</div></label>, motiv/plugin je stylují jen jako
   holý seznam s přerušovanou čárou #B9B8B8 mezi řádky). Sjednoceno se
   stylem ostatních "kartiček" na pokladně (zaoblené rohy, značková růžová
   na vybrané položce, jednotná šířka log bank pro zarovnaný sloupec textů). */
.cica-checkout-preselect .payment_box.payment_method_thepay label {
	display: block;
	margin-left: 15px;
}
.cica-checkout-preselect .payment_box.payment_method_thepay label + label {
	margin-top: 8px;
}
.woocommerce-checkout .thepay_select {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	border: 1px solid #EEE3DC;
	border-radius: 12px;
	transition: border-color .15s ease, background-color .15s ease;
}
.woocommerce-checkout .thepay_select:hover {
	background-color: transparent;
	border-color: #C8506C;
}
.woocommerce-checkout .thepay_select:has(.thepay_select_input:checked) {
	background-color: #FBF0F2;
	border-color: #C8506C;
}
.woocommerce-checkout .thepay_select_input {
	flex-shrink: 0;
	accent-color: #C8506C;
}
.woocommerce-checkout .thepay_select img {
	flex-shrink: 0;
	width: 56px;
	max-height: 26px;
	object-fit: contain;
	object-position: left center;
}
.woocommerce-checkout .thepay_select span {
	padding-left: 0;
	font-weight: 600;
	color: #211A1F;
}
.woocommerce-checkout .thepay_select:hover span {
	color: #211A1F;
}

/* Poznámka k objednávce — WooCommerce ji vykresluje nativně na konci
   formuláře (za dopravou, checkout/form-shipping.php), motiv ji má ale
   schovanou natvrdo přes #order_comments_field (ID, "We have modal to edit.
   Hidden it for better UI" v _checkout.scss) — teď zpátky odkrytá, protože
   tlačítko "Poznámka" (otevíralo modální okno) je zrušené, viz
   woocommerce/checkout/review-order.php. Přebito vyšší specificitou (ID + předek). */
.woocommerce-checkout #order_comments_field {
	display: block;
	margin-top: 20px;
}

/* Kupón v souhrnu na pokladně (2. krok) — motiv má na .woocommerce-form-
   coupon-wrap natvrdo margin: 0 0 21px (_checkout.scss), zbytečná mezera
   pod rozbalovacím kupónem uvnitř karty souhrnu. */
.woocommerce-checkout .woocommerce-form-coupon-wrap {
	margin-bottom: 0;
}
/* Tlačítko "Objednávka zavazující k platbě" — motiv má na .place-order
   natvrdo margin: 25px 0 0 !important a padding: 20px 0 0 (_checkout.scss,
   počítáno s odřádkovací čarou border-top nad tlačítkem). Zmenšeno na
   margin-top: 10px, padding-top zrušen. */
.woocommerce-checkout .place-order {
	margin-top: 10px !important;
	padding-top: 15px;
}

.woocommerce-checkout .place-order button {
	margin-top: 0 !important;
}

.woocommerce-terms-and-conditions-checkbox-text a {
	text-decoration: underline;
}

.woocommerce-terms-and-conditions-checkbox-text a:hover {
	text-decoration: none;
}

/* Odkazy v běžném textu (obsah stránek/příspěvků, obsah sekce Můj účet) —
   motivový --minimog-color-link je stejný jako barva textu, takže odkazy
   bez podtržení splývají s okolním textem a nejdou poznat. Tlačítka
   (.button, např. "Zobrazit"/"Faktura" u objednávek) vyloučena, aby
   zůstala beze změny. */
.entry-content a:not(.button),
.woocommerce-MyAccount-content a:not(.button) {
	text-decoration: underline;
}

.entry-content a:not(.button):hover,
.woocommerce-MyAccount-content a:not(.button):hover {
	text-decoration: none;
}

.woocommerce form .form-row label input {
	top: 2px !important;
}

.cart-totals-label, .cart-totals-table tfoot th, .wc-checkout-review-order-table tfoot th {
	line-height: 1.3;
}

/* ============ INSTAGRAM FEED nad patičkou (na všech stránkách) ============
   Plugin Instagram Feed (Smash Balloon, do_action( 'minimog/footer/before' )
   v functions.php) — vlastní CSS jen pro nadpis a odsazení sekce, samotnou
   mřížku fotek/tlačítko "Load more" stylizuje plugin (třídy sbi_*). */
.cica-instagram-feed-section {
	padding: 50px 0 0;
}
.cica-instagram-feed-heading {
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 26px;
	font-weight: 700;
	color: #211A1F;
	text-align: center;
	margin: 0 0 28px;
}

/* Skutečný feed (plugin Instagram Feed, shortcode [instagram-feed],
   #sb_instagram) — přebito tak, aby vypadal jako dřívější odladěný
   placeholder (full-bleed, poměr 4:5, 4px mezera, 6→5→4→2×2 dlaždic),
   připraveno DOPŘEDU, než se propojí reálný účet (zatím nejde ověřit
   naživo, feed nemá žádná data — až se propojí, projít znovu a
   zkontrolovat, hlavně:
   1) jestli JS pluginu neresetuje height na .sbi_photo_wrap při
      každém překreslení (my ho tu shazujeme přes height:auto!important,
      ale kdyby to dělal JS OPAKOVANĚ po loadu obrázků, mohlo by to
      blikat/nesedět — pak by šlo potřeba i JS řešení, ne jen CSS),
   2) jestli plugin nenačítá přes lazyload/infinite-scroll až při
      scrollu — v tom případě prvních 6 nemusí být hned v DOM.
   Plugin sám o sobě NENÍ full-bleed a nemá poměr 4:5 (defaultně čtverec),
   viz jeho vlastní sbi-styles.css — bez tohohle by feed vypadal jako
   běžná Smash Balloon výchozí mřížka, ne jako placeholder, který jsme
   předtím odsouhlasili. */
#sb_instagram {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}
/* Hlavička (avatar/bio/"Sledovat") a patička (Load more/Follow tlačítko)
   placeholder neměl — jen čistá mřížka pod naším vlastním nadpisem
   "Instačíča". */
#sb_instagram .sb_instagram_header,
#sb_instagram #sbi_load {
	display: none !important;
}
#sb_instagram #sbi_images {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr) !important;
	gap: 4px !important;
	padding: 0 !important;
}
/* Poměr stran dlaždice — plugin výšku fotky obvykle dopočítává JS
   (proto height:auto!important na wrapperu, ať to aspect-ratio přebije,
   a height:100%!important na samotném obrázku, ať tu výšku zase vyplní). */
#sb_instagram #sbi_images .sbi_photo_wrap {
	aspect-ratio: 4 / 5;
	height: auto !important;
	overflow: hidden;
}
#sb_instagram #sbi_images .sbi_photo,
#sb_instagram #sbi_images .sbi_photo img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}
/* Počet dlaždic — plugin může mít nastavené načítání víc než 6 fotek
   (výchozí je 20), schováváme cokoliv navíc přes :nth-child, stejný
   princip jako dřív u placeholderu, jen s "od N dál" místo jedné
   konkrétní pozice (tady reálně může být fotek víc než 6 v DOM). */
#sb_instagram #sbi_images .sbi_item:nth-child(n+7) {
	display: none !important;
}
@media (max-width: 1279px) {
	#sb_instagram #sbi_images {
		grid-template-columns: repeat(5, 1fr) !important;
	}
	#sb_instagram #sbi_images .sbi_item:nth-child(n+6) {
		display: none !important;
	}
}
@media (max-width: 1023px) {
	#sb_instagram #sbi_images {
		grid-template-columns: repeat(4, 1fr) !important;
	}
	#sb_instagram #sbi_images .sbi_item:nth-child(n+5) {
		display: none !important;
	}
}
@media (max-width: 767px) {
	#sb_instagram #sbi_images {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

.cmplz-cookiebanner .cmplz-title {
	font-size: 20px !important;
	font-family: var(--minimog-typography-headings-font-family);
	letter-spacing: var(--minimog-typography-headings-letter-spacing);
	line-height: 1.3;
	text-transform: var(--minimog-typography-headings-text-transform);
}

.cmplz-cookiebanner ul li {
	margin: 0;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle {
	line-height: 1;
	border: 0 !important;
	box-shadow: none !important;
}

.cmplz-cookiebanner p,
.cmplz-cookiebanner .cmplz-description {
	font-size: 15px !important;
}

.cmplz-cookiebanner .cmplz-description {
	padding-top: 0;
}

/* ============ STRÁNKA "OBJEDNÁVKA PŘIJATA" (thank-you, /pokladna/order-received/) ============
   Dřív úplně bez stylů — holé výchozí WooCommerce tabulky/seznamy na bílém
   pozadí stránky, žádné kartičky. Sjednoceno se vzorem zbytku pokladny:
   bílá kartička, okraj #EEE3DC, radius 18px, padding 24px (stejné hodnoty
   jako .col-checkout-review-order .inner / .cica-checkout-preselect). */

.woocommerce-order .woocommerce-thankyou-order-received {
	background-color: #FBF0F2;
	border: 1px solid #EEC9D3;
	border-radius: 18px;
	padding: 18px 24px;
	margin: 0 0 24px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #211A1F;
}

/* Souhrn — číslo objednávky, datum, e-mail, celkem, platba — každý údaj
   na svém řádku (ne vedle sebe po dvou, jak to dělal flex-wrap dřív). */
.woocommerce-order-overview {
	display: flex;
	flex-direction: column;
	gap: 5px;
	list-style: none;
	background-color: #FFFFFF;
	border: 1px solid #EEE3DC;
	border-radius: 18px;
	padding: 24px;
	margin: 0 0 24px;
}
.woocommerce-order-overview li {
	margin: 0;
	font-size: 14px;
	color: #6B5D63;
}
.woocommerce-order-overview li strong {
	display: block;
	margin-top: 2px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #211A1F;
}

/* Bankovní účet + QR platba (toret-qrplatby) */
.woocommerce-bacs-bank-details {
	background-color: #FFFFFF;
	border: 1px solid #EEE3DC;
	border-radius: 18px;
	padding: 24px;
	margin: 0 0 24px;
}
.woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {
	margin: 0 0 4px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #211A1F;
}
/* Název účtu z administrace (např. "FIO:") — jen interní pojmenování
   účtu pro majitele webu, zákazníkovi nic neřekne. */
.woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
	display: none;
}
.woocommerce-bacs-bank-details ul.wc-bacs-bank-details {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	display: grid;
	gap: 8px;
}
.woocommerce-bacs-bank-details ul.wc-bacs-bank-details li {
	font-size: 14px;
	color: #6B5D63;
}
.woocommerce-bacs-bank-details ul.wc-bacs-bank-details li strong {
	color: #211A1F;
	font-weight: 700;
}
/* QR kód + volitelný text před/za ním (toret-qrplatby, holá <table> bez třídy) */
.woocommerce-bacs-bank-details table {
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}
.woocommerce-bacs-bank-details table td {
	padding: 0;
	border: 0;
}
.woocommerce-bacs-bank-details table p {
	margin: 10px 0 0;
	font-size: 13px;
	color: #A38A93;
}
.woocommerce-bacs-bank-details table img {
	border: 1px solid #EEE3DC;
	border-radius: 12px;
	padding: 12px;
	background-color: #FFFFFF;
}

/* Fakturační / doručovací adresa. Grid tu nešel použít — motivové
   frontend.min.css (.col2-set .col-1/.col-2 { width:48%; float:left/right })
   má se `.woocommerce-customer-details .woocommerce-column` shodnou
   specificitu (2 třídy), ale v <head> je načtené AŽ PO child-tématu
   style.css, takže při shodné specificitě vyhrává ono — i po přebití
   width/float přes !important zůstávaly položky ze záhadných důvodů
   (float pravděpodobně ovlivňuje i to, jak prohlížeč umisťuje grid items
   při auto-flow) rozhozené do dvou řádků. Flex s explicitním flex-basis
   na dětech je proti zbytkům float layoutu odolnější. */
.woocommerce-customer-details .woocommerce-columns--addresses {
	display: flex !important;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 20px;
}

.woocommerce-customer-details .woocommerce-columns--addresses::before,
.woocommerce-customer-details .woocommerce-columns--addresses::after {
	content: none;
}
.woocommerce-customer-details .woocommerce-column {
	flex: 1 1 280px !important;
	width: auto !important;
	float: none !important;
	background-color: #FFFFFF;
	border: 1px solid #EEE3DC;
	border-radius: 18px;
	padding: 24px;
}
.woocommerce-customer-details .woocommerce-column h2 {
	margin: 0 0 12px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #211A1F;
}
.woocommerce-customer-details address {
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
	color: #6B5D63;
}

/* Detaily objednávky — tabulka položek + tabulka doplňkových údajů
   (druhá tabulka bez vlastní třídy přidává pluginy, např. toret-gobalik
   "Vybrané výdejní místo") */
.woocommerce-order-details:not(.woocommerce-checkout-review-order-table) {
	background-color: #FFFFFF;
	border: 1px solid #EEE3DC;
	border-radius: 18px;
	padding: 24px;
	margin: 0 0 24px;
}
.woocommerce-order-details__title {
	margin: 0 0 16px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #211A1F;
}
.woocommerce-order-details:not(.woocommerce-checkout-review-order-table) table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 20px;
}
.woocommerce-order-details:not(.woocommerce-checkout-review-order-table) table:last-child {
	margin-bottom: 0;
}
.woocommerce-order-details:not(.woocommerce-checkout-review-order-table) table th,
.woocommerce-order-details:not(.woocommerce-checkout-review-order-table) table td {
	padding: 10px;
	border-bottom: 1px solid #F4EBE4;
	font-size: 14px;
	color: #211A1F;
	text-align: left;
	vertical-align: top;
}
.woocommerce-order-details:not(.woocommerce-checkout-review-order-table) table thead th {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #A38A93;
	border-bottom: 1px solid #EEE3DC;
}

.woocommerce-order-details:not(.woocommerce-checkout-review-order-table) table tfoot tr:last-child th,
.woocommerce-order-details:not(.woocommerce-checkout-review-order-table) table tfoot tr:last-child td {
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: 17px;
	font-weight: 700;
	padding-top: 14px;
}

/* Tlačítko "Vybrat pobočku" (toret-gobalik) — stejná tlumená obrysová
   varianta jako na pokladně (viz .woocommerce-checkout #tgb-ps-widget-opener). */
.woocommerce-order #tgb-ps-widget-opener {
	background-color: transparent;
	color: #C8506C;
}
.woocommerce-order #tgb-ps-widget-opener:hover {
	background-color: #C8506C;
	color: #FFFFFF;
}

@media (max-width: 767px) {
	.woocommerce-page table.shop_table.order_details td {
		 padding: 10px !important;
	}
}

/* Patička — od 2026-09-22 postavená jako Elementor šablona "TM Footer"
   (Elementor → Editor → Uložené šablony → "Patička (hlavní)") místo
   natvrdo napsaného template-parts/footer/simple.php (ten soubor
   zůstává beze změny jako fallback). Nadpisy/texty a odkazové sloupce
   (O Číče/Péče/Kategorie) jsou nativní Elementor widgety (Nadpis,
   Textový editor s <ul> odkazů), editovatelné přímo v adminu. Layout
   (šířky sloupců, odsazení, pozadí karty) se nastavuje přímo v panelu
   Elementoru — tady je jen to, co panel nepokrývá: přebarvení loga na
   bílo a styl odkazů uvnitř Textový editor widgetů (.cica-footer-menu,
   viz níž).
   Logo cílíme přes automaticky generované element ID widgetu — locale
   a beta mají teď KAŽDÉ svoje vlastní ID (na betě se widget musel kvůli
   opravě podmínky zobrazení zkopírovat/vložit, čímž Elementor přidělil
   nové ID), proto tu jsou obě hodnoty pohromadě v jednom pravidle. */
.elementor-element-0886f5d img,
.elementor-element-6b29ad8b img {
	filter: brightness(0) invert(1);
	max-height: 24px;
}
#cica-footer-newsletter-form {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
#cica-footer-newsletter-form input[type="email"] {
	flex: 1;
	min-width: 180px;
	border: none;
	border-radius: 999px;
	padding: 4px 20px;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 15px;
	background: #FBF6F2;
	color: #211A1F;
}
#cica-footer-newsletter-form button {
	border: none;
	background: #C8506C;
	color: #FFFFFF;
	font-family: "Hanken Grotesk", sans-serif;
	font-weight: 700;
	font-size: 15px;
	padding: 0 26px;
	border-radius: 999px;
	cursor: pointer;
}
#cica-footer-newsletter-message {
	font-size: 13px;
	margin: 8px 0 0;
	min-height: 1em;
}
/* Odkazové sloupce O Číče/Péče/Kategorie — <ul> přímo v obsahu Elementor
   Textový editor widgetů (viz Elementor → Editor → Uložené šablony →
   "Patička (hlavní)"). Elementor Heading widget nad tím (nadpis sloupce)
   se styluje přímo v panelu Elementoru, tohle je jen samotný seznam
   odkazů, který nativní ovládací prvky Elementoru nepokrývají. */
.cica-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.cica-footer-menu li {
	margin: 0;
}
.cica-footer-menu a {
	font-size: 14px;
	color: #C9BDB5;
	text-decoration: none;
}
.cica-footer-menu a:hover {
	color: #FFFFFF;
}

/* FAQ accordion (native <details>/<summary>) — /caste-dotazy/, /contact-us/ */
.faq-accordion {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 32px 0;
}
.faq-accordion details {
	background: #FFFFFF;
	border: 1px solid #EEE3DC;
	border-radius: 14px;
	padding: 20px 24px;
	transition: border-color .2s ease;
}
.faq-accordion details[open] {
	border-color: #C8506C;
}
.faq-accordion summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	list-style: none;
	cursor: pointer;
	position: relative;
	padding-right: 28px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 1.4;
	color: #211A1F;
	transition: color .2s ease;
}
.faq-accordion summary::-webkit-details-marker {
	display: none;
}
.faq-accordion summary::after {
	content: "";
	position: absolute;
	right: 2px;
	top: 50%;
	width: 9px;
	height: 9px;
	margin-top: -6px;
	border-right: 2px solid #A38A93;
	border-bottom: 2px solid #A38A93;
	transform: rotate(45deg);
	transition: transform .25s ease, border-color .2s ease;
	flex-shrink: 0;
}
.faq-accordion summary:hover {
	color: #C8506C;
}
.faq-accordion details[open] summary {
	color: #C8506C;
}
.faq-accordion details[open] summary::after {
	border-color: #C8506C;
	transform: rotate(-135deg);
	margin-top: -3px;
}
.faq-accordion details p {
	margin: 0;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #EEE3DC;
	color: #6B5D63;
	font-size: 15px;
	line-height: 1.7;
}
.faq-accordion details p strong {
	color: #211A1F;
	font-weight: 600;
}
.faq-accordion details p a {
	color: #C8506C;
	text-decoration: underline;
}
.faq-accordion details p a:hover {
	color: #AE4259;
}
@media (max-width: 767px) {
	.faq-accordion details {
		padding: 16px 18px;
	}
	.faq-accordion summary {
		font-size: 16px;
	}
}