/* Podstránky Mňamka, spoločné vzory obsahu.
   Rozmery aj typografia sú namerané na origináli (scripts/strom.js). */

/* ---------- Vínový pás pod hlavičkou ----------
   Podstránky nemajú hero, takže priehľadná hlavička potrebuje podklad.
   Elementor: prázdny kontajner s odsadením 3 % zhora aj zdola
   (86,4 pri 1440, 23,4 pri 390). */

.pas-hlavicky {
  padding-block: 3%;
  background: var(--vinova);
}

/* ---------- Kontakt ----------
   Namerané: kontajner 1140 rozdelený na dva stĺpce po 570, každý s vnútorným
   odsadením 10; sekcia 579,23 = 10 + 559,23 + 10. */

.kontakt { padding-inline: 10px; }

.kontakt__obal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-block: 10px;
}

.kontakt__stlpec { padding: 10px; }

/* Karusel je zvisle na stred stĺpca (namerané: fotka začína na y196,61
   v stĺpci, ktorý sa tiahne od 96,38 do 655,61). */
.kontakt__foto {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.kontakt__nadpis {
  margin: 0;
  font-size: 40px;                 /* namerané 40px/56px, váha 900 */
  font-weight: 900;
  line-height: 56px;
  color: var(--vinova);
}

/* Elementor: riadky 30 px čierne, medzi nimi 20; odkaz pri myši
   zvínovie za 0,5 s */
.kontakt__riadok {
  margin: 20px 0 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 39px;
  color: var(--cierna);
}

.kontakt__riadok a { transition: color 0.5s; }
.kontakt__riadok a:hover { color: var(--vinova); text-decoration: none; }

.kontakt__podnadpis {
  margin: 20px 0 0;
  font-size: 25px;                 /* namerané 25px/30px */
  font-weight: 400;
  line-height: 30px;
  color: var(--vinova);
}

/* Spodná medzera 28,8 tu ostáva, originál ju za posledným odsekom neruší
   a stĺpec je o ňu vyšší (namerané 559,23 namiesto 530,52). */
.kontakt__fakturacne {
  margin: 20px 0 28.8px;
  font-size: 18px;                 /* namerané 18px/29,7px */
  font-weight: 400;
  line-height: 29.7px;
  color: var(--cierna);            /* Elementor: #000 */
}

/* ---------- Karusel na /kontakt/ ----------
   Okolo karuselu je položka listingu (zvisle 10) a jej kontajner (10 dookola);
   dve fotky 4 : 5 naraz
   s medzerou 20 (na mobile 10). */

.kontakt__karusel { margin: 20px 10px; }   /* položka listingu 10 + kontajner 10 */

.kontakt__karusel .karusel__snimka {
  flex-basis: calc((100% - 20px) / 2);
  margin-right: 20px;
}

.kontakt__karusel img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

/* ---------- Sekcie na podstránkach ----------
   Namerané: sekcia 609,72 s odsadením 50, nadpis 1140 × 42, karty 262,5
   v bunkách 292,5 (o 15 širších než kontajner na každú stranu). */

.sekcie--kontakt { padding-block: 50px; }

.sekcie--kontakt .sekcie__nadpis {
  margin: 0 0 0;
  font-size: 30px;                 /* namerané 30px/42px */
  font-weight: 500;
  line-height: 42px;
  color: var(--vinova);
  text-align: center;
}

/* Karty sú tu užšie než na domovskej, ale len na desktope; na mobile má
   /kontakt/ presne tie isté karty ako domovská (namerané: 168 široké). */
@media (min-width: 768px) {
  .sekcie--kontakt .sekcie__mriezka {
    width: calc(100% + 30px);
    margin-inline: -15px;
    gap: 0;
  }

  .sekcie--kontakt .sekcia-karta { padding: 10px 15px; }

}

/* ---------- Stránka jednej ponuky (CPT „nasa-ponuka") ----------
   Namerané na /nasa-ponuka/kolaciky-dezerty/: kontajner 1140 s odsadením 10,
   dva stĺpce po 570, pravý zvisle na stred s medzerou 20 medzi prvkami. */

.ponuka-hero { padding-inline: 10px; }
.ponuka-hero .obal { padding-block: 10px; }

.ponuka-hero__obal {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.ponuka-hero__foto { padding: 10px; }
.ponuka-hero__foto img { width: 100%; height: auto; }

.ponuka-hero__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;                       /* namerané */
  padding: 10px;
}

.ponuka-hero__nadpis {
  margin: 0;
  font-size: 30px;                 /* namerané 30px/42px, váha 900 */
  font-weight: 900;
  line-height: 42px;
  color: var(--vinova);
  text-align: center;
}

.ponuka-hero__popis {
  margin: 0;
  font-size: 22px;                 /* namerané 22px/36,3px, váha 500 */
  font-weight: 500;
  line-height: 36.3px;
  color: var(--vinova-svetla);
  text-align: center;
}

/* Vínová „nálepka" s bielym textom, namerané: výplň 10/20, 25px/41,25px. */
.ponuka-znacka { display: flex; justify-content: center; margin: 0; }

.ponuka-znacka span {
  padding: 10px 20px;
  background: var(--vinova-svetla);
  color: var(--biela);
  font-size: 25px;
  font-weight: 900;
  line-height: 41.25px;
  text-align: center;
}

.ponuka-hero__akcia { display: flex; justify-content: center; margin: 0; }

/* ---------- Druhá sekcia stránky ponuky ----------
   Prvky sú na seba nalepené (bez medzier), text je vždy na stred a blok je
   široký presne ako najdlhší riadok, Elementor to má cez `fit-content`. */

.ponuka-detail { padding-bottom: 5%; }      /* Elementor: 5 % zdola */

.ponuka-detail__nadpis,
.ponuka-detail__podnadpis,
.ponuka-detail__uvod,
.ponuka-detail__zaver {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}

.ponuka-detail__nadpis {
  margin-block: 0;
  font-size: 50px;                 /* namerané 50px/82,5px, váha 500 */
  font-weight: 500;
  line-height: 82.5px;
  color: var(--vinova);
}

.ponuka-detail__podnadpis {
  margin-block: 0;
  font-size: 22px;                 /* namerané 22px/36,3px */
  font-weight: 400;
  line-height: 36.3px;
  color: var(--cierna);
}

.ponuka-detail__uvod,
.ponuka-detail__zaver {
  font-size: 20px;                 /* namerané 20px/33px */
  font-weight: 400;
  line-height: 33px;
}

.ponuka-detail__uvod { color: var(--vinova-svetla); }
.ponuka-detail__uvod p { margin: 0 0 35px; }      /* namerané */

.ponuka-detail__zaver {
  padding-top: 30px;               /* namerané */
  color: var(--cierna);
}

.ponuka-detail__zaver p { margin: 0 0 35px; }

.ponuka-detail__akcia { display: flex; justify-content: center; }

/* Štyri dlaždice s fotkou, Elementor: riadok s odsadením 10 a medzerou
   widgetov 20, dlaždice sa delia o šírku rovnakým dielom, najviac 25 %
   (265 pri 1440). Na mobile po 50 % bez medzery, riadok sa zalomí. */
.ponuka-boxy {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  gap: 20px;
  padding: 10px;
}

.ponuka-box { flex: 1 1 0; max-width: 25%; }

/* Medzeru pod fotkou robí v origináli riadkový box obrázka (obrázok je
   `inline-block`), namerané 8,4. Píšeme ju priamo, nech nezávisí od písma. */
.ponuka-box figure { margin: 0 0 8.4px; }

.ponuka-box img {
  width: 80%;                      /* Elementor image-box: 80 % (212 pri 265) */
  height: auto;
  margin-inline: auto;
}

.ponuka-box__nadpis {
  margin: 0;
  font-size: 22px;                 /* namerané 22px/28,6px, váha 600 */
  font-weight: 600;
  line-height: 28.6px;
  color: var(--vinova-svetla);
  text-align: center;
}

.ponuka-box__popis {
  margin: 0;
  font-size: 18px;                 /* namerané 18px/29,7px */
  font-weight: 400;
  line-height: 29.7px;
  color: var(--vinova-svetla);
  text-align: center;
}

/* ---------- Sviatočná ponuka mimo sezóny ----------
   Všetky tri stránky sviatkov ukazujú v origináli len túto vetu. */

.sviatok { padding-block: 80px; }

.sviatok__oznam {
  margin: 0 0 35px;
  font-size: 50px;                 /* namerané 50px/65px, váha 600 */
  font-weight: 600;
  line-height: 65px;
  color: var(--vinova);
  text-align: center;
}

/* ---------- Stránka o výrobe ----------
   Namerané na /cukrarenska-vyroba-mnamka/: kontajner 1140 s odsadením 10,
   nadpis 40/56 váha 900 vínový, text 22/36,3 váha 400 čierny. */

.vyroba { padding-inline: 10px; }
.vyroba .obal { padding-block: 10px; }

.vyroba__nadpis {
  margin: 0;
  font-size: 40px;
  font-weight: 900;
  line-height: 56px;
  color: var(--vinova);
  text-align: center;
}

.vyroba__text {
  margin: 0 0 35.2px;              /* namerané: odsek si medzeru necháva */
  font-size: 22px;
  font-weight: 400;
  line-height: 36.3px;
  color: var(--cierna);
  text-align: center;
}

/* Záverečný odstavec je vínový a má nad sebou 40 navyše (namerané). */
.vyroba__zaver {
  padding-top: 40px;
  color: var(--vinova);
}

/* ---------- Karty s ikonou ----------
   Elementor: riadok 30 / 50 zhora a zdola, tri karty po 30 % s rozostupom
   space-between, výplň karty 5 % (z šírky riadku, preto flex, nie grid:
   percentá výplne v mriežke by sa počítali z bunky). Podklad vínová pri
   priehľadnosti 14 %. Ikona je 106 × 106 v ráme hrúbky 3, pod ňou 20. */

.karty-ikon {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 50px;
}

.karta-ikona {
  width: 30%;
  padding: 5%;
  background: rgba(139, 21, 45, 0.14);
}

.karta-ikona__ikona {
  display: grid;
  place-items: center;
  width: 106px;
  height: 106px;
  margin: 0 auto 20px;
  border: 3px solid var(--vinova);
}

.karta-ikona__ikona svg {
  width: 50px;
  height: 50px;
  fill: var(--vinova);
}

.karta-ikona__nadpis {
  margin: 0 0 20px;                /* namerané */
  font-size: 24px;
  font-weight: 900;
  line-height: 31.2px;
  color: var(--vinova);
  text-align: center;
}

.karta-ikona__text {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 29.7px;
  color: var(--cierna);
  text-align: center;
}

/* Pás fotiek vnorený do sekcie, namerané: 50 nad aj pod, plus 10 vlastných. */
.pas-fotiek--v-sekcii { padding-block: 60px; }

/* ---------- Samostatný obrázok ----------
   Namerané na /europsky-fond-regionalneho-rozvoja/: sekcia s odsadením 10,
   obrázok v pôvodnej veľkosti na stred kontajnera (na mobile sa zmestí sám,
   kontajner je tam užší než obrázok). */

.pas-obrazok { padding-inline: 10px; }
.pas-obrazok .obal { padding-block: 10px; }
.pas-obrazok img { margin-inline: auto; }

/* ---------- Tlačidlo v obsahu ----------
   Namerané na /kolaciky/: Roboto 15/15 váha 500, biele na #911D1D,
   polomer 3, odsadenie 12/24 (tlačidlo 236,8 × 39). Sekcia okolo neho je
   59 vysoká = 10 + 39 + 10 a je široká 370 na mobile, 1140 na desktope. */

.pas-tlacidlo {
  padding-inline: 10px;
  text-align: center;
}

.pas-tlacidlo .obal { padding-block: 10px; }

.tlacidlo {
  display: inline-block;
  padding: 12px 24px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  color: var(--biela);
  background: #911d1d;
  border-radius: 3px;
}

.tlacidlo:hover { text-decoration: none; }

/* Tlačidlo s obrysom, namerané na /nasa-ponuka/…/: biele s vínovým rámom 1,
   20px/20px váha 500 v písme nadpisov. */
.tlacidlo--obrys {
  font-family: var(--pismo-nadpis);
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: var(--vinova-svetla);
  background: var(--biela);
  border: 1px solid var(--vinova-svetla);
  border-radius: 0;
}

/* ---------- Astra ≤921 ----------
   Medzera pod fotkou dlaždice je riadkový box obrázka a mení sa s písmom
   stránky (Astra 91,2 % do 921 px): namerané 8,39 pri 1024, 7,08 pri 921,
   800, 767 aj 390. */
@media (max-width: 921px) {
  .ponuka-box figure { margin-bottom: 7.1px; }
}

/* Karusel na /kontakt/: image_spacing_custom_mobile 10 (tablet prázdny = 20).
   Swiper berie hranice ako min-width, mobil je teda do 766, pri 767 ešte
   medzera 20 (namerané: pri 767 bol o 6,2 vyšší = 10 / 2 × 1,25). */
@media (max-width: 766.98px) {
  .kontakt__karusel .karusel__snimka { flex-basis: calc((100% - 10px) / 2); margin-right: 10px; }
}

/* ---------- Mobil (≤767) ---------- */

@media (max-width: 767px) {
  /* Stĺpce pod sebou */
  .ponuka-hero__obal { grid-template-columns: 1fr; }
  .ponuka-znacka span { font-size: 18px; line-height: 29.7px; }

  /* Druhá sekcia: nadpis 30, podnadpis 20, úvod 18 s odsadením 35 */
  .ponuka-detail__nadpis { font-size: 30px; line-height: 49.5px; }
  .ponuka-detail__podnadpis { font-size: 20px; line-height: 33px; }
  .ponuka-detail__uvod {
    padding-top: 35px;
    font-size: 18px;
    line-height: 29.7px;
  }
  .ponuka-detail__uvod p { margin-bottom: 31.5px; }

  /* Dlaždice po 50 % v dvoch radoch. */
  .ponuka-boxy { flex-wrap: wrap; gap: 0; }
  .ponuka-box { flex-basis: 50%; max-width: 50%; }

  /* Oznam sviatku: 30 px, pod ním 21 */
  .sviatok__oznam { margin-bottom: 21px; font-size: 30px; line-height: 39px; }

  /* Výroba: 5 % po bokoch, bez zvislého odsadenia; nadpis 30 */
  .vyroba { padding-inline: 5%; }
  .vyroba .obal { padding: 0; }
  .vyroba__nadpis { font-size: 30px; line-height: 42px; }
  .vyroba__zaver { padding: 9%; }               /* Elementor mobil: 9 % */

  /* Karty pod sebou: riadok 60 / 20, medzi kartami 100 */
  .karty-ikon {
    flex-direction: column;
    gap: 100px;
    padding: 60px 20px;
  }
  .karta-ikona { width: auto; }

  .pas-fotiek--v-sekcii { padding-inline: 20px; }

  /* Kontakt: stĺpce pod sebou, nadpis 30, adresa a podnadpis 20 */
  .kontakt__obal { grid-template-columns: 1fr; }
  /* Elementor post-529 mobil: nadpis, telefón, e-maily, adresa, „Fakturačné
     údaje" aj fakturačný text (47ab433, cd45f3c, 4aa1b7a, 32b2d13, b95cbf1,
     d8b23f7, efcf84b) majú `text-align: center`. */
  .kontakt__udaje { text-align: center; }
  .kontakt__nadpis { font-size: 30px; line-height: 42px; }
  .kontakt__riadok--adresa { font-size: 20px; line-height: 26px; }
  .kontakt__podnadpis { font-size: 20px; line-height: 24px; }

  /* Sekcie na /kontakt/: 5 % zhora a po bokoch, zdola nič */
  .sekcie--kontakt { padding: 0 5%; }
  .sekcie--kontakt .obal { padding: 5% 0 0; }
}