/* =========================================================
   THEME — GOLD (por página)
   Cobre: Menu/Topbar + Mobile Menu, Hero overlay, Hero Play CTA,
   Countdown (Hero + Section), Promo+Info, Trailer, Footer, Carousel
   Uso:
   1) <body data-theme="gold">
   2) <link rel="stylesheet" href="./assets/style/theme-gold.css" />
   ========================================================= */

body[data-theme="gold"] {
  /* troca “azul” por “dourado” via tokens */
  --light-blue-1: var(--gold-2);
  --gradient-light-blue-1: var(--gradient-dark-gold-1);
  --gradient-light-blue-2: var(--gradient-dark-gold-1);

  /* garante que hovers que ainda usam glow-blue fiquem dourados */
  --shadow-glow: 0 0 18px rgba(241, 196, 110, .55);
  --shadow-glow-blue: var(--shadow-glow);

  /* cards mais quentes */
  --card-color-1: #3a2a12;
  --card-color-2: #2a1d0c;
}

/* =========================================================
   HERO — overlay PRETO (desktop + mobile)
   ========================================================= */
body[data-theme="gold"] .hero__overlay {
  background: linear-gradient(90deg,
      rgba(0, 0, 0, 0.92) 0%,
      rgba(0, 0, 0, 0.70) 38%,
      rgba(0, 0, 0, 0.22) 72%,
      rgba(0, 0, 0, 0.00) 100%);
}

@media (max-width: 830px) {
  body[data-theme="gold"] .hero__overlay {
    background: linear-gradient(0deg,
        rgba(0, 0, 0, 0.92) 0%,
        rgba(0, 0, 0, 0.72) 38%,
        rgba(0, 0, 0, 0.62) 70%,
        rgba(0, 0, 0, 0.22) 100%);
  }
}

/* =========================================================
   MENU — transparente em tom dourado
   ========================================================= */
body[data-theme="gold"] .topbar {
  background: rgba(71, 41, 1, .55);
  border-bottom: 1px solid rgba(241, 196, 110, .12);
}

/* links */
body[data-theme="gold"] .nav__link:hover {
  color: var(--gold-2);
  text-shadow: var(--shadow-glow);
}

body[data-theme="gold"] .nav__link--gold {
  color: var(--gold);
}

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

/* CTA do menu */
body[data-theme="gold"] .nav__cta:hover {
  color: var(--gold);
  box-shadow: var(--shadow-glow);
}

/* mobile menu */
body[data-theme="gold"] .mobile-menu {
  background: rgba(71, 41, 1, .88);
  border-top: 1px solid rgba(241, 196, 110, .12);
}

body[data-theme="gold"] .mobile-menu__link:hover {
  color: var(--gold-2);
  text-shadow: var(--shadow-glow);
}

body[data-theme="gold"] .mobile-menu__link--gold {
  color: var(--gold);
}

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

/* =========================================================
   HERO PLAY CTA — cobre .topbar__cta e também .topbar__cta--blue
   ========================================================= */
body[data-theme="gold"] .topbar__cta:hover {
  color: var(--gold);
  box-shadow: var(--shadow-glow);
}

body[data-theme="gold"] .topbar__cta--blue {
  border-color: rgba(241, 196, 110, .95);
}

body[data-theme="gold"] .topbar__cta--blue:hover {
  background: var(--gradient-dark-gold-1);
  border-color: rgba(241, 196, 110, 1);
  color: var(--white);
  box-shadow: var(--shadow-glow);
}

/* =========================================================
   PROMO + INFO — gradiente mais escuro (esquerda bem escura)
   ========================================================= */
body[data-theme="gold"] .promo-section,
body[data-theme="gold"] .info-section {
  background: linear-gradient(90deg,
      rgb(73, 42, 3) 0%,
      rgb(71, 41, 1) 55%,
      rgb(136, 85, 13) 130%);
}

/* cupom sem azul */
body[data-theme="gold"] .coupon-code {
  background: rgba(35, 20, 2, .65);
  border-color: var(--gold-2);
  box-shadow: 0 0 20px rgba(241, 196, 110, .28);
  animation: couponGlowGold 1.2s ease-in-out infinite;
}

@keyframes couponGlowGold {

  0%,
  100% {
    box-shadow: 0 0 20px rgba(241, 196, 110, .25);
  }

  50% {
    box-shadow: 0 0 34px rgba(241, 196, 110, .55), 0 0 46px rgba(241, 196, 110, .22);
  }
}

/* copiar */
body[data-theme="gold"] .copy-btn {
  background: var(--gold);
}

body[data-theme="gold"] .copy-btn:hover {
  background: var(--gold-2);
  box-shadow: 0 8px 18px rgba(241, 196, 110, .22);
}

/* CTA grande */
body[data-theme="gold"] .btn-primary-large {
  background: var(--gradient-dark-gold-1);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .28), 0 0 18px rgba(241, 196, 110, .16);
}

body[data-theme="gold"] .btn-primary-large:hover {
  box-shadow: 0 14px 34px rgba(0, 0, 0, .34), 0 0 22px rgba(241, 196, 110, .35);
  filter: drop-shadow(0 0 16px rgba(241, 196, 110, .22));
}

/* =========================================================
   TRAILER — fundo dourado escuro
   ========================================================= */
body[data-theme="gold"] .trailer {
  background: linear-gradient(180deg,
      rgba(59, 34, 3, 0.88) 0%,
      rgba(71, 41, 1, .92) 55%,
      rgba(82, 48, 3, 0.92) 110%);
  border-top: 1px solid rgba(241, 196, 110, .12);
}

body[data-theme="gold"] .video-link__play:hover {
  box-shadow: var(--shadow-glow);
}

/* =========================================================
   FOOTER — hover dourado garantido
   ========================================================= */
body[data-theme="gold"] .footer__link:hover {
  color: var(--gold-2);
  text-shadow: var(--shadow-glow);
}

/* =========================================================
   COUNTDOWN SECTION (standalone) — overrides
   ========================================================= */
body[data-theme="gold"] .countdown-section {
  background: linear-gradient(180deg,
      rgba(59, 34, 3, 0.88) 0%,
      rgba(71, 41, 1, .92) 60%,
      rgba(35, 20, 2, .96) 120%);
  border-top: 1px solid rgba(241, 196, 110, .12);
  border-bottom: 1px solid rgba(241, 196, 110, .12);
}

body[data-theme="gold"] .countdown.countdown--xl {
  background: rgba(35, 20, 2, .62);
  border-color: rgba(241, 196, 110, .18);
}

/* =========================================================
   CAROUSEL — overrides
   (cobre tanto .carousel__link quanto .carousel-section .carousel a)
   ========================================================= */
body[data-theme="gold"] .carousel-section {
  background: linear-gradient(180deg,
      rgba(59, 34, 3, 0.90) 0%,
      rgba(71, 41, 1, .92) 55%,
      rgba(82, 48, 3, 0.92) 110%);
  border-top: 1px solid rgba(241, 196, 110, .12);
}

body[data-theme="gold"] .slideLeft,
body[data-theme="gold"] .slideRight {
  border-color: rgba(241, 196, 110, .22);
  background: rgba(71, 41, 1, .35);
}

body[data-theme="gold"] .slideLeft:hover,
body[data-theme="gold"] .slideRight:hover {
  background: rgba(71, 41, 1, .50);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25), var(--shadow-glow);
}

body[data-theme="gold"] .carousel__link,
body[data-theme="gold"] .carousel-section .carousel a {
  border-color: rgba(241, 196, 110, .14);
  background: rgba(35, 20, 2, .28);
}

body[data-theme="gold"] .carousel__link:hover,
body[data-theme="gold"] .carousel-section .carousel a:hover {
  border-color: rgba(241, 196, 110, .28);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .38), var(--shadow-glow);
}