/* Alpas — produktová karta 7539 (ÚKOL 005). Barvy jen z palety Avady. */

/* Karta vyplní výšku řádku mřížky, cena + tlačítko drží dole → dlouhý název nerozhodí mřížku.
   Karta je sama položkou mřížky (li) — pevná výška 100 % by vypnula roztažení na výšku řádku
   (ÚKOL 029: karty se dvouřádkovým názvem byly vyšší než sousední). */
.alpas-karta {
	align-self: stretch;
	min-width: 0;
}
.fusion-grid > .alpas-karta {
	height: auto !important;
}
.alpas-karta .fusion-column-wrapper {
	height: 100%;
	align-items: stretch;
	text-align: left;
}

/* ÚKOL 040 — stavba karty shora dolů, vše doleva na jednu svislici.
   Nastavení prvků (velikosti písma, prostrkání značky, váha názvu, tečky 14 px bez rámečku, mezery u ceny)
   jsou nativně v kartě 7539; tady jen to, na co prvky volbu nemají. */

/* Obrázek: pevná výška boxu, celý obrázek (contain) na bílém → text pod ním začíná všude stejně. */
.alpas-karta .fusion-post-card-image {
	height: 200px !important;
	aspect-ratio: auto !important;
	background: var(--awb-color1);
	margin-bottom: 12px !important;
}
.alpas-karta .fusion-post-card-image img {
	width: 100% !important;
	height: 200px !important;
	max-height: 200px;
	object-fit: contain !important;
}

/* Název: inkoustová barva bez podtržení (podtržení jen při najetí). */
.alpas-karta-nazev .fusion-title-heading,
.alpas-karta-nazev a {
	font-weight: 600 !important;
	color: var(--awb-color8);
	text-decoration: none !important;
}
.alpas-karta-nazev a:hover {
	text-decoration: underline !important;
}

/* Blok barvy + cena + tlačítko se přilepí ke spodní hraně karty → v řadě stejná výška
   bez ohledu na délku názvu. Tečky jsou v kartě vždy (u jednoduchých produktů s nulovou výškou). */
.alpas-karta .alpas-karta-tecky {
	margin-top: auto !important;
	padding-top: 6px;
}
.alpas-karta .alpas-karta-tecky .avada-select-wrapper,
.alpas-karta .alpas-karta-tecky .avada-image-select,
.alpas-karta .alpas-karta-tecky .awb-swatches,
.alpas-karta .alpas-karta-tecky .avada-variation,
.alpas-karta .alpas-karta-tecky .variations {
	justify-content: flex-start !important;
	text-align: left !important;
	margin-left: 0 !important;
}
.alpas-karta-cena {
	margin-top: 10px !important;
}

/* Cena: 18 px, 700, inkoust; u variabilních „od“ drobně a šedě. */
.alpas-karta-cena,
.alpas-karta-cena .woocommerce-Price-amount {
	font-weight: 700;
	color: var(--awb-color8);
	line-height: 1.2;
}
.alpas-karta-cena p {
	margin: 0;
}
.alpas-cena-od-karta .od {
	font-size: 12px;
	font-weight: 400;
	color: var(--awb-custom_color_6);
	margin-right: 2px;
}

/* Název nejvýš na dva řádky, pak ořez se třemi tečkami. */
.alpas-karta-nazev .fusion-title-heading {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	overflow-wrap: anywhere;
}

/* Parametr nebo značka, které produkt nemá, nezabírají místo. */
.alpas-karta-parametr:empty,
.alpas-karta-znacka:empty {
	display: none;
}

.alpas-cena-na-dotaz {
	font-size: 15px;
	color: var(--awb-custom_color_6);
}

/* Nic nesmí přetékat do stran (mobil). */
.alpas-karta img {
	max-width: 100%;
	height: auto;
}

/* ÚKOL 007 — šablona kategorie */

/* Pokračování popisu pod výpisem: bez textu se schová i s nadpisem „Jak vybrat". */
.alpas-popis-dole:not(:has(.alpas-popis-zbytek :is(p, li, h2, h3, h4))) {
	display: none !important;
}

/* Lišta nad výpisem: počet na jednom řádku, řazení vpravo a nezkrácené. */
.alpas-lista .facetwp-counts {
	display: inline;
	white-space: nowrap;
}
.alpas-lista .fusion-woo-sorting .current-li-content span,
.alpas-lista .fusion-woo-sorting a span {
	white-space: nowrap;
}

/* Dlaždice podkategorií jako řádky (ÚKOL 031 F): obrázek kategorie 64 × 64 vlevo (celý, contain),
   vedle tučný název a pod ním drobně počet. Karta 3562 zůstává nativní (obrázek 1:1, Nadpis, Text);
   Avada nemá pro kartu rozložení „obrázek vlevo přes dva řádky" ani mřížku auto-fill → tady.
   Mřížka bez pevného počtu sloupců: kolik dlaždic po 260 px se vejde. Prvek v 7540 má třídu alpas-podkategorie. */
.alpas-podkategorie > .fusion-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
	margin: 0 !important;
}
.alpas-podkategorie.fusion-post-cards > ul.fusion-grid > li.fusion-grid-column {
	width: 100% !important; /* Avada dává sloupcům 50 % / 33 % podle počtu sloupců prvku */
	flex: none !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* šedé pozadí sloupce přes celou dlaždici (jinak sedí odsazené uvnitř rámečku → „krabička v krabičce") */
.alpas-dlazdice > .fusion-column-inner-bg {
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	margin: 0 !important;
}
.alpas-dlazdice > .fusion-column-wrapper {
	display: grid !important;
	grid-template-columns: 64px 1fr;
	grid-template-rows: auto auto;
	column-gap: 14px !important;
	align-content: center;
	align-items: center;
	text-align: left;
	height: 100%;
}
.alpas-dlazdice .fusion-image-element {
	grid-row: 1 / span 2;
	width: 64px !important;
	margin: 0 !important;
	align-self: center;
}
.alpas-dlazdice .alpas-dlazdice-obrazek,
.alpas-dlazdice .alpas-dlazdice-obrazek .fusion-image-wrapper {
	width: 64px !important;
	height: 64px !important;
	max-width: 64px !important;
	background: var(--awb-color1);
}
.alpas-dlazdice .alpas-dlazdice-obrazek img {
	width: 64px !important;
	height: 64px !important;
	object-fit: contain !important; /* celá fotka, žádný ořez */
}
/* Název a počet vždy ve druhém sloupci — i když kategorie obrázek nemá (etikety, Náhradní polštářky),
   jinak by vjely do místa pro obrázek (ÚKOL 044). */
.alpas-dlazdice .podkategorie,
.alpas-dlazdice .alpas-dlazdice-pocet {
	grid-column: 2;
}
.alpas-dlazdice .podkategorie,
.alpas-dlazdice .podkategorie .fusion-title-heading {
	margin: 0 !important;
	text-align: left !important;
	font-weight: 700 !important;
	align-self: end;
}
.alpas-dlazdice .alpas-dlazdice-pocet {
	margin: 2px 0 0 !important;
	align-self: start;
	font-size: 13px !important;
	color: var(--awb-custom_color_6);
	text-align: left;
}
.alpas-dlazdice .alpas-dlazdice-pocet p {
	margin: 0;
}

/* Strom kategorií v levém sloupci (menu „Kategorie", Global Element 3490 v panelu 4547):
   rozbalená jen aktuální větev, ostatní hlavní kategorie zůstávají jako odkaz. */
.alpas-sidebar .awb-menu_v-stacked .awb-menu__main-li:not(.current-menu-item):not(.current-menu-ancestor) > .awb-menu__sub-ul,
.alpas-sidebar .awb-menu_v-stacked .awb-menu__main-li:not(.current-menu-item):not(.current-menu-ancestor) > .awb-menu__open-nav-submenu_click {
	display: none !important;
}

/* ÚKOL 064 — barvy stromu (varianta B). Barvy podkladů a textů jsou nativně v prvku Menu (GE 3490);
   tady jen to, co prvek nastavit neumí. Červená = jen „kde jsem“ (aktivní položka) a ta má VŽDY tři znaky:
   červený text, tučné písmo a proužek 3 px vlevo (ne jen barva). Fasety pod menu se to netýká (jen .awb-menu). */
.alpas-sidebar .awb-menu {
	--alpas-menu-ikona: #A7ACB3;          /* ikona položky */
	--alpas-menu-najeti: #FAFAFB;         /* najetí na položku */
	--alpas-menu-aktivni-bg: #FBECEB;     /* aktivní položka */
}
/* Avada dává skupině odsazení 2 px dole → pod rozbalenými položkami prosvítal šedý podklad jako linka. */
.alpas-sidebar .awb-menu .awb-menu__main-li { padding-bottom: 0; }
/* Skupina: zavřená obyčejně, otevřená (aktuální větev) tučně. */
.alpas-sidebar .awb-menu .awb-menu__main-li > .awb-menu__main-a { font-weight: 500; }
.alpas-sidebar .awb-menu .awb-menu__main-li.current-menu-ancestor > .awb-menu__main-a,
.alpas-sidebar .awb-menu .awb-menu__main-li.current-menu-parent > .awb-menu__main-a,
.alpas-sidebar .awb-menu .awb-menu__main-li.current-menu-item > .awb-menu__main-a { font-weight: 700; }
/* Položka: šedá ikona, najetí světle šedé (Avada by na najetí dala podklad aktivní položky). */
.alpas-sidebar .awb-menu .awb-menu__sub-li > .awb-menu__sub-a .awb-menu__i,
.alpas-sidebar .awb-menu .awb-menu__sub-li > .awb-menu__sub-a i { color: var(--alpas-menu-ikona) !important; }
.alpas-sidebar .awb-menu .awb-menu__sub-li:not(.current-menu-item):hover,
.alpas-sidebar .awb-menu .awb-menu__sub-li:not(.current-menu-item):focus-within { background-color: var(--alpas-menu-najeti) !important; }
.alpas-sidebar .awb-menu .awb-menu__sub-li:not(.current-menu-item):hover > .awb-menu__sub-a,
.alpas-sidebar .awb-menu .awb-menu__sub-li:not(.current-menu-item):focus-within > .awb-menu__sub-a { color: #4A525C !important; }
/* Aktivní položka — i hlavní kategorie, když jsem přímo na ní (je to „kde jsem“). */
.alpas-sidebar .awb-menu .awb-menu__sub-li.current-menu-item,
.alpas-sidebar .awb-menu .awb-menu__main-li.current-menu-item > .awb-menu__main-a {
	background-color: var(--alpas-menu-aktivni-bg) !important;
	box-shadow: inset 3px 0 0 var(--awb-color4);
}
.alpas-sidebar .awb-menu .awb-menu__sub-li.current-menu-item > .awb-menu__sub-a,
.alpas-sidebar .awb-menu .awb-menu__main-li.current-menu-item > .awb-menu__main-a {
	color: var(--awb-color4) !important;
	font-weight: 700;
}
.alpas-sidebar .awb-menu .awb-menu__sub-li.current-menu-item > .awb-menu__sub-a .awb-menu__i,
.alpas-sidebar .awb-menu .awb-menu__sub-li.current-menu-item > .awb-menu__sub-a i,
.alpas-sidebar .awb-menu .awb-menu__main-li.current-menu-item > .awb-menu__main-a .awb-menu__i,
.alpas-sidebar .awb-menu .awb-menu__main-li.current-menu-item > .awb-menu__main-a i { color: var(--awb-color4) !important; }

/* Karta: po zrušení globálního skrytí cen (ÚKOL 007, A2) by se u razítek s výchozí variantou
   ukázala nad rozsahem „od–do" ještě cena varianty. V kartě stačí rozsah, cenu varianty
   uvidí zákazník na detailu. */
.alpas-karta-tecky .woocommerce-variation-price,
.alpas-karta-tecky .woocommerce-variation-availability {
	display: none !important;
}

/* Rozsah ceny „978 Kč – 1 278 Kč" se nelomí uprostřed částky. */
.alpas-karta .woocommerce-Price-amount {
	white-space: nowrap;
}