/* assets/banners.css — fills in the .ad-slot / [data-ad-placement] markup
   already on the page (see fsx.css for the base .ad-slot rules) with the
   paid banner-ad system (Gaurav, 31-Aug).

   3 spots on the homepage (Gaurav, 1-Sep): every active hero-placement ad
   slides right inside the existing #hx3Slider carousel (built in
   banners.js/fsx.js, no separate slot markup here); the "Advertise on
   FreeSoftwareX" side card next to it; and the full-width "Advertise on
   FreeSoftwareX" banner section further down the page. The old
   mid/zigzag x3/fixed-floating-side/standalone-hero-strip slots are gone. */
.ad-banner-link { display: block; position: relative; border-radius: 14px; overflow: hidden; text-decoration: none; background: #f1f5f9; }
.ad-banner-link img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ad-banner-link .ad-label, .hx3-slide .ad-label { position: absolute; top: 8px; right: 8px; background: rgba(15,23,42,.72); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; }

/* Side ad now lives inside the already-built hx3-side card beside the hero
   slider instead of its own slot (Gaurav, 1-Sep). banners.js replaces the
   card's content wholesale when a paid ad is active, so match the card's
   existing rounded/shadow look here; when no ad is active the original
   static "Advertise on FreeSoftwareX" card is left untouched as fallback. */
.hx3-side[data-ad-placement] .ad-banner-link {
  flex: 1 1 0;
  min-height: 0;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(15, 12, 40, .16), 0 4px 14px rgba(15, 12, 40, .08);
}

/* Two near-identical full-width "advertise/promote your business" banner
   sections on the homepage (Gaurav, 1-Sep: only one was wired up — "iss
   waale me abhi bhi show nehi ho reha" — the #siteBanner one further up the
   page was missed since it doesn't share the other's "Advertise" wording).
   Both reuse the mid_fullwidth placement/already-built static card instead
   of a separate slot; base rule below matches #siteBanner's own look
   (full-width, fixed clamp height, contain) — .hx-topbanner-narrow overrides
   it for the OTHER section further down, which is deliberately capped to
   900px at the image's native aspect ratio. */
.hx-topbanner-in[data-ad-placement] .ad-banner-link {
  display: block; border-radius: 20px; overflow: hidden;
  box-shadow: 0 24px 60px rgba(15, 12, 40, .22), 0 4px 16px rgba(15, 12, 40, .1);
}
.hx-topbanner-in[data-ad-placement] .ad-banner-link img {
  width: 100%; height: clamp(90px, 11vw, 160px); object-fit: contain; background: #fdfdfd;
}
.hx-topbanner-narrow[data-ad-placement] .ad-banner-link {
  max-width: 900px;
  margin: 0 auto;
  aspect-ratio: 3506 / 448;
}
.hx-topbanner-narrow[data-ad-placement] .ad-banner-link img { height: 100%; }