/*
 * Produktová dlaždice ve výpisu.
 *
 * Styluje se markup, který vypisuje blok woocommerce/product-collection —
 * vlastní dlaždice se nestaví. Proto se selektory věší na wrapper
 * .mlv-dlazdice-mrizka a míří na skutečné třídy WooCommerce.
 *
 * Třídy odečteny z vykreslené stránky 28. 8. 2026, ne odhadnuty:
 * položka je li.wc-block-product (NE .wp-block-post), název
 * h3.wp-block-post-title, cena div.wc-block-components-product-price.
 * Uvnitř ceny sedí .mlv-price-excl-tax a .mlv-price-incl-tax
 * ze stávající Mlv_Cena_S_Bez_Dph — na tu se nesahá.
 *
 * Zakázáno: měkký dvouvrstvý stín a plovoucí karta ve světlé stránce —
 * obojí je v monterky-vizual naměřený slop znak. Dlaždice se odděluje
 * výplní a linkou, ne stínem.
 *
 * Velikostní řada a dostupnost přímo ve výpisu ve specu jsou, ale žádný
 * blok je nevypisuje. Patří k vlastní dlaždici, což je samostatná práce —
 * CSS pro ně se tady vědomě nepíše dopředu.
 */

.mlv-dlazdice-mrizka .wc-block-product {
	background: var(--wp--preset--color--bila);
	border: 1px solid var(--wp--preset--color--linka);
	padding: var(--wp--preset--spacing--30);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}

/* Fotka je čtvercová. Výpis ji jinak ořízne a produkt vypadá přiblíženě. */
.mlv-dlazdice-mrizka .wc-block-components-product-image img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	width: 100%;
	background: var(--wp--preset--color--bila);
}

.mlv-dlazdice-mrizka .wp-block-post-title {
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.3;
	margin: 0;
}

.mlv-dlazdice-mrizka .wp-block-post-title a {
	text-decoration: none;
}

.mlv-dlazdice-mrizka .wc-block-components-product-price {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	margin: 0;
	display: block;
}

/* Cena je dvouřádková: bez DPH a s DPH ze stávající Mlv_Cena_S_Bez_Dph.
   Nosná je ta s DPH, ta bez ní se drží zpátky. */
.mlv-dlazdice-mrizka .mlv-price-excl-tax {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	color: var(--wp--preset--color--sediva);
}

.mlv-dlazdice-mrizka .mlv-price-incl-tax {
	display: block;
}