/* MediaCMS Video Carousel - basic, responsive, no-framework carousel */
.mcms-vc-wrapper { width: 100%; }
.mcms-vc { position: relative; overflow: hidden; width: 100%; }
.mcms-vc-track { display: flex; gap: var(--mcms-gap, 12px); will-change: transform; transition: transform 320ms ease; }
.mcms-vc-slide { flex: 0 0 auto; }
.mcms-vc-aspect { position: relative; width: 100%; height: 0; overflow: hidden; background: #000; border-radius: 10px; }
.mcms-vc-aspect iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mcms-vc-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.45); color: #fff; border: 0; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; z-index: 2; }
.mcms-vc-arrow:hover { background: rgba(0,0,0,0.6); }
.mcms-vc-arrow.prev { left: 6px; }
.mcms-vc-arrow.next { right: 6px; }

.mcms-vc-dots { display: flex; justify-content: center; gap: 6px; margin-top: 8px; }
.mcms-vc-dots button { width: 8px; height: 8px; border-radius: 999px; background: #bbb; border: none; cursor: pointer; }
.mcms-vc-dots button[aria-current="true"] { width: 20px; background: #333; }

.theme-dark .mcms-vc-dots button { background:#666; }
.theme-dark .mcms-vc-dots button[aria-current="true"] { background:#e5e5e5; }