/* 067 — Setas premium da seção Músicas
   Ajuste apenas visual. Não altera a lógica do carrossel e não interfere no Hero, Vídeos ou Redes. */

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows{
  z-index:58!important;
  padding:0!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows button{
  font-size:0!important;
  position:relative!important;
  overflow:hidden!important;
  width:clamp(44px,4vw,56px)!important;
  height:clamp(44px,4vw,56px)!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:50%!important;
  border:1px solid rgba(215,255,53,.72)!important;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(145deg,rgba(16,22,15,.88),rgba(2,5,3,.82))!important;
  color:var(--lime,#d7ff35)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 0 26px rgba(215,255,53,.22)!important;
  backdrop-filter:blur(16px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.25)!important;
}

/* brilho premium interno */
.music-carousel.music-carousel--cover-arrows .music-carousel__arrows button::after{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  border-radius:inherit!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg,rgba(215,255,53,.14),transparent 45%,rgba(255,255,255,.06))!important;
  pointer-events:none!important;
  opacity:.92!important;
}

/* ícone chevron desenhado em CSS, mais limpo que seta de texto */
.music-carousel.music-carousel--cover-arrows .music-carousel__arrows button::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:12px!important;
  height:12px!important;
  border-top:2px solid currentColor!important;
  border-right:2px solid currentColor!important;
  filter:drop-shadow(0 0 7px rgba(215,255,53,.48))!important;
  z-index:2!important;
  transition:transform .24s ease,filter .24s ease!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-prev::before{
  transform:translate(-35%,-50%) rotate(-135deg)!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-next::before{
  transform:translate(-65%,-50%) rotate(45deg)!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-prev{
  transform:translateX(-46%)!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-next{
  transform:translateX(46%)!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-prev:hover,
.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-prev:focus-visible{
  transform:translateX(-52%) scale(1.055)!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-next:hover,
.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-next:focus-visible{
  transform:translateX(52%) scale(1.055)!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows button:hover,
.music-carousel.music-carousel--cover-arrows .music-carousel__arrows button:focus-visible{
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.34),transparent 35%),
    linear-gradient(145deg,var(--lime,#d7ff35),#6dff44)!important;
  color:#020502!important;
  border-color:rgba(255,255,255,.88)!important;
  box-shadow:
    0 22px 50px rgba(0,0,0,.72),
    0 0 0 1px rgba(255,255,255,.28) inset,
    0 0 34px rgba(215,255,53,.5)!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows button:active{
  transition-duration:.08s!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-prev:active{
  transform:translateX(-50%) scale(.98)!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-next:active{
  transform:translateX(50%) scale(.98)!important;
}

.music-carousel.music-carousel--cover-arrows .music-carousel__arrows button:disabled{
  opacity:0!important;
  visibility:hidden!important;
}

/* sombra suave na capa para as setas ficarem integradas */
.music-carousel.music-carousel--cover-arrows .music-slide__visual::before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.48) 0%,transparent 26%,transparent 74%,rgba(0,0,0,.48) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.18))!important;
  opacity:.86!important;
}

@media(max-width:760px){
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    background:
      radial-gradient(circle at 32% 24%,rgba(255,255,255,.20),transparent 34%),
      linear-gradient(145deg,rgba(12,17,12,.90),rgba(1,4,2,.88))!important;
  }
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows button::before{
    width:11px!important;
    height:11px!important;
    border-width:2px!important;
  }
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-prev{
    transform:translateX(-34%)!important;
  }
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-next{
    transform:translateX(34%)!important;
  }
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-prev:hover,
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-prev:focus-visible{
    transform:translateX(-38%) scale(1.04)!important;
  }
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-next:hover,
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows .music-next:focus-visible{
    transform:translateX(38%) scale(1.04)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows button,
  .music-carousel.music-carousel--cover-arrows .music-carousel__arrows button::before{
    transition:none!important;
  }
}