/* =========================================================
   THEME — NEFARIOUS
   Tons: preto profundo + verde/ciano frio inspirado no pôster
   Uso:
   1) <body data-theme="nefarious">
   2) <link rel="stylesheet" href="./assets/style/nefarious-theme.css" />
   ========================================================= */

body[data-theme="nefarious"] {
  --light-blue-1: #59f3e8;
  --gradient-light-blue-1: linear-gradient(137deg, #9bfffb 0%, #2ed8cf 100%);
  --gradient-light-blue-2: linear-gradient(137deg, #6ffbf2 0%, #139f98 100%);
  --gradient-dark-blue-1: linear-gradient(180deg, #0a1d1c 0%, #030505 100%);
  --card-color-1: #0a1716;
  --card-color-2: #071110;
  --shadow-glow: 0 0 18px rgba(89, 243, 232, .42);
  --shadow-glow-blue: var(--shadow-glow);
}

/* =========================================================
   HERO — mais alto no desktop + overlay escuro/ciano
   ========================================================= */
@media (min-width: 831px) {
  body[data-theme="nefarious"] .hero {
    min-height: 820px;
  }
}

body[data-theme="nefarious"] .hero__overlay {
  background: linear-gradient(90deg,
    rgba(0, 0, 0, .94) 0%,
    rgba(2, 18, 17, .74) 38%,
    rgba(2, 18, 17, .20) 72%,
    rgba(2, 18, 17, 0) 100%
  );
}

@media (max-width: 830px) {
  body[data-theme="nefarious"] .hero__overlay {
    background: linear-gradient(0deg,
      rgba(0, 0, 0, .94) 0%,
      rgba(2, 18, 17, .82) 26%,
      rgba(2, 18, 17, .58) 38%,
      rgba(2, 18, 17, .34) 48%,
      rgba(2, 18, 17, .16) 58%,
      rgba(2, 18, 17, .06) 66%,
      rgba(2, 18, 17, .01) 74%,
      rgba(2, 18, 17, 0) 100%
    );
  }
}

/* =========================================================
   MENU — preto translúcido com acento verde/ciano
   ========================================================= */
body[data-theme="nefarious"] .topbar {
  background: rgba(1, 10, 10, .70);
  border-bottom: 1px solid rgba(89, 243, 232, .12);
}

body[data-theme="nefarious"] .nav__link:hover {
  color: #8bfffa;
  text-shadow: var(--shadow-glow);
}

body[data-theme="nefarious"] .nav__link--gold {
  color: #59f3e8;
}

body[data-theme="nefarious"] .nav__link--gold:hover {
  color: #a3fffb;
  text-shadow: var(--shadow-glow);
}

body[data-theme="nefarious"] .nav__cta:hover {
  color: #0c6e69;
  box-shadow: var(--shadow-glow);
}

body[data-theme="nefarious"] .mobile-menu {
  background: rgba(1, 10, 10, .90);
  border-top: 1px solid rgba(89, 243, 232, .12);
}

body[data-theme="nefarious"] .mobile-menu__link:hover {
  color: #8bfffa;
  text-shadow: var(--shadow-glow);
}

body[data-theme="nefarious"] .mobile-menu__link--gold {
  color: #59f3e8;
}

body[data-theme="nefarious"] .mobile-menu__cta:hover {
  color: #0c6e69;
  box-shadow: var(--shadow-glow);
}

/* =========================================================
   HERO PLAY CTA
   ========================================================= */
body[data-theme="nefarious"] .topbar__cta:hover {
  color: #0c6e69;
  box-shadow: var(--shadow-glow);
}

body[data-theme="nefarious"] .topbar__cta--blue {
  border-color: rgba(89, 243, 232, .90);
}

body[data-theme="nefarious"] .topbar__cta--blue:hover {
  background: var(--gradient-light-blue-2);
  border-color: rgba(89, 243, 232, 1);
  color: #041110;
  box-shadow: var(--shadow-glow);
}

/* =========================================================
   TRAILER
   ========================================================= */
body[data-theme="nefarious"] .trailer {
  background: linear-gradient(180deg,
    rgba(7, 17, 16, .96) 0%,
    rgba(2, 8, 8, .98) 100%
  );
  border-top: 1px solid rgba(89, 243, 232, .10);
}

body[data-theme="nefarious"] .trailer__inner {
  background: radial-gradient(circle at top, rgba(89, 243, 232, .08), transparent 34%);
}

body[data-theme="nefarious"] .trailer__title {
  color: #eafefd;
  text-shadow: 0 0 18px rgba(89, 243, 232, .12);
}

body[data-theme="nefarious"] .video {
  border: 1px solid rgba(89, 243, 232, .14);
  box-shadow: 0 20px 50px rgba(0, 0, 0, .45), var(--shadow-glow);
}

body[data-theme="nefarious"] .video--plyr .plyr__control--overlaid {
  background: rgba(19, 159, 152, .92);
}

body[data-theme="nefarious"] .video--plyr .plyr__control--overlaid:hover {
  background: #59f3e8;
  color: #041110;
}

body[data-theme="nefarious"] .video--plyr .plyr__controls {
  flex-wrap: wrap;
  gap: 8px;
}

body[data-theme="nefarious"] .video--plyr .trailer-audio[hidden] {
  display: none !important;
}

body[data-theme="nefarious"] .video--plyr .trailer-audio {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-theme="nefarious"] .video--plyr .trailer-audio__label {
  color: rgba(234, 254, 253, .82);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body[data-theme="nefarious"] .video--plyr .trailer-audio__select {
  min-width: 154px;
  height: 34px;
  padding: 0 34px 0 12px;
  border: 1px solid rgba(89, 243, 232, .22);
  border-radius: 999px;
  background-color: rgba(2, 12, 12, .96);
  background-image: linear-gradient(180deg, rgba(8, 27, 26, .96), rgba(4, 16, 15, .98));
  color: #eafefd;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  appearance: none;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

body[data-theme="nefarious"] .video--plyr .trailer-audio__select:focus,
body[data-theme="nefarious"] .video--plyr .trailer-audio__select:hover {
  border-color: rgba(89, 243, 232, .56);
  box-shadow: 0 0 0 3px rgba(89, 243, 232, .12);
}

@media (max-width: 830px) {
  body[data-theme="nefarious"] .video--plyr .trailer-audio {
    width: 100%;
    justify-content: flex-end;
    margin-left: 0;
    padding-top: 6px;
    border-top: 1px solid rgba(89, 243, 232, .12);
  }

  body[data-theme="nefarious"] .video--plyr .trailer-audio__label {
    font-size: 10px;
  }

  body[data-theme="nefarious"] .video--plyr .trailer-audio__select {
    min-width: 138px;
  }
}

/* =========================================================
   SEÇÕES / FOOTER / CAROUSEL
   ========================================================= */
body[data-theme="nefarious"] .carousel-section {
  background: linear-gradient(180deg,
    rgba(7, 17, 16, .96) 0%,
    rgba(0, 0, 0, .94) 55%,
    rgba(7, 17, 16, .98) 110%
  );
  border-top: 1px solid rgba(89, 243, 232, .10);
}

body[data-theme="nefarious"] .slideLeft,
body[data-theme="nefarious"] .slideRight {
  border-color: rgba(89, 243, 232, .20);
  background: rgba(0, 0, 0, .35);
}

body[data-theme="nefarious"] .slideLeft:hover,
body[data-theme="nefarious"] .slideRight:hover {
  background: rgba(0, 0, 0, .52);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35), var(--shadow-glow);
}

body[data-theme="nefarious"] .carousel__link,
body[data-theme="nefarious"] .carousel-section .carousel a {
  border-color: rgba(89, 243, 232, .10);
  background: rgba(0, 0, 0, .24);
}

body[data-theme="nefarious"] .carousel__link:hover,
body[data-theme="nefarious"] .carousel-section .carousel a:hover {
  border-color: rgba(89, 243, 232, .20);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .48), var(--shadow-glow);
}

body[data-theme="nefarious"] .footer__link:hover {
  color: #8bfffa;
  text-shadow: var(--shadow-glow);
}