/* Ecommerce Fortaleza Pneus — tema claro dourado (Shopee-like), design.md rev.1.0 */
:root {
  --gold-500: #F5BE24;
  --gold-600: #D79B12;
  --gold-700: #A86E0E;
  --gold-200: #FDE078;
  --ink-900: #060B0B;
  --ink-800: #161F1E;
  --bg-50: #F7F5EF;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
}

/* Re-skin tema claro: seções de conteúdo em marfim, header/footer escuros (apenas classes reais, sem seletor genérico que captura blocos soltos) */
body { background: var(--bg-50) !important; color: var(--ink-800); }
.site-header, .site-footer {
  background: var(--ink-900) !important; color: #F7F5EF;
}
main section { background: var(--bg-50) !important; }

/* Botão de carrinho compacto nas actions do header */
.cart-toggle-btn {
  height: 40px; padding: 6px 14px; font-size: 14px;
  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
}

/* Links e CTAs */
a { color: var(--gold-700); }
a:hover { color: var(--gold-600); }

.btn-gold, .button-gold {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  background: var(--gold-500); color: var(--ink-900) !important;
  font-weight: 700; border: none; border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-6); cursor: pointer;
  transition: background .15s ease;
  text-decoration: none;
}
.btn-gold:hover, .button-gold:hover { background: var(--gold-600); color: var(--ink-900); }
.btn-gold:focus-visible { outline: 2px solid var(--gold-500); outline-offset: 2px; }
.btn-outline-gold {
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; color: var(--gold-700); border: 2px solid var(--gold-500);
  border-radius: var(--radius-md); padding: var(--space-3) var(--space-6);
  font-weight: 700; text-decoration: none;
}
.btn-outline-gold:hover { background: var(--gold-200); }

/* Cards */
.card-light { background: #FFFFFF; border: 1px solid #ECE7D8; border-radius: var(--radius-md); padding: var(--space-6); }
.card-dark { background: var(--ink-800); border: 1px solid var(--gold-700); border-radius: var(--radius-md); padding: var(--space-6); color: var(--bg-50); }
.card-promo { background: var(--ink-900); border: 1px solid var(--gold-500); border-radius: var(--radius-md); }

/* Badges e chips */
.badge-gold { display: inline-block; background: var(--gold-500); color: var(--ink-900); font-weight: 700; font-size: 12px; line-height: 16px; padding: 2px 10px; border-radius: var(--radius-pill); }
.badge-success { display: inline-block; background: #208D4B; color: #fff; font-weight: 600; font-size: 12px; line-height: 16px; padding: 2px 10px; border-radius: var(--radius-pill); }
.chip-aro { display: inline-block; background: #ECE7D8; color: var(--ink-800); font-weight: 600; padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill); }
.chip-aro.active { background: var(--gold-500); color: var(--ink-900); }

/* Preços */
.price-tag { font-weight: 800; color: var(--gold-700); letter-spacing: .01em; }
.price-tag s, .price-old { color: #908566; font-weight: 500; }

/* Botões WhatsApp existentes ganham identidade dourada */
a[href*="wa.me"] { color: var(--gold-700); }