/* 
  Tema Churrascaria Premium - Food Truck Rústico
  Fundo escuro, dourado, madeira, fogo
*/
@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Bebas+Neue&family=Roboto+Condensed&family=Kaushan+Script&display=swap");

:root {
  /* ═══ Background e Texto ═══ */
  --background: #0b0b0b;
  --foreground: #f2f2f2;
  --card: #141414;
  --card-foreground: #f2f2f2;
  --popover: #141414;
  --popover-foreground: #f2f2f2;
  --muted: #2a2a2a;
  --muted-foreground: #b0b0b0;

  /* ═══ Cores Principais ═══ */
  --primary: #f0b128;
  --primary-foreground: #111;
  --secondary: #d89a1d;
  --secondary-foreground: #111;
  --accent: #d89a1d;
  --accent-foreground: #111;
  --border: #d89a1d;
  --input: #2a2a2a;
  --ring: #f0b128;

  /* ═══ Header ═══ */
  --header-topbar-height: 5rem;
  --header-catnav-height: 3.5rem;

  /* ═══ Logo ═══ */
  --header-logo-font-size: 3rem;
  --header-logo-max-height: 6.2rem;

  /* ═══ Tipografia ═══ */
  --section-title-font-size: 2.5rem;
  --product-name-font-size: 1.125rem;
  --product-price-font-size: 1.5rem;

  /* ═══ Preços ═══ */
  --price-promo: #f0b128;
  --price-original: #b0b0b0;

  /* ═══ Badges ═══ */
  --badge-discount-bg: #c62828;
  --badge-discount-text: #f2f2f2;
  --badge-oos-bg: #7a0f0f;
  --badge-oos-text: #f2f2f2;

  /* ═══ Ratings ═══ */
  --rating-star: #f0b128;
  --rating-star-empty: #555;

  /* ═══ Footer ═══ */
  --footer-bg: #0b0b0b;
  --footer-text: #e6e0d0;
  --footer-link: #d89a1d;
  --footer-link-hover: #f0b128;

  /* ═══ Estados ═══ */
  --success-text: #5bc85b;
  --success-bg: #1a3a1a;
  --success-border: #2e8b2e;
  --error-bg: #3a0f0f;

  /* ═══ Produto - Fora de estoque ═══ */
  --product-oos-bg: #2a2a2a;
  --product-oos-text: #888;

  /* ═══ Reviews ═══ */
  --section-reviews-bg: #141414;
  --section-reviews-card-bg: #1a1a1a;
  --section-reviews-text: #f2f2f2;

  /* ═══ Categorias ═══ */
  --category-image-display: inline-block;

  /* ═══ Bordas ═══ */
  --badge-border-radius: 4px;
  --search-border-radius: 9999px;
}

/* ═══ Cabeçalho - Placa de Madeira ═══ */
header {
  background: linear-gradient(135deg, #3a1f0d, #5a3215, #3a1f0d) !important;
  border-bottom: 3px solid #d89a1d !important;
  box-shadow: none !important;
}

header .text-muted-foreground,
header a:not(.header-logo-link) {
  color: #e6e0d0 !important;
}

header a:hover {
  color: #f0b128 !important;
}

/* ═══ Tipografia Global ═══ */
body,
.font-sans {
  font-family: "Roboto Condensed", sans-serif;
}

/* ═══ Títulos de Seção ═══ */
h2,
.section-title {
  font-family: "Alfa Slab One", serif !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #d89a1d !important;
}

/* ═══ Botões ═══ */
button,
.btn,
[data-slot="button"] {
  font-family: "Bebas Neue", sans-serif !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400 !important;
}

/* ═══ Cards de Produto ═══ */
.product-card-container {
  border: 2px solid #d89a1d !important;
  border-radius: 12px !important;
  background: #141414 !important;
  transition: all 0.3s ease;
  padding: 8px !important;
}

.product-card-container:hover {
  border-color: #f0b128 !important;
  box-shadow: 0 0 24px rgba(240, 177, 40, 0.25) !important;
}

/* ═══ Imagens das Categorias ═══ */
.category-thumb {
  width: 40px !important;
  height: 40px !important;
}

/* ═══ Preços em Destaque ═══ */
.text-price-promo {
  font-size: 1.5rem !important;
}

/* ═══ Rodapé - Fonte Script ═══ */
footer {
  font-family: "Kaushan Script", cursive;
  font-size: 1.25rem;
  color: #d89a1d !important;
  border-top: 2px solid #3a1f0d;
}

footer a {
  font-family: "Roboto Condensed", sans-serif;
}