/* ============================================================================
   ELRENDEZÉS — a user 2026-08-14-i végignézése alapján, globálisan.
   A szabályok indoklása: site/VIZUALIS-SZABALYOK.md

   Ez a lap a slides-*.css UTÁN töltődik be, mert olyan hibákat javít, amelyek
   MINDEN blokkban előfordulnak. Ami egy dia sajátja, az marad a saját lapján.
   ============================================================================ */

/* ── 0. A HÁTTÉRVIDEÓ IGAZODÁSA AZ ABLAKHOZ ────────────────────────────────
   A user kérte, hogy a TELJES videó látszódjon (`object-fit: contain`) — ez
   16:9-hez közeli ablakon helyes. Keskeny vagy alacsony ablakon viszont a videó
   egy vékony sávvá zsugorodik, fölötte-alatta fekete üresség (user, 2026-08-14:
   "kis képernyőméreten nem igazodik a videó").
   Ezért: ameddig az ablak arányos, a teljes kép látszik; ha az ablak jóval
   keskenyebb a videónál, inkább kitölt — az üres fekete sáv rosszabb, mint egy
   enyhe levágás a háttéren. (A DIÁKON lévő képekre ez NEM vonatkozik: ott a
   levágás továbbra is tilos.) */
@media (max-aspect-ratio: 7 / 5) {
  .video-segment { object-fit: cover !important; }
}

/* ── 1. TILTOTT ZÓNA A LAPOZÓ ALATT ────────────────────────────────────────
   Mért hiba: a záró dia "Köszönjük"-je és több case metrikasávja a lapozó gomb
   ALÁ került. A lapozó fix, 8+38+14 px magas a képernyő alján — a tartalom
   alja sose érhet bele. */
.slide {
  padding-bottom: 96px !important;
}

/* ── 2. FÜGGŐLEGES HORGONY ─────────────────────────────────────────────────
   Mért hiba: "csomó sokkal lentebb van mint kéne". A menü alatti helyet két
   helyen is kihagytuk (a dián ÉS a belső sávon), így 190-200 px üresen állt a
   cím fölött. A menüt a dia számolja el — a belső sáv nem padingolhat újra. */
.slide .slide__inner {
  padding-top: 0 !important;
}
.slide {
  padding-top: calc(var(--nav-h, 72px) + 28px) !important;
  /* KÖZÉPRE (user, 2026-08-14): a tartalom a menü és a lapozó KÖZÖTTI sáv
     közepén ül. Nem felül tapad, és nem lebeg lejjebb — pontosan középen. */
  align-content: center !important;
  align-items: center !important;
  justify-items: center !important;
}
.slide .slide__inner {
  justify-content: center;
  margin-block: auto;
}

/* ── 3. NINCSENEK NAGY LYUKAK ──────────────────────────────────────────────
   Mért hiba: "mik ezek a nagy lukak?" — a szövegoszlopok `space-between`-nel
   szétfeszültek, mert magasabb dobozban ültek, mint a tartalmuk. */
.slide *[style*="space-between"],
.slide .c-bento__item,
.slide .s1-nutshell__grid > *,
.slide .c-case__main {
  justify-content: flex-start;
}

/* ── 4. KÉPEK: NAGYOK, LEVÁGÁS NÉLKÜL, DOBOZ NÉLKÜL ────────────────────────
   Mért hiba: fix magasságú cella + `object-fit: contain` = bélyegkép és üres
   sávok. A helyes minta: a KÉPSOR magassága kötött, és a kép a magasságot
   tölti ki, a szélessége az arányából jön. Így nincs levágás ÉS nincs üres sáv. */
/* A képsor MÉRETEZÉSÉT a blokkok saját lapja adja (ott van meg a képek száma és
   aránya). Globálisan csak két dolgot kötünk ki, mert azok mindenhol érvényesek:
   a képsor nem nőhet a dián túl, és a képek körül nincs doboz. */
.c-case__media {
  max-height: 100%;
  overflow: hidden;
}
.c-case__media > img,
.c-case__media > figure,
.c-case__media > picture {
  /* doboz nélkül (user): se keret, se plakett, se háttér a kampányképek körül */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 10px;
}

/* ── 3b. A FEJEZETCÍM-PANEL TETEJE ─────────────────────────────────────────
   MÉRT HIBA (user képernyőképe, 2026-08-14): a kicker ("04 · AVANTGARDE GROUP")
   a panel FELSŐ ÉLÉN ült, félig kilógva — "le van vágva a teteje". Oka: a panel
   negatív felső margót kapott (`margin-top: calc(var(--nav-h) * -1)`), hogy a
   régi, felül tapadó elrendezésben középre kerüljön. Mióta a tartalom amúgy is
   középen áll, ez a negatív margó csak kitolja a tartalmat a panelből. */
.s04-chapter__inner {
  margin-top: 0 !important;
  padding-top: clamp(30px, 4.4vh, 52px) !important;
}

/* A fejezetcím EGY SORBAN (user, 2026-08-14: "a Miért és a Mi nem kell két sorba").
   A kézi sortörést a HTML-ből vettük ki, NEM CSS-sel elrejtve — a `display: none`
   szóköz nélkül ragasztotta össze a két szót ("Miértmi?"). */
.s04-chapter__title,
.s2-chapter__title,
.s03-chapter__title { white-space: nowrap; }

/* ── 4b. NINCS ÖNKÉNYES KIEMELÉS ───────────────────────────────────────────
   User, 2026-08-14: a szolgáltatáslista 17. tétele zöld kiemelést kapott
   (átvezetésnek szánva) — "nem kell". A lista egyenrangú tételekből áll. */
.s1b-item--ai,
.c-featurelist__item--link {
  border-left-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}
.s1b-item--ai *,
.c-featurelist__item--link * {
  color: inherit !important;
}

/* ── 5. A REFERENCIA-LOGÓK fehér plakettje MARAD (vegyes hátterű logók),
      de a kampányképeké nem — azok szabadon állnak. ───────────────────────── */
/* A plakett: kötött magasság, a logó KÖZÉPEN, a plaketten BELÜL.
   MÉRT HIBA (2026-08-14): előbb 36px-es logók lötyögtek a 74px-es plaketten
   (user: "lehetne nagyobb"), majd a `width/height: 100%` javításom kilökte őket
   a plakettből és egymásra csúsztak. A helyes megoldás a max-* korlát: a logó
   akkorára nő, amekkora BEFÉR, és soha nem lóg ki. */
/* A plakett TISZTA FEHÉR (user, 2026-08-14): a 29 logó vegyes hátterű — van
   fehér JPEG és átlátszó PNG. Egységes fehér plaketten nem látszik, melyiknek
   van saját háttere és melyiknek nincs. */
.c-logowall__cell {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
  padding: 8px 12px !important;
  height: clamp(54px, 7.2vh, 76px) !important;
}
/* FIGYELEM: itt `height: 100%` TILOS. Automata magasságú rácscellában a 100%
   határozatlan, és a böngésző a kép NATÍV magasságát használja — mérve: a
   Burger King / ALDI / McDonald's logó belelógott az alatta lévő sorba.
   A max-* korlát viszont mindig kiszámítható. */
.c-logowall__cell img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
}

/* ── 6. ALACSONY ABLAK: a tiltott zóna is szűkül, hogy ne szorítsa a tartalmat */
@media (max-height: 760px) {
  .slide { padding-bottom: 84px !important; padding-top: calc(var(--nav-h, 72px) + 18px) !important; }
  .c-case__media > img { height: clamp(96px, 17vh, 150px) !important; }
}