/*
 * EKC – štýly blokov. Načítavajú sa na webe aj v editore.
 * Farby, písma a veľkosti sú v theme.json; tu je len to, čo theme.json nevie.
 */

/* Nadpis „S čiarou“: krátka červená čiara pod textom (ako na Webnode). */
.is-style-ekc-ciara::after {
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	margin-top: 0.55em;
	background: var(--wp--preset--color--accent-1);
}

.is-style-ekc-ciara.has-text-align-center::after {
	margin-inline: auto;
}

.is-style-ekc-ciara.has-text-align-right::after {
	margin-left: auto;
}

/* Skupina „Červená linka vľavo“: blok textu s červenou linkou (úvodný obrázok). */
.wp-block-group.is-style-ekc-lista {
	border-left: 4px solid var(--wp--preset--color--accent-1);
	padding-left: 29px;
}

/* Odsek „Štítok“: text na polopriehľadnom červenom podklade (citát na obrázku). */
p.is-style-ekc-stitok {
	width: fit-content;
	max-width: 100%;
	padding: 0.15em 0.55em;
	background: rgba(242, 81, 81, 0.85);
	color: var(--wp--preset--color--base);
}

p.is-style-ekc-stitok.has-text-align-center {
	margin-inline: auto;
}

p.is-style-ekc-stitok a {
	color: inherit;
}

/* Úvodný obrázok: odkazy na trasy biele a tučné. */
.ekc-zoznam-tras a {
	color: var(--wp--preset--color--base);
	font-weight: 700;
	text-underline-offset: 0.18em;
}

.ekc-zoznam-tras a:hover {
	color: var(--wp--preset--color--ekc-ruzova);
}

/* Obrázky s jemne zaoblenými rohmi a zoomom pri prejdení myšou (galéria). */
.wp-block-gallery .wp-block-image {
	overflow: hidden;
	border-radius: 3px;
}

.wp-block-gallery .wp-block-image img {
	transition: transform 0.4s ease;
}

.wp-block-gallery .wp-block-image:hover img {
	transform: scale(1.06);
}

/* Formulárové prvky ladia s tlačidlami. */
.wp-block-search__input,
.wp-block-post-comments-form input:not([type="submit"]),
.wp-block-post-comments-form textarea {
	border-radius: 3px;
}

/* WooCommerce: názov produktu, cena a štítok zľavy vo farbách EKC. */
.wp-block-woocommerce-product-price,
.wc-block-components-product-price,
.wc-block-grid__product-price {
	color: var(--wp--preset--color--contrast);
}

.single-product .wp-block-post-title {
	font-size: var(--wp--preset--font-size--xx-large);
}

.single-product .wp-block-woocommerce-product-price {
	font-size: var(--wp--preset--font-size--x-large) !important;
	font-weight: 400;
}

.wc-block-components-product-sale-badge,
.wp-block-woocommerce-product-sale-badge .wc-block-components-product-sale-badge {
	border-color: var(--wp--preset--color--accent-1);
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
}

.wc-block-components-product-name,
.wp-block-post-template .wp-block-post-title a {
	text-decoration: none;
}