/* ==========================================================================
   A-LIGHT – tlačítka v obsahu (odkazy s třídou z editoru TinyMCE).
   Načítá se na webu i jako content_css v editoru, aby náhled odpovídal.
   Použití: <a class="al-button al-button-navy">…</a>
   ========================================================================== */

a.al-button {
	--btn-bg: #1d3557;
	--btn-bg-hover: #142640;
	--btn-fg: #fff;
	--btn-border: var(--btn-bg);
	display: inline-block;
	padding: 9px 22px;
	border: 1px solid var(--btn-border);
	border-radius: 999px;
	background: var(--btn-bg);
	color: var(--btn-fg);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	transition: background-color .15s, border-color .15s, color .15s;
}

a.al-button:hover,
a.al-button:focus {
	background: var(--btn-bg-hover);
	border-color: var(--btn-bg-hover);
	color: var(--btn-fg);
}

/* výchozí tlačítko webu: bílé se zeleným orámováním (jako .al-btn-outline) */
a.al-button-outline {
	--btn-bg: #fff;
	--btn-bg-hover: #245448;
	--btn-fg: #245448;
	--btn-border: #245448;
}

a.al-button-outline:hover,
a.al-button-outline:focus {
	border-color: #245448;
	color: #fff;
}

a.al-button-navy {
	--btn-bg: #1d3557;
	--btn-bg-hover: #142640;
}

a.al-button-green {
	--btn-bg: #245448;
	--btn-bg-hover: #1b4137;
}

a.al-button-purple {
	--btn-bg: #5b3f8c;
	--btn-bg-hover: #463070;
}

a.al-button-orange {
	--btn-bg: #b86a1a;
	--btn-bg-hover: #96550f;
}

a.al-button-white {
	--btn-bg: #fff;
	--btn-bg-hover: #f3f5f3;
	--btn-fg: #245448;
	--btn-border: #dce0df;
}

a.al-button-white:hover,
a.al-button-white:focus {
	border-color: #dce0df;
	color: #1b4137;
}

a.al-button-blue {
	--btn-bg: #2f6fb3;
	--btn-bg-hover: #245a93;
}

a.al-button-red {
	--btn-bg: #b3372f;
	--btn-bg-hover: #8f2a24;
}