/* ==========================================================
   Tema sazonal: ESQUENTA BLACK FRIDAY 🖤🔥
   Camada por cima do layout padrão — só é carregada quando o tema está ligado
   (Admin › Tema da loja). Desligar o tema = site volta 100% ao normal.
   ========================================================== */
.season-bf {
  --red: #e10600;
  --red-600: #c00500;
  --red-700: #7a0300;
  --red-50: #fff1ec;
  --yellow: #ffc400;
  --yellow-600: #f0b000;
  --bf-black: #0b0b0b;
  --bf-black-2: #1a1a1a;
  --bf-gold: #ffc400;
  --bf-fire: #ff3b00;
  --bf-glow: rgba(255, 196, 0, .4);
}

/* ==========================================================
   SITE
   ========================================================== */
.season-bf .hw-strip { background: linear-gradient(90deg, var(--bf-black), #2a0b00 50%, var(--bf-black)); color: var(--bf-gold); text-align: center; font-weight: 900; font-size: 13.5px; letter-spacing: .04em; text-transform: uppercase; padding: 9px 16px; border-bottom: 2px solid var(--bf-fire); }
.season-bf .hw-strip b { color: #fff; }
body.season-bf:not(.admin):not(.pdv) { background: #faf8f3; }
.season-bf .topbar { background: var(--bf-black); }
.season-bf .topbar-rotator b { color: var(--bf-gold); }
.season-bf .header { box-shadow: 0 2px 0 var(--bf-gold); }
.season-bf .header .logo { position: relative; }
.season-bf .header .logo::after { content: '🔥'; position: absolute; right: -22px; top: -10px; font-size: 18px; transform: rotate(12deg); filter: drop-shadow(0 2px 3px rgba(0,0,0,.25)); }
.season-bf .nav { background: linear-gradient(90deg, var(--bf-black), var(--bf-black-2) 60%, var(--bf-black)); }
.season-bf .nav-item > a:hover, .season-bf .nav-item:focus-within > a, .season-bf .nav-item:hover > a { background: var(--bf-gold); color: var(--bf-black); }
.season-bf .nav-item.highlight > a { background: var(--bf-gold); color: var(--bf-black); }
.season-bf .nav-all > a { background: rgba(255,255,255,.08); }
.season-bf .hero { box-shadow: 0 0 0 2px var(--bf-gold), 0 10px 40px rgba(0, 0, 0, .35); }
.season-bf .section-title::after { content: ' 🔥'; }
.season-bf .card:hover { border-color: var(--bf-gold); box-shadow: 0 10px 30px var(--bf-glow); }
.season-bf .tag-red { background: var(--bf-black); color: var(--bf-gold); }
.season-bf .tag-dark { background: var(--bf-black); }
.season-bf .btn-primary { background: var(--bf-black); color: var(--bf-gold); box-shadow: 0 4px 16px rgba(0,0,0,.25); }
.season-bf .btn-primary:hover { background: #262626; }
.season-bf .kings-deals .kd-eyebrow { color: var(--bf-gold); }
.season-bf .kings-deals h2 em { color: var(--bf-gold); }
.season-bf .footer { background: linear-gradient(180deg, var(--bf-black), #000); border-top: 4px solid var(--bf-gold); }
.season-bf .footer-bottom { border-top-color: #2a2a2a; }

/* Modais e gaveta do carrinho do site */
.season-bf .drawer-head, .season-bf .qv-head { border-bottom: 2px solid var(--bf-gold); }

/* ==========================================================
   PAINEL ADMINISTRATIVO
   ========================================================== */
.season-bf .adm-side { background: linear-gradient(180deg, var(--bf-black), #141414); }
.season-bf .adm-brand { border-bottom-color: #2a2a2a; position: relative; }
.season-bf .adm-brand::after { content: '🖤'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 20px; }
.season-bf .adm-nav .grp { color: #c9a640; }

/* ==========================================================
   PDV
   ========================================================== */
body.pdv.season-bf {
  --red: #e10600; --red-2: #ff3b00; --yellow: #ffc400;
  --bg: #080808; --panel: #121212; --panel-2: #1a1a1a; --line: #2c2c2c;
  background: radial-gradient(circle at 0% 0%, rgba(255, 196, 0, .12), transparent 42%), radial-gradient(circle at 100% 100%, rgba(255, 59, 0, .14), transparent 45%), var(--bg);
}
.season-bf .pdv-top { background: rgba(8, 8, 8, .92); border-bottom: 2px solid var(--bf-gold); }
.season-bf .pdv-tag { background: var(--bf-gold); color: var(--bf-black); }
.season-bf .pdv-tag::before { content: '🖤 '; }
.season-bf .btn-offer { background: var(--bf-gold); color: var(--bf-black); }

/* Tela de login do painel */
.season-bf .login-box { box-shadow: 0 0 0 2px var(--bf-gold), 0 20px 60px rgba(0, 0, 0, .35); }

@media print { .hw-strip { display: none !important; } }