/* MODO BLACK — ligado só para quem veio de /black-friday/ (html.bf, ver o <script> no <head> de cada página).
   Reaproveita as variáveis do tema (definidas no :root de cada página) e escurece o carrinho/checkout (store.css).
   Paleta: preto #0a0a0a / painel #141414 / dourado #d4af37 / vermelho #d10000 / verde #4ade80. */
html.bf {
  --text-color: #ededed; --text-color-rgb: 237, 237, 237; --heading-color: #ffffff;
  --border-color: #2a2a2a; --border-color-rgb: 42, 42, 42; --form-border-color: #3a3a3a;
  --accent-color: #d4af37; --accent-color-rgb: 212, 175, 55; --accent-background: rgba(212, 175, 55, 0.10);
  --link-color: #e3b341; --link-color-hover: #fff1b8;
  --background: #0a0a0a; --secondary-background: #141414; --secondary-background-rgb: 20, 20, 20;
  --success-color: #4ade80; --success-background: rgba(74, 222, 128, 0.12);
  --primary-button-background: #d4af37; --primary-button-background-rgb: 212, 175, 55; --primary-button-text-color: #1a1200;
  --bf-gold-grad: linear-gradient(135deg, #8a6508 0%, #d4af37 18%, #fff3b0 40%, #d4af37 58%, #8a6508 78%, #f1d27a 100%);
  --secondary-button-background: #d4af37; --secondary-button-background-rgb: 212, 175, 55; --secondary-button-text-color: #1a1200;
  --footer-background: #000000; --footer-text-color: #d6d6d6;
  --header-background: #0a0a0a; --header-text-color: #f1f1f1; --header-light-text-color: #d4af37; --header-border-color: rgba(212, 175, 55, 0.35); --header-accent-color: #d4af37;
  --product-on-sale-accent-rgb: 212, 175, 55; --product-on-sale-color: #1a1200;
  --product-cor-do-preco-semdesc: #ffffff; --product-cor-do-preco: #e3b341; --product-cor-do-preco-riscado: #8a8a8a; --product-cor-dos-titles: #ffffff;
  --product-in-stock-color: #4ade80; --product-review-star-color: #e3b341;
  --flickity-arrow-color: #d4af37;
  /* store.css (carrinho/checkout) */
  --lm-bg: #141414; --lm-ink: #ededed; --lm-line: #2a2a2a; --lm-muted: #a3a3a3;
}
html.bf, html.bf body { background: #0a0a0a; color: #ededed; }

/* cabeçalho: filete dourado + barra de anúncio vira a faixa da Black (texto trocado por CSS) */
html.bf .header { border-bottom: 2px solid #d4af37; }
html.bf .announcement-bar { background: linear-gradient(90deg, #9f0000, #d10000, #9f0000) !important; }
html.bf .announcement-bar__inner { font-size: 0 !important; }
html.bf .announcement-bar__inner::after { content: "🖤 BLACK FRIDAY · até 72% OFF sobre o preço original · cupom BLACK20 aplicado automaticamente"; font-size: 13px; font-weight: 700; color: #fff1b8; letter-spacing: .3px; }
html.bf .mobile-menu__panel, html.bf .mobile-menu__inner { background: #141414 !important; color: #ededed; }
html.bf .mobile-menu__nav-link, html.bf .mobile-menu__section-title { color: #ededed !important; }

/* cards e seções */
html.bf .card, html.bf .product-item, html.bf .loja-card { background: #141414; border: 1px solid #262626; }
html.bf .card__header, html.bf .card__separator { border-color: #2a2a2a; }
html.bf .product-item__title, html.bf .product-meta__title, html.bf .section__title, html.bf .heading { color: #ffffff; }
html.bf .product-item__primary-image, html.bf .product-gallery__image, html.bf .loja-cart__img img { background: #fff; }
html.bf .price--highlight, html.bf .product-item__price-list .price--highlight { color: #e3b341 !important; }
html.bf .price--compare { color: #8a8a8a !important; }
html.bf .product-label--on-sale, html.bf .discount__percentage { background: linear-gradient(135deg, #8a6508, #d4af37 35%, #fff3b0 55%, #d4af37 75%, #8a6508) !important; color: #1a1200 !important; }
html.bf .block-swatch__item { background: #1d1d1d; color: #ededed; border-color: #3a3a3a; }
html.bf .block-swatch__radio:checked + .block-swatch__item { background: #2a1f00; border-color: #d4af37; color: #fff1b8; }
/* botões de compra: dourado metálico (pedido do dono, 03/11) */
@keyframes bfshine { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
html.bf .product-form__add-button, html.bf .button--primary { background: var(--bf-gold-grad) !important; background-size: 200% 200% !important; color: #1a1200 !important; border: 0 !important; font-weight: 800; box-shadow: 0 6px 20px rgba(212, 175, 55, .30); animation: bfshine 6s linear infinite; }
html.bf .product-form__add-button:hover, html.bf .button--primary:hover { filter: brightness(1.06); }
html.bf .fretefundo { background: #141414; }
html.bf .rte, html.bf .rte p, html.bf .rte li, html.bf .text-with-icons__content { color: #d6d6d6; }
html.bf .rte h2, html.bf .rte h3 { color: #fff; }
html.bf .rte table, html.bf .rte td, html.bf .rte th { border-color: #2a2a2a; }
html.bf img[src*="PRE-NATAL_IMG"] { display: none; }   /* faixa "Pré-Natal" não faz sentido na Black */
html.bf .text-with-icons__item { background: #141414; border-color: #262626; }
html.bf .breadcrumb__link, html.bf .breadcrumb__item { color: #a3a3a3; }
html.bf .product-meta p, html.bf .product-meta__sku-number { color: #c9c9c9 !important; }   /* texto curto sob o título (inline #444 no HTML) */

/* barra flutuante de compra (store.js) */
html.bf .lm-barra { background: var(--bf-gold-grad) !important; background-size: 200% 200% !important; border-top: 0 !important; color: #1a1200 !important; animation: bfshine 6s linear infinite; }
html.bf .lm-barra__preco, html.bf .lm-barra__preco b, html.bf .lm-barra__preco s { color: #1a1200 !important; }
html.bf .lm-barra__cta { color: #1a1200 !important; border-left-color: rgba(0, 0, 0, .35) !important; }

/* carrinho e checkout (store.css usa cores fixas) */
html.bf .loja-cart__table td, html.bf .loja-cart__sumrow--total { border-color: #2a2a2a; }
html.bf .loja-cart__table th { color: #a3a3a3; }
html.bf .loja-cart__summary, html.bf .loja-pix, html.bf .loja-acct, html.bf .loja-cupom { background: #141414 !important; border-color: #2a2a2a !important; color: #ededed; }
html.bf .loja-cart__sumrow--cupom { color: #fff1b8; }
html.bf .loja-cupom__hint { display: none; }   /* não oferecer MAGIA15 por cima da Black */
html.bf .loja-qty { border-color: #3a3a3a; }
html.bf .loja-qty button { background: #1d1d1d; color: #ededed; }
html.bf .loja-qty input, html.bf input, html.bf select, html.bf textarea { background: #1d1d1d !important; color: #ededed !important; border-color: #3a3a3a !important; }
html.bf input::placeholder { color: #777; }
html.bf .loja-paymethod { background: #1d1d1d; border-color: #3a3a3a; color: #ededed; }
html.bf .loja-pix__copiar.is-done { background: #0a8a2a !important; color: #fff !important; animation: none; }
html.bf .loja-pix__code { background: #0a0a0a; color: #ededed; border-color: #3a3a3a; }
html.bf .loja-status--ok { color: #4ade80; }
html.bf .loja-secure, html.bf .loja-cart__unit, html.bf .loja-cart__variant { color: #a3a3a3; }