/* ==========================================================================
   Hitngo — oglasni par obnova-parketa.eu ("hitri kviz" + "miti")
   En blok z obema oglasoma, vedno v zgornjih 50 % strani.

   Postavitev:
     >= 700 px   eden zraven drugega (2 x 300 + 18 razmik = 618 px)
     <  700 px   eden pod drugim (par pri 300 px sirini ne bi bil citljiv;
                 pomanjsanje na polovico bi besedilo naredilo neuporabno)

   Format je 300x250 pri vseh sirinah - to je edina velikost teh kreativov,
   ki ostane citljiva na telefonu. Ce je stolpec ozji od 300 px, se kreativ
   sorazmerno pomanjsa prek --op-scale (nastavi ga op-ads.js).
   ========================================================================== */

.op-ads {
  --op-w: 300;
  --op-h: 250;
  display: block;
  width: min(calc(100% - 40px), 1030px);
  margin: 46px auto;
  box-sizing: border-box;
}

/* Blok je v ze omejenem stolpcu (article-content, trust-content ...). */
.op-ads--inline { width: 100%; margin: 38px auto; }

.op-ads-label {
  margin: 0 0 8px;
  color: var(--muted, #65777a);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-align: center;
}

.op-ads-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

@media (min-width: 700px) {
  .op-ads-row { flex-direction: row; justify-content: center; align-items: flex-start; }
}

.op-ad {
  position: relative;
  width: min(100%, calc(var(--op-w) * 1px));
  aspect-ratio: var(--op-w) / var(--op-h);
  overflow: hidden;
  border-radius: 16px;
  background: #0a0d0b;
  box-shadow: 0 16px 40px rgba(9, 44, 50, .16);
  flex: 0 0 auto;
}

.op-ad > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--op-w) * 1px);
  height: calc(var(--op-h) * 1px);
  border: 0;
  display: block;
  transform-origin: top left;
  transform: scale(var(--op-scale, 1));
}

@media print {
  .op-ads { display: none; }
}