/* =========================================================
   MADCTY YouTube Feed – FREE v3.2.1 (STABLE BASELINE)
   DO NOT MODIFY LAYOUT RULES IN FREE
   ========================================================= */

/* GRID */
.madcty-yt-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 1.5rem !important;
}

/* CAROUSEL */
.madcty-yt-carousel { position: relative; }

.madcty-yt-carousel-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 1.5rem !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  padding: 0.75rem 0 !important;
}
/* =========================================================
   CAROUSEL NAVIGATION – FINAL POSITIONING
   ========================================================= */

.madcty-yt-carousel {
  position: relative !important;
}

/* Nav buttons */
.madcty-yt-nav {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;

  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;

  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Left / Right placement */
.madcty-yt-nav.prev {
  left: -22px;
}

.madcty-yt-nav.next {
  right: -22px;
}

/* Hover state */
.madcty-yt-nav:hover {
  background: rgba(255, 0, 0, 0.85);
}

/* Hide when no scrolling possible */
.madcty-yt-carousel.no-scroll .madcty-yt-nav {
  display: none;
}
.madcty-yt-carousel-track > .madcty-yt-card {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
  scroll-snap-align: start !important;
}

/* CARD */
.madcty-yt-card {
  box-sizing: border-box !important;
}

/* THUMB RATIO BOX */
.madcty-yt-thumb {
  position: relative !important;
  overflow: hidden !important;
  background: #000;
}

.madcty-yt-thumb::before {
  content: "" !important;
  display: block !important;
  padding-top: var(--madcty-thumb-ratio, 56.25%) !important;
}

/* THUMB MEDIA */
.madcty-yt-thumb-media {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* PLAY ICON */
.madcty-yt-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 3;
}

.madcty-yt-play::before {
  content: "";
  width: 64px;
  height: 64px;
  background: rgba(0,0,0,.75);
  border-radius: 50%;
}

.madcty-yt-play::after {
  content: "";
  position: absolute;
  margin-left: 4px;
  border-left: 18px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.madcty-yt-card-link:hover .madcty-yt-play::before {
  background: rgba(255,0,0,.9);
}

/* TITLES */
.madcty-yt-card-title {
  margin-top: .5rem;
  line-height: 1.3;
}