/* ==========================================================================
   HOMEPAGE.CSS
   Úvodní stránka - skupiny novinek (bannery, text z editoru, pás zboží).
   Vyžaduje global.css, web.css (.visually-hidden), zbozi_katalog.css
   (vzhled karet .katalogItemBox).
   Načítá se z additional_head() v PHP úvodní stránky.
   ========================================================================== */

/* --------------------------------------------------------------------------
   .homeGroup - jeden řádek novinek (skupina z administrace).
   Počet sloupců podle počtu položek (--poc1 až --poc5), na užších
   šířkách se sesypává (viz media queries níže).
   minmax(0, 1fr) + min-width: 0 u položky - široký obsah (pás zboží)
   nesmí roztáhnout sloupec, posouvá se uvnitř.
   align-items: start - buňky různé výšky (banner vedle textu) stojí
   nahoře, nenatahují se.
   -------------------------------------------------------------------------- */
.homeGroup {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
  align-items: start;
}

.homeGroup--poc2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.homeGroup--poc3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.homeGroup--poc4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.homeGroup--poc5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.homeItem {
  min-width: 0;
}

/* Oddělovač skupin */
.homeGroupDivider {
  height: 0;
  margin: var(--space-lg) 0;
  border: 0;
  border-top: 1px solid var(--color-border);
}

/* --------------------------------------------------------------------------
   Nadpis novinky (když není "Skrýt nadpis")
   -------------------------------------------------------------------------- */
.homeItemNadpis {
  margin: 0 0 var(--space-sm) 0;
  font-size: var(--font-size-medium);
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text);
}

/* --------------------------------------------------------------------------
   Upoutávka z editoru (.defaultText typografie).
   Nadpisy z editoru zkrocené jako v popisu zboží - (0,2,1) přebije
   .defaultText h1/h2 bez ohledu na pořadí souborů.
   -------------------------------------------------------------------------- */
.defaultText.homeItemText h1,
.defaultText.homeItemText h2 {
  font-size: 1.125rem; /* 18px */
  color: var(--color-text);
}

.defaultText.homeItemText h3,
.defaultText.homeItemText h4,
.defaultText.homeItemText h5,
.defaultText.homeItemText h6 {
  font-size: var(--font-size-body);
  color: var(--color-text);
}

.homeItemText > :last-child {
  margin-bottom: 0;
}

/* Banner vložený editorem - vždy na šířku buňky, block bez mezery
   pod obrázkem (inline obrázek by nechal místo pro účaří písma) */
.homeItemText .banner-in-text-home {
  display: block;
  width: 100%;
  height: auto;
}

/* --------------------------------------------------------------------------
   .homeItemZbozi - vodorovný pás karet zboží, posouvá se do strany.
   Karta .katalogItemBox převzatá z katalogu beze změn, jen pevná šířka.
   -------------------------------------------------------------------------- */
.homeItemZbozi {
  display: flex;
  gap: var(--space-md);
  margin-top: var(--space-md);
  padding-bottom: var(--space-sm); /* místo pro posuvník */
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

.homeItemZbozi > .katalogItemBox {
  flex: 0 0 280px;
  scroll-snap-align: start;
}

.homeItemText + .homeItemZbozi,
.homeItemNadpis + .homeItemZbozi {
  margin-top: var(--space-md);
}

.homeItem > .homeItemZbozi:first-child {
  margin-top: 0;
}

/* --------------------------------------------------------------------------
   Hlášky eshopu pod novinkami
   -------------------------------------------------------------------------- */
.homeMessages {
  margin-top: var(--space-xl);
}

/* --------------------------------------------------------------------------
   RESPONSIVE
   ≤ 1279px: 4 → 2 sloupce, 5 → 3 sloupce
   ≤ 969px:  3 → 1 sloupec, 5 → 2 sloupce
   ≤ 599px:  vše 1 sloupec
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1279px) {
  .homeGroup--poc4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .homeGroup--poc5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 969px) {
  .homeGroup--poc3 {
    grid-template-columns: minmax(0, 1fr);
  }

  .homeGroup--poc5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 599px) {
  .homeGroup--poc2,
  .homeGroup--poc4,
  .homeGroup--poc5 {
    grid-template-columns: minmax(0, 1fr);
  }

  .homeItemZbozi > .katalogItemBox {
    flex-basis: 260px;
  }
}