/* === FINAL ads.css (universal, CLS-safe, responsive) =========================
   - Toshkent front layout (chap/ong reklama) faqat front-toshkent.css’da.
   - Bu fayl universal reklama kart-stili va CLS rezervlar uchun.
   - Har banner konteyneriga .adsense-block bering + o'lcham modifierini qo'shing:
     --970x90 | --970x250 | --728x90 | --336x280 | --300x250 | --320x100
     (ixtiyoriy: --300x600 | --160x600 | --banner)
============================================================================= */

/* 0) Reset */
.adsense-block,
.adsense-block *{
  box-sizing: border-box;
}

.adsense-block img{
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.adsense-block iframe,
.adsense-block ins{
  display: block;
  max-width: 100%;
  margin: 0 auto;      /* height ni boshqarmaymiz */
}

/* Adblock bo'lganda bo'sh joy qolmasin */
.adsense-block:empty{ display: none !important; }

/* 1) Asosiy kart-stil (neytral) */
.adsense-block{
  max-width: 960px;
  width: 100%;
  margin: 16px auto;
  padding: 16px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
  text-align: center;
  line-height: 1;
}

/* 2) CLS uchun min-height rezervlar (o'lcham modifierlari) */
.adsense-block--970x90  { min-height: 90px;  }
.adsense-block--970x250 { min-height: 250px; }
.adsense-block--728x90  { min-height: 90px;  }
.adsense-block--336x280 { min-height: 280px; }
.adsense-block--300x250 { min-height: 250px; }
.adsense-block--320x100 { min-height: 100px; }

/* Qo'shimcha vertikal formatlar (ixtiyoriy) */
.adsense-block--300x600 { min-height: 600px; }
.adsense-block--160x600 { min-height: 600px; max-width: 160px; }

/* Responsive banner placeholder (CLS-safe, auto formatlar uchun) */
.adsense-block--banner { min-height: 90px; }
@media (max-width: 768px){
  .adsense-block--banner { min-height: 100px; }
}

/* 3) Home sahifada .code-block kengayishi */
body.home .code-block{
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  clear: both !important;
}
body.home .code-block .adsense-block{
  max-width: 1000px; /* 960–1080px oralig'ida moslashtiring */
}

/* 4) In-content joylashuvlar uchun bo'shliq balanslari */
.adsense-block + .adsense-block{ margin-top: 12px; }

.entry-content p + .adsense-block,
.entry-content .adsense-block + p{
  margin-top: 14px;
}

/* 5) Responsive */
@media (max-width: 768px){
  .adsense-block{
    max-width: 100% !important;
    margin: 12px 10px;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.035);
    border-color: rgba(0,0,0,0.05);
  }
}

/* 6) Yordamchi klasslar */
.adsense-block--tight{  margin: 10px auto; padding: 12px; }
.adsense-block--spaced{ margin: 20px auto; padding: 18px; }

/* Qurilma bo'yicha ko'rsatish (agar kerak bo'lsa) */
@media (max-width:768px){ .adsense--desktop{ display: none !important; } }
@media (min-width:769px){ .adsense--mobile{  display: none !important; } }

/* “Reklama” yorlig'i (ixtiyoriy) */
.ad-label{
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 4px 6px;
  margin-bottom: 8px;
  color: #444;
  background: #f5f7fb;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 6px;
}

/* 7) Kichik vizual shovqinni kamaytirish */
.adsense-block:last-child{ margin-bottom: 16px; }