/*
  🎯 OPTIMALIZÁLT HIRDETÉS STÍLUSOK – v3 (no-sticky, AdSense-safe)
  - NINCS sticky pozicionálás (policy-safe)
  - Az AdSense adaptív egységek szabadon méretezhetnek (nincs fix height korlát)
  - Opcionális, KIKAPCSOLHATÓ helyfoglalás fejlesztéshez (CLS minimalizálás)
*/

/* ===========================
   🔵 ALAP HELYEZŐ/PLACEHOLDER
   =========================== */
.ad-placeholder { 
  background: transparent; 
  color: #636c77; 
  border-radius: 8px; 
  padding: 16px; 
  text-align: center; 
  font-weight: 700; 
  line-height: 1.4; 
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* „Hirdetés” címke (ha használtok ilyet) */
.ad-label { 
  display: block; 
  font-size: 12px; 
  color: #636c77; 
  opacity: 0.9; 
  margin: -4px 0 8px; 
}

/* ===========================
   🔵 POZÍCIÓ-SPECIFIKUS DOB0ZOK
   (NINCS sticky; szabad méretezés)
   =========================== */

/* Videó alatti hirdetés – nem sticky */
.ad-below-video { 
  margin: 16px 0; 
}

/* In-feed hirdetés a lista között */
.ad-in-feed { 
  margin: 16px 0; 
}

/* Oldal végi hirdetés (footer előtt) */
.ad-below-content { 
  margin: 24px 0; 
}

/* Sidebar hirdetés – nem sticky */
.ad-rail { 
  width: 100%;
  max-width: 300px;      /* elrendezéshez: keskeny oszlopban jól mutat */
  margin: 16px auto; 
}

/* Header leaderboard – adaptív szélesség, magasságot nem korlátozzuk */
.ad-header-leaderboard {
  margin: 16px auto;
  width: 100%;
  max-width: 970px;      /* layout keret (970 → 728 → 320 váltásoknál jól jön) */
  text-align: center;
}

/* ===========================
   🔵 HAGYOMÁNYOS MÉRET „SKINEK”
   (csak vizuális keret a layouthoz;
    MAGASSÁGOT NEM KÉNYSZERÍTÜNK)
   =========================== */

.ad-slot {
  display: block;
  width: 100%;
  background: transparent;
  border: 1px dashed #5e9cea;  /* fejlesztéskor; prod-ban nyugodtan vedd ki */
  color: #636c77;
  font-size: 14px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.ad-slot > .ad-label { padding: 8px 0; display: block; }

/* szélesség-korlátok a klasszikus arányokhoz (magasságot NEM rögzítünk) */
.ad-970x90  { max-width: 970px; margin-left: auto; margin-right: auto; }
.ad-728x90  { max-width: 728px; margin-left: auto; margin-right: auto; }
.ad-300x250 { max-width: 300px; margin-left: auto; margin-right: auto; }
.ad-336x280 { max-width: 336px; margin-left: auto; margin-right: auto; }
.ad-160x600 { max-width: 160px; margin-left: auto; margin-right: auto; }
.ad-300x600 { max-width: 300px; margin-left: auto; margin-right: auto; }
.ad-320x50  { max-width: 320px; margin-left: auto; margin-right: auto; }
.ad-320x100 { max-width: 320px; margin-left: auto; margin-right: auto; }

/* ===========================
   🔵 AdSense <ins> – ADAPTÍV VISELKEDÉS
   =========================== */

/* Az AdSense <ins> adaptív; nem erőltetünk fix height-ot */
.adsbygoogle {
  display: block;
  width: 100%;
  /* NINCS height/min-height kényszerítés – az AdSense döntsön */
}

/* Ha nincs kitöltés, a slot tűnjön el – ne maradjon nagy üres rész */
.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}

/* (OPCIONÁLIS) Ha a sloton belüli AdSense unfilled, rejtsük a teljes slotot is
   – modern böngészők: :has() támogatás kell. Élesben maradhat, ha minden oké. */
.ad-slot:has(> .adsbygoogle[data-ad-status="unfilled"]) {
  display: none !important;
}

/* ===========================
   🔵 RESZPONZÍV FINOMHANGOLÁS
   =========================== */

@media (max-width: 991px) { 
  .ad-rail { 
    max-width: 300px;
    width: 100%;
    /* nem sticky */
  }

  .ad-header-leaderboard {
    margin: 12px auto;
    max-width: 728px; /* tipikus tablet header sáv */
  }
}

@media (max-width: 768px) {
  /* mobilon egyszerű viselkedés; nem sticky */
  .ad-below-video { margin: 12px 0; }

  .ad-placeholder {
    padding: 12px;
    font-size: 14px;
  }
  
  .ad-header-leaderboard {
    margin: 8px auto;
    max-width: 320px; /* tipikus mobil header sáv */
    font-size: 12px;
  }
}

/* ===========================
   🔵 (OPCIONÁLIS) HELYFOGLALÁS DEV-HEZ
   - Kapcsold KI élesben, ha nem kell.
   - CLS csökkentéshez ideiglenesen ad helyet.
   =========================== */

.ad-slot--reserve { 
  /* állítható helyfoglalás: pl. 250px rect, 90px leaderboard
     PROD-ban javasolt: vedd le vagy hagyd 0-ra */
  --reserve-height: 0px;
  min-height: var(--reserve-height);
}

/* ===========================
   🔵 PRINT: hirdetések elrejtése
   =========================== */
@media print {
  .ad-placeholder, .adsbygoogle { display: none !important; }
}

@media (max-width: 991px){
  .ad-300x600 { display:none !important; }
}

@media (min-width: 992px){
  .ad-below-video{ margin-top: 32px; }
}