/* =====================================================================
   SzuperPiac – Google Auto Ads CLS-fix  (ÁLTALÁNOS, minden oldalra)
   ---------------------------------------------------------------------
   Beillesztés (bármelyik):
     a) <link rel="stylesheet" href="/assets/css/adsense-cls-fix.css">
        a head.php-be, a main.css UTÁN; VAGY
     b) másold a tartalmat a main.css / critical.css végére.

   Ez a szabálycsomag KIZÁRÓLAG a Google saját ad-osztályaira és
   -attribútumaira hat (.google-auto-placed, ins.adsbygoogle[...]),
   ezért a normál elrendezést egyetlen oldalon sem rontja el.

   OK (root cause):
     head.php -> AdSense "page-level ads" aktív:
        (adsbygoogle=...).push({ enable_page_level_ads: true });
     Az Auto Ads a renderelés UTÁN szúr be egy hirdetés-node-ot a
     tartalomba (jellemzően a .section-padding wrapperbe), és a
     konténerre ráír egy  style="height: auto !important"-ot.
     A beszúrt blokk 0px-ről ~250-300px-re nő, ezért az alatta lévő
     tartalom + a footer lecsúszik  =>  nagy CLS.
     Mivel a .section-padding a közös tartalom-wrapper, ez MINDEN
     oldalt érint – ezért kell általános megoldás.
   ===================================================================== */

/* 1) AUTO-módon beszúrt hirdetés helyfoglalása.
      A .google-auto-placed osztályt KIZÁRÓLAG a Google teszi rá az
      automatikusan beszúrt blokkokra; a kézi google728/160/468 unitok
      NEM kapják meg, így azokat ez a szabály nem érinti.
      A contain:layout elszigeteli a belső méretváltozást a szülő
      reflow-jától (a fill-kori 0->magasság ugrás nem terjed tovább). */
.google-auto-placed{
  display: block;
  min-height: 280px;      /* igazítsd a tényleges formátumhoz (mobil ~250-320px) */
  margin: 16px auto;
  overflow: hidden;
  contain: layout;
  text-align: center;
}

/* 2) Ha a slot végül NEM telik meg (Google 'unfilled'): csukd 0-ra,
      hogy ne maradjon üres lyuk. A helyet a betöltés alatt (amíg nincs
      státusz) végig fenntartjuk, csak a biztos 'unfilled'-nél engedjük el.
      :has() – minden 2023+ böngészőben elérhető. */
.google-auto-placed:has(ins.adsbygoogle[data-ad-status="unfilled"]){
  min-height: 0;
  margin: 0;
}

/* 3) Anchor (alul lebegő) és vignette (teljes képernyős) Auto Ad NEM a
      tartalomfolyamban van (fixed / overlay), ezért NEM kaphat
      helyfoglalást – különben üres sávot csinálnánk a lap tetején/alján. */
.google-auto-placed[style*="position: fixed"],
.google-auto-placed[style*="position:fixed"],
ins.adsbygoogle[data-anchor-status],
ins.adsbygoogle[data-vignette-loaded]{
  min-height: 0 !important;
  margin: 0 !important;
  contain: none;
}