/* =========================================================
   QUICK CSS – rychlé úpravy konkrétních stránek
   =========================================================

   K ČEMU TO JE
   Sem se píšou drobné výjimky pro JEDNU konkrétní stránku,
   aniž by se změnil modul všude, kde se používá.

   Tento soubor se načítá jako POSLEDNÍ, takže přebije
   předchozí styly bez nutnosti !important.

   JAK NA TO
   1) Otevři stránku, kde chceš úpravu.
   2) V prohlížeči otevři konzoli (F12) a mrkni na <body> –
      WordPress tam dává třídy podle stránky, např.:
        .page-id-42            (běžná stránka)
        .postid-118            (produktová stránka / CPT)
        .single-nase-cesty     (všechny produktové stránky)
        .single-lokality       (všechny lokality)
   3) Zkombinuj třídu stránky se selektorem sekce.

   PŘÍKLADY (zakomentované – smaž komentář a uprav)

   Jiné pozadí sekce benefitů jen na jedné produktové stránce:
   .postid-118 .mts-nase-cesty-benefits {
       background-color: #F4EBE7;
   }

   Skrytí sekce na konkrétní stránce:
   .page-id-42 .mts-nase-cesty-terminy {
       display: none;
   }

   Menší mezera nad sekcí jen na jedné stránce:
   .postid-118 .mts-nase-cesty-faq {
       padding-top: 3rem;
   }

   POZNÁMKA
   Pokud zjistíš, že stejnou úpravu děláš na více stránkách,
   ozvi se – vyplatí se z toho udělat znovupoužitelnou třídu
   přes ACF pole u modulu.

   ========================================================= */


/* --- Vlastní úpravy piš pod tento řádek --- */

/* MTS Aqua Fit */
.single-nase-cesty.postid-221 .mts-nase-cesty-terminy .mts-terminy-loc-header {
	display: block;
	}
.single-nase-cesty.postid-221 .mts-nase-cesty-terminy .loc-title {
	text-align: center;
	color: var(--c-primary);
	}

/* MTS Personal Journey */
.single-nase-cesty.postid-152 .mts-nase-cesty-target {
	background-color: var(--c-bg);
	}
	
/* MTS Nutrition */
.single-nase-cesty.postid-236 .mts-nase-cesty-cesta {
	background-color: var(--c-bg);
	}

.single-nase-cesty.postid-236 .mts-nase-cesty-pricing-grid {
	grid-template-columns: repeat(2, 1fr);
	}

@media (max-width: 989px) {
.single-nase-cesty.postid-236 .mts-nase-cesty-pricing-grid {
	grid-template-columns: 1fr;
	gap: 2rem;
	}	
}

.single-nase-cesty.postid-236 .mts-nase-cesty-cesta .step-content {
	border: 1px solid var(--c-primary);
	}