/* =========================================================================
 * MediTravel — 02-buttons.css
 * Oranžové tlačítko (radius 12px dle designu) je VÝCHOZÍ vzhled každého
 * Divi Button modulu — žádná třída není potřeba. Varianty přes třídy:
 *   mt-btn--hero   velké uppercase (hero)
 *   mt-btn--block  přes celou šířku (featured karta)
 *   mt-btn--arrow  šipka → za textem, na hover popojede
 * `.mt-btn` = stejné tlačítko ve vlastním (shortcode) markupu.
 *
 * Specificita ZÁMĚRNĚ a.et_pb_button.et_pb_button (0,2,1):
 * Divi má inline pravidla typu `.et_button_no_icon .et_pb_button
 * {padding:.3em 1em!important}` (0,2,0) — musíme je přebít.
 * POZOR (Divi 5): odkaz tlačítka nese i třídu .et_pb_module — pojistka
 * pro wrapper NESMÍ matchovat samotné .et_pb_button (viz :not níže).
 * ======================================================================= */

/* ---- Výchozí tlačítko ---- */
a.et_pb_button.et_pb_button,
.mt-btn-primary a.et_pb_button.et_pb_button,
.mt-btn {
	display: inline-block;
	background: var(--mt-secondary) !important;
	background-color: var(--mt-secondary) !important;
	color: #fff !important;
	font-family: var(--mt-font-body) !important;
	font-size: var(--mt-fs-label-lg) !important;
	font-weight: 600 !important;
	letter-spacing: var(--mt-ls-label);
	line-height: 1.2 !important;
	text-align: center;
	text-decoration: none;
	border: 0 !important;
	border-radius: var(--mt-r-full) !important;
	padding: 10px 24px !important; /* měřeno: py-2.5 px-6 */
	box-shadow: 0 4px 14px rgba(241, 143, 1, 0.3);
	transition: filter var(--mt-tr), box-shadow var(--mt-tr), transform var(--mt-tr);
	cursor: pointer;
}
a.et_pb_button.et_pb_button:hover,
.mt-btn-primary a.et_pb_button.et_pb_button:hover,
.mt-btn:hover {
	background: var(--mt-secondary) !important;
	background-color: var(--mt-secondary) !important;
	color: #fff !important;
	filter: brightness(1.1);
	box-shadow: 0 8px 22px rgba(241, 143, 1, 0.35);
	transform: translateY(-1px);
	padding: 10px 24px !important; /* Divi na hover mění padding — zamknout */
}

/* Divi šipka ::after — vypnout (quirk: ikona z ETmodules sedí mimo text) */
a.et_pb_button.et_pb_button::after,
a.et_pb_button.et_pb_button:hover::after {
	display: none !important;
	content: none !important;
	transform: none !important;
}

/* ---- Velká hero varianta (uppercase, širší tracking) ---- */
a.et_pb_button.et_pb_button.mt-btn--hero,
.mt-btn.mt-btn--hero {
	padding: 20px 48px !important;
	text-transform: uppercase;
	letter-spacing: 0.2em !important;
	box-shadow: 0 12px 30px rgba(44, 38, 33, 0.25);
}
a.et_pb_button.et_pb_button.mt-btn--hero:hover,
.mt-btn.mt-btn--hero:hover {
	padding: 20px 48px !important;
	transform: scale(1.05);
}

/* ---- Bloková varianta (featured karta) — padding zamčený i na hover ---- */
.mt-btn--block,
.mt-btn.mt-btn--block {
	display: block;
	width: 100%;
	padding: 16px 32px !important; /* měřeno: py-4 px-8 */
}
a.et_pb_button.et_pb_button.mt-btn--block:hover,
.mt-btn.mt-btn--block:hover {
	padding: 16px 32px !important;
}

/* ---- Varianta se šipkou (→ za textem, na hover popojede) ---- */
a.et_pb_button.et_pb_button.mt-btn--arrow::after,
.mt-btn.mt-btn--arrow::after {
	content: "→" !important;
	display: inline-block !important;
	margin-left: 8px;
	font-family: var(--mt-font-body) !important;
	font-size: inherit;
	line-height: 1;
	opacity: 1 !important;
	position: static !important;
	transform: none !important;
	transition: transform 0.25s ease;
}
a.et_pb_button.et_pb_button.mt-btn--arrow:hover::after,
.mt-btn.mt-btn--arrow:hover::after {
	transform: translateX(4px) !important;
}

/* ---- Pojistka: obal modulu s třídou nesmí vypadat jako tlačítko.
 * :not(.et_pb_button) — v Divi 5 nese .et_pb_module i samotný odkaz! ---- */
.et_pb_button_module_wrapper.mt-btn-primary,
.et_pb_module.mt-btn-primary:not(.et_pb_button) {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* ---- <button> elementy (Divi Contact Form submit apod.) ----
 * Pravidla a.et_pb_button výše na <button> nedosáhnou. Starý style.css
 * má `.et_pb_button {background:#2ea3f2!important}` → nutný prefix
 * #page-container (vyšší specificita mezi !important). Po launchi
 * (smazání starého bloku style.css) lze zjednodušit. */
#page-container button.et_pb_button {
	background: var(--mt-secondary) !important;
	background-color: var(--mt-secondary) !important;
	color: #fff !important;
	font-family: var(--mt-font-body) !important;
	font-size: var(--mt-fs-label-lg) !important;
	font-weight: 600 !important;
	letter-spacing: var(--mt-ls-label);
	line-height: 1.2 !important;
	text-align: center;
	border: 0 !important;
	border-radius: var(--mt-r-full) !important;
	padding: 12px 28px !important;
	box-shadow: 0 4px 14px rgba(241, 143, 1, 0.3);
	transition: filter var(--mt-tr), box-shadow var(--mt-tr), transform var(--mt-tr);
	cursor: pointer;
}
#page-container button.et_pb_button:hover {
	background: var(--mt-secondary) !important;
	background-color: var(--mt-secondary) !important;
	color: #fff !important;
	filter: brightness(1.1);
	box-shadow: 0 8px 22px rgba(241, 143, 1, 0.35);
	transform: translateY(-1px);
	padding: 12px 28px !important;
}
#page-container button.et_pb_button::after,
#page-container button.et_pb_button:hover::after {
	display: none !important;
	content: none !important;
	transform: none !important;
}