/* ==========================================================================
   Lokalita (CPT „lokalita", single-lokalita.php)
   Stránka používá markup a styly komponent tématu (c-hero-page, c-usp,
   c-treatment, c-service-grid, c-services, c-about, c-faq, c-cta-box,
   mapa ze stránky Kontakt c-kontakt-form-map__*). Tady je JEN to, co je pro
   lokalitu specifické. Načítá se jen na lokalitách.

   Breakpoint jako v celém tématu: mobil i tablet = max-width 1024px.
   Úpravy kvůli delším textům lokality platí jen na desktopu (min-width 1025px),
   mobil a tablet přebírají pravidla tématu beze změny.
   ========================================================================== */

/* --- Dojezd: štítek položky tučně („Autem:") --- */

.c-treatment--route .c-treatment__item-text strong {
	font-weight: var(--font-weight-bold);
}

/* --- Karty výhod: vyvážené zalomení dlouhého nadpisu (prvek tématu z Ceníku) --- */

.c-service-grid--lokalita .c-service-grid__heading {
	text-wrap: balance;
}

/* --- Mapa s trasou: obal sekce na šířku obsahu (rám, mapa a tlačítko jsou
   prvky ze stránky Kontakt, včetně mobilního poměru 4:3). --- */

.c-lp-map {
	padding: 0 0 var(--spacing-5xl);
	background-color: var(--color-peroxid);
}

.c-lp-map__inner {
	max-width: var(--max-width-boxed);
	margin: 0 auto;
	padding: 0 var(--spacing-section-x);
}

/* --- Služby: úvodní věta pod nadpisem (typografie z c-treatment__text) --- */

.c-services__intro {
	max-width: var(--max-width-boxed);
	margin: 0 auto var(--spacing-4xl);
	padding: 0 var(--spacing-section-x);
}

/* --- První návštěva (c-about) --- */

/* Dekorativní hvězdy vyčnívají doprava za okraj okna → bez clip by vznikl
   vodorovný scroll. clip ořízne jen vodorovně (hvězda nahoře zůstane). */
.c-about--lokalita {
	overflow-x: clip;
}

/* Tučný začátek kroku. */
.c-about--lokalita .c-about__feature-desc strong {
	font-weight: var(--font-weight-regular);
	color: var(--color-white);
}

/* Fotka v širokoúhlém poměru jako na homepage. */
.c-about--lokalita .c-about__photo {
	aspect-ratio: 2 / 1;
}

/* Bez fotky nemá tmavý pás co překrývat. */
.c-about--lokalita .c-about__bottom--no-photo {
	padding-top: var(--spacing-6xl);
}

/* Na lokalitě je závěrečné CTA poslední sekcí — globální CTA v patičce by ho jen
   zdvojilo. Patička s navigací zůstává. */
.single-lokalita .c-footer-cta {
	display: none;
}

/* --- Lepicí lišta „Zavolat / Objednat" (jen mobil a tablet) --- */

.c-lp-callbar {
	display: none;
}

/* ==========================================================================
   Jen desktop — delší texty lokality
   ========================================================================== */

@media (min-width: 1025px) {
	/* Hero: dlouhý H1 → širší obsah a o stupeň menší nadpis. */
	.c-hero-page--lokalita .c-hero-page__content {
		max-width: 820px;
	}

	.c-hero-page--lokalita .c-hero-page__title {
		font-size: var(--font-size-4xl);
		line-height: var(--line-height-tight);
	}

	/* Dojezd: víceřádkové položky (téma má položky jednořádkové). */
	.c-treatment--route .c-treatment__item {
		align-items: flex-start;
	}

	.c-treatment--route .c-treatment__item-text {
		line-height: var(--line-height-base);
	}

	/* Služby: delší nadpis o stupeň menší, úvod hned pod ním. */
	.c-services--lokalita .c-services__header {
		margin-bottom: var(--spacing-lg);
	}

	.c-services--lokalita .c-services__title {
		font-size: var(--font-size-4xl);
		max-width: 900px;
	}

	/* První návštěva: 3 kroky vedle sebe (téma počítá se 4). */
	.c-about--lokalita .c-about__features {
		grid-template-columns: repeat(3, 1fr);
	}

	/* FAQ → závěrečné CTA navazují bez dvojité mezery, delší nadpis boxu. */
	.c-faq--lokalita {
		padding-bottom: var(--spacing-5xl);
	}

	.c-cta-box--lokalita {
		padding-top: 0;
	}

	.c-cta-box--lokalita .c-cta-box__title {
		font-size: var(--font-size-2xl);
	}
}

/* ==========================================================================
   Mobil a tablet (max-width 1024px) — jen to, co téma samo neřeší
   ========================================================================== */

@media (max-width: 1024px) {
	/* Delší obsah heroa než u služeb: pilulka nesmí dosednout na drobečkovou
	   navigaci (při kratším obsahu mezeru stejně tvoří automatický okraj tématu). */
	.c-hero-page--lokalita .c-hero-page__badge {
		margin-top: var(--spacing-xl);
	}

	/* Bloky text + fotka bez horního odsazení jako na detailu služby
	   (style.css: .single-sluzba .c-treatment). */
	.single-lokalita .c-treatment {
		padding-top: 0;
	}

	/* Mapa přes celou šířku jako na stránce Kontakt. */
	.c-lp-map {
		padding-bottom: var(--spacing-3xl);
	}

	.c-lp-map__inner {
		padding: 0;
	}

	.c-services__intro {
		margin-bottom: var(--spacing-xl);
	}

	.c-lp-callbar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: calc(var(--z-index-header) - 1);
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap: var(--spacing-sm);
		padding: var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm) + env(safe-area-inset-bottom));
		background-color: var(--color-black);
		box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
	}

	.c-lp-callbar__btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-sm);
		min-height: 52px;
		padding: 0 var(--spacing-md);
		font-family: var(--font-family-base);
		font-size: var(--font-size-sm);
		font-weight: var(--font-weight-bold);
		letter-spacing: var(--letter-spacing-caps);
		text-transform: uppercase;
		text-decoration: none;
		white-space: nowrap;
	}

	.c-lp-callbar__btn--call {
		background-color: var(--color-bronze);
		color: var(--color-white);
	}

	.c-lp-callbar__btn--book {
		background-color: transparent;
		color: var(--color-white);
		border: 1px solid var(--color-border-light);
	}

	.c-lp-callbar__icon {
		width: 18px;
		height: 18px;
		flex-shrink: 0;
	}

	/* Aby lišta nezakrývala konec patičky. */
	.has-lp-callbar {
		padding-bottom: 68px;
	}
}