/* Basic styles for Mediapaou Carousel */
.mediapaou-carousel { position: relative; overflow: hidden; width: 100%; }
.mediapaou-carousel .mp-track { position: relative; }
.mediapaou-carousel .mp-slide { display: none; transition: opacity .4s ease; }
.mediapaou-carousel .mp-slide.is-active { display: block; }

/* Images: keep as-is */
.mediapaou-carousel img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  max-height: 520px; /* keep your existing image size */
  object-fit: cover;
  background: #000;
}

/* Make videos 50% smaller than before */
.mediapaou-carousel video {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  max-height: 150px; /* ↓ 50% smaller */
  object-fit: contain; /* keeps the whole frame visible */
  background: #000;
}

/* Optional fine-tuning for desktop vs mobile */
@media (min-width: 1024px) {
  .mediapaou-carousel video {
    max-height: 130px; /* smaller on large desktop screens */
  }
}

@media (max-width: 640px) {
  .mediapaou-carousel video {
    max-height: 180px; /* slightly taller on phones */
  }
}

.mediapaou-carousel .mp-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(0,0,0,.45); color:#fff; border:0; width:44px;height:44px;
  border-radius: 999px; cursor:pointer; line-height: 44px; text-align:center;
}
.mediapaou-carousel .mp-prev { left: 10px; }
.mediapaou-carousel .mp-next { right: 10px; }
.mediapaou-carousel .mp-nav:hover { background: rgba(0,0,0,.65); }

.mediapaou-carousel .mp-dots { text-align:center; margin-top:10px; }
.mediapaou-carousel .mp-dot {
  width:10px;height:10px;border-radius:999px;border:0;margin:0 4px;
  background:#d0d0d0; cursor:pointer;
}
.mediapaou-carousel .mp-dot.is-active { background:#333; }

/* Admin rows */
.mp-slide-admin {
  background:#fff; border:1px solid #ddd; border-radius:8px; padding:12px; margin-bottom:12px;
}
.mp-slide-admin .mp-row { display:flex; align-items:center; gap:12px; justify-content:space-between; }
.mp-slide-admin label { display:block; margin-top:8px; font-weight:600; }
.mp-slide-admin input[type=url] { width: 100%; max-width: 520px; }
.mp-row-actions .button { margin-left:4px; }