/* Nitro reklam kartı (NitroAdCard). Kart, organik reel kartının ölçüsünü ve
   koyu medya yüzeyini paylaşır; yalnızca görsel/carousel ve eylem düğmesi eklenir. */
.nitro-ad { isolation: isolate; }
.nitro-ad .nitro-ad-image,
.nitro-ad .nitro-ad-slide > img,
.nitro-ad .nitro-ad-slide > video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; background: #000; user-select: none;
}
.nitro-ad > video { width: 100%; height: 100%; object-fit: cover; background: #000; }

/* Carousel: yatay kaydırma, her slayt kartın tamamı */
.nitro-ad-track {
  position: absolute; inset: 0; display: flex;
  overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
  scrollbar-width: none; overscroll-behavior-x: contain;
}
.nitro-ad-track::-webkit-scrollbar { display: none; }
.nitro-ad-slide { position: relative; flex: 0 0 100%; height: 100%; scroll-snap-align: start; }
.nitro-ad-slide > video { cursor: pointer; }

.nitro-ad-nav {
  position: absolute; z-index: 5; top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .25); background: rgba(7, 9, 11, .55);
  color: #fff; display: grid; place-items: center; cursor: pointer;
  backdrop-filter: blur(6px); transition: opacity .2s, background .2s;
}
.nitro-ad-nav:hover { background: rgba(7, 9, 11, .8); }
.nitro-ad-nav.prev { left: 10px; }
.nitro-ad-nav.next { right: 10px; }
.nitro-ad-nav[disabled] { opacity: 0; pointer-events: none; }

.nitro-ad-dots {
  position: absolute; z-index: 4; left: 0; right: 0; bottom: 14px;
  display: flex; justify-content: center; gap: 5px; pointer-events: none;
}
.nitro-ad-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, .45); transition: width .2s, background .2s; }
.nitro-ad-dots i.on { width: 16px; border-radius: 3px; background: #fff; }

/* Künye: marka yerine "Sponsorlu" işareti */
.nitro-ad .nitro-ad-mark {
  width: 42px; height: 42px; flex: none; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--mg-accent, #e9003f); color: #fff;
  border: 2px solid rgba(255, 255, 255, .65);
}
.nitro-ad .fa-names { min-width: 0; }
.nitro-ad .fa-names b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nitro-ad .fa-names small { letter-spacing: .02em; }
.nitro-ad .nitro-mute { margin-left: auto; }

/* Metin + eylem: organik kartta sağdaki eylem sütunu yok, metin genişler */
.nitro-ad .nitro-ad-copy { right: 18px; bottom: 64px; display: grid; gap: 12px; justify-items: start; }
.nitro-ad.is-still .nitro-ad-copy { bottom: 30px; }
.nitro-ad.is-carousel .nitro-ad-copy { bottom: 36px; }
.nitro-ad .nitro-ad-copy p {
  margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.nitro-ad-cta {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 18px; border-radius: 12px;
  background: #fff; color: #0c1014 !important;
  font-size: 13.5px; font-weight: 700; text-decoration: none;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .35); transition: transform .15s, background .15s;
}
.nitro-ad-cta:hover { background: var(--mg-accent, #e9003f); color: #fff !important; transform: translateY(-1px); }
.nitro-ad-cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  .nitro-ad-track { scroll-behavior: auto; }
  .nitro-ad-cta, .nitro-ad-dots i { transition: none; }
}