/*============================================================================
   02-buttons.css — tlačítka podle designu (hranaté rohy --r-btn)
   Divi Button modul: CSS Class „btn btn-primary" → selektor
   a.et_pb_button.btn-primary (specificita 0,0,3,0) + !important přebíjí ETmodules.
============================================================================*/

.btn,
button.btn {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .85rem 1.5rem;
	border-radius: var(--r-btn);
	font-family: var(--font-sans);
	font-weight: 600;
	font-size: var(--fs-button);
	transition: all .2s ease;
	cursor: pointer;
	border: none;
	text-decoration: none;
}

/* --- PRIMARY (oranžová) --- */
.btn-primary,
a.et_pb_button.btn-primary {
	background: var(--accent) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--r-btn) !important;
	padding: .85rem 1.5rem !important;
	font-size: var(--fs-button) !important;
	font-weight: 600 !important;
	box-shadow: 0 4px 10px rgba(251, 173, 36, .28);
}
.btn-primary:hover,
a.et_pb_button.btn-primary:hover {
	background: var(--accent-2) !important;
	box-shadow: 0 6px 16px rgba(251, 173, 36, .4);
	padding: .85rem 1.5rem !important;
}

/* --- OUTLINE (navy obrys) --- */
.btn-outline,
a.et_pb_button.btn-outline {
	background: transparent !important;
	border: 1.5px solid var(--navy) !important;
	color: var(--navy) !important;
	border-radius: var(--r-btn) !important;
	padding: .78rem 1.5rem !important;
	font-size: var(--fs-button) !important;
	font-weight: 600 !important;
}
.btn-outline:hover,
a.et_pb_button.btn-outline:hover {
	background: var(--navy) !important;
	color: #fff !important;
	padding: .78rem 1.5rem !important;
}

/* --- GHOST (textové) --- */
.btn-ghost,
a.et_pb_button.btn-ghost {
	background: transparent !important;
	color: var(--navy) !important;
	padding: .6rem .9rem !important;
	border: none !important;
	border-radius: var(--r-btn) !important;
	font-weight: 600 !important;
}
.btn-ghost:hover,
a.et_pb_button.btn-ghost:hover {
	color: var(--accent-deep) !important;
	/* znovu nastavit padding, jinak Divi na hover přidá vlastní → posun layoutu */
	padding: .6rem .9rem !important;
}

/* Divi přidává na hover vlastní ::after šipku (odkryje se → roztáhne tlačítko
   a posune stránku). Naše tlačítka mají šipku „→" rovnou v textu / bez šipky,
   takže Divi ::after úplně vypneme (řeší i quirk #6 s translateY). */
a.et_pb_button.btn-primary::after,
a.et_pb_button.btn-outline::after,
a.et_pb_button.btn-ghost::after,
a.et_pb_button.btn-primary:hover::after,
a.et_pb_button.btn-outline:hover::after,
a.et_pb_button.btn-ghost:hover::after {
	display: none !important;
	content: none !important;
	transform: none !important;
	margin: 0 !important;
	padding: 0 !important;
}