/* =========================================================================
 * MediTravel — 12-utilities.css
 * Sdílené utility třídy. Metriky .mt-container = metriky .et_pb_row —
 * při změně měnit obojí zároveň.
 * ======================================================================= */

.mt-container {
	width: 100%;
	max-width: calc(var(--mt-container) + 2 * var(--mt-gutter));
	margin: 0 auto;
	padding: 0 var(--mt-gutter);
	box-sizing: border-box;
}

/* Divi 5 někdy resetuje [hidden] — pojistka */
[hidden] { display: none !important; }

/* Screen-reader only */
.mt-sr-only {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* Eyebrow — štítek nad H2 (použije se v sekcích) */
.mt-eyebrow {
	font-family: var(--mt-font-body);
	font-size: var(--mt-fs-label-lg);
	font-weight: 600;
	letter-spacing: var(--mt-ls-widest);
	text-transform: uppercase;
	color: var(--mt-primary);
}

/* prefers-reduced-motion — vypnout animace pro citlivé uživatele */
@media (prefers-reduced-motion: reduce) {
	.mt-hd,
	.mt-hd__logo img,
	.mt-drawer,
	.mt-drawer-backdrop,
	.mt-burger span {
		transition: none !important;
	}
}

/* Divi dává <p> v Text modulech padding-bottom 1em — v našich komponentách
 * rytmus řídí margin, padding nulujeme (jinak vznikají dvojité mezery,
 * např. patička „Česká republika"). */
:is(.mt-ft, .mt-hd, .mt-drawer, .mt-pobyty, .mt-archiv, .mt-detail, .mt-itinerar) p {
	padding-bottom: 0;
}

/* Stránky BEZ Divi Builderu (klasický obsah): šířka těla = header/patička.
 * Divi má default .container width 80 % / max 1080 px → užší než zbytek webu. */
#main-content .container {
	width: 100% !important;
	max-width: calc(var(--mt-container) + 2 * var(--mt-gutter)) !important;
	padding-left: var(--mt-gutter) !important;
	padding-right: var(--mt-gutter) !important;
	/* Vertikální rytmus jako archiv: Divi default = 58px nahoře a 0 DOLE
	 * (obsah nalepený na patičku — hlášeno na /dulezite/zuctovani/). */
	padding-top: 48px !important;
	padding-bottom: var(--mt-section-gap) !important;
	box-sizing: border-box;
}
/* Divi quirky na custom obsahu: 1px linka sidebaru + 58px odsazení shora */
#main-content .container::before { display: none !important; }

/* Stránky S Divi Builderem: výchozí řádek Divi 5 (--content-max-width:
 * 1080px) je UŽŠÍ než hlavička/patička (.mt-container = 1200 + 2×gutter).
 * Sjednotit obsahové řádky s obsahovou šířkou .mt-container (1200 px,
 * pod ním 100 % − 2×gutter). TB hlavička/patička jsou mimo #main-content
 * → nedotčené; sekce .mt-* (hero, benefity…) mají vlastní šířky
 * s !important, které tenhle základ dál přepisují. Ověřeno živě
 * na /kontakt/ (řádek 1200 px, zarovnání na pixel s hlavičkou). */
body #page-container #main-content .et_pb_row:not([class*="et_flex_column"]) {
	width: calc(100% - 2 * var(--mt-gutter));
	max-width: var(--mt-container);
}