/*--------------------------------------------------------------
# Tlačítka v obsahu

Blok core/button a jeho varianty, které si web určuje třídou na obalu
(.btn-orange, .btn-green, .btn-transparent). Hodnoty i stavy hover jsou
odečtené z Astry.

Ke specificitě: základní pravidlo pro odkazy v 20-zaklad.css má tvar
`.entry-content a` = (0,1,1) a zděděná pravidla v 15-prevzato-z-astry.css
mají `.btn-orange .wp-block-button__link` = (0,2,0). Aby tenhle soubor
spolehlivě vyhrál, jsou selektory psané s prefixem .entry-content.

:visited je u každého pravidla, které nastavuje barvu - jinak by prohlížeč
navštíveným odkazům dal vlastní barvu a getComputedStyle by to zatajil.
--------------------------------------------------------------*/

/* Základ = oranžová varianta. */
.entry-content .wp-block-button__link,
.entry-content .wp-block-button__link:visited,
.entry-content .wp-element-button,
.entry-content .wp-element-button:visited {
	background-color: var(--barva-akcent);
	color: var(--barva-na-akcentu);
	border: 0;
	border-radius: 8px;
	padding: 20px 28px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

/*--------------------------------------------------------------
## Oranžová - hlavní výzva k akci
Astra: #DA7C0C / #000, hover #B9690A / #fff
--------------------------------------------------------------*/
.entry-content .btn-orange .wp-block-button__link,
.entry-content .btn-orange .wp-block-button__link:visited {
	background-color: #da7c0c;
	color: #000;
	border: 0;
	padding: 20px 28px;
}

.entry-content .btn-orange .wp-block-button__link:hover,
.entry-content .btn-orange .wp-block-button__link:focus {
	background-color: #b9690a;
	color: #fff;
	text-decoration: none;
}

/*--------------------------------------------------------------
## Zelená
Astra: #61CE70 / #000, hover #52AF5F / #fff
--------------------------------------------------------------*/
.entry-content .btn-green .wp-block-button__link,
.entry-content .btn-green .wp-block-button__link:visited {
	background-color: #61ce70;
	color: #000;
	border: 0;
	padding: 20px 28px;
}

.entry-content .btn-green .wp-block-button__link:hover,
.entry-content .btn-green .wp-block-button__link:focus {
	background-color: #52af5f;
	color: #fff;
	text-decoration: none;
}

/*--------------------------------------------------------------
## Průhledná s obrysem - druhotná akce
Astra: průhledné pozadí, obrys 2px, barva textu; při hover se pozadí
prolne na 70 % barvy textu a písmo zčerná.
--------------------------------------------------------------*/
.entry-content .btn-transparent .wp-block-button__link,
.entry-content .btn-transparent .wp-block-button__link:visited {
	background-color: transparent;
	color: var(--barva-textu);
	border: 2px solid var(--barva-textu);
	padding: 18px 26px;
}

.entry-content .btn-transparent .wp-block-button__link:hover,
.entry-content .btn-transparent .wp-block-button__link:focus {
	background-color: color-mix(in srgb, var(--barva-textu) 70%, transparent);
	color: #000;
	text-decoration: none;
}

/* Základní hover pro tlačítka bez varianty - ať nezůstane bez odezvy. */
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus {
	text-decoration: none;
}