/*
 * Recanto — Rustic Theme
 * Inclui este ficheiro em todas as páginas do restaurante.
 * Substitui o esquema azul/tech pelo tema amadeirado rústico.
 */

/* ── Variáveis globais ───────────────────────────────────────────── */
:root {
  --blue:   #7a4e2d !important;
  --blue-l: #d4921f !important;
  --dark:   #0d0a07 !important;
  --card:   #1e1710 !important;
  --border: #5a3820 !important;
  --text:   #f0e8dc !important;
  --muted:  #a08060 !important;
  --muted2: #7a5c3c !important;
  --green:  #4a7c3f !important;
  --red:    #8b2020 !important;
  --orange: #c8903a !important;

  /* Aliases do sistema antigo */
  --cor-primaria:    #7a4e2d !important;
  --cor-acento:      #d4921f !important;
  --cor-primaria-bg: rgba(122,78,45,0.15) !important;
  --cor-acento-text: #d4921f !important;
}

/* ── Base ────────────────────────────────────────────────────────── */
html, body {
  background: #0d0a07 !important;
  color: #f0e8dc !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}

/* ── Substituição de cores azuis hard-coded ──────────────────────── */

/* Backgrounds */
[style*="background: #0a1628"],
[style*="background:#0a1628"],
[style*="background: #0f172a"],
[style*="background:#0f172a"],
[style*="background: #080e1c"],
[style*="background:#080e1c"],
[style*="background: #0f0f0f"],
[style*="background:#0f0f0f"],
[style*="background: #111"],
[style*="background:#111"],
[style*="background: #0a1220"],
[style*="background:#0a1220"] {
  background: #1e1710 !important;
}

/* Borders azuis */
[style*="border.*#1a56db"],
[style*="border-color: #1a56db"],
[style*="border-color:#1a56db"] {
  border-color: #7a4e2d !important;
}

/* ── Navbars / Headers ───────────────────────────────────────────── */
nav, header, .navbar, .topbar, .header {
  background: linear-gradient(160deg, #2a1508 0%, #140a04 100%) !important;
  border-bottom-color: #7a4e2d !important;
}

/* ── Cards / Panels ──────────────────────────────────────────────── */
.card, .panel, .modal-content, .box,
[class*="card"], [class*="panel"] {
  background: #1e1710 !important;
  border-color: #5a3820 !important;
}

/* ── Buttons ─────────────────────────────────────────────────────── */
button, .btn, [class*="btn-"] {
  font-family: Georgia, 'Times New Roman', serif !important;
}

/* Botões primários (azuis → amadeirados) */
button[style*="background: #1a56db"],
button[style*="background:#1a56db"],
button[style*="background: #3b82f6"],
button[style*="background:#3b82f6"],
.btn-primary, [class*="btn-blue"], [class*="btn-primary"] {
  background: #7a4e2d !important;
  border-color: #7a4e2d !important;
  color: #fff !important;
}

/* Textos azuis → âmbar */
[style*="color: #3b82f6"],
[style*="color:#3b82f6"],
[style*="color: #1a56db"],
[style*="color:#1a56db"],
[style*="color: #93c5fd"],
[style*="color:#93c5fd"] {
  color: #d4921f !important;
}

/* ── Inputs / Textareas ──────────────────────────────────────────── */
input, textarea, select {
  background: #2a1a0e !important;
  border-color: #5a3820 !important;
  color: #f0e8dc !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}
input::placeholder, textarea::placeholder {
  color: #7a5c3c !important;
}
input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: #7a4e2d !important;
  box-shadow: 0 0 0 2px rgba(122,78,45,0.3) !important;
}

/* ── Tables ──────────────────────────────────────────────────────── */
table { border-collapse: collapse; width: 100%; }
th {
  background: #2a1a0e !important;
  color: #d4921f !important;
  border-color: #5a3820 !important;
}
td {
  border-color: #3a2210 !important;
  color: #f0e8dc !important;
}
tr:hover td {
  background: rgba(122,78,45,0.1) !important;
}

/* ── Scrollbars ──────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #1a1208; }
::-webkit-scrollbar-thumb { background: #5a3820; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #7a4e2d; }

/* ── Links ───────────────────────────────────────────────────────── */
a { color: #d4921f !important; }
a:hover { color: #a0672e !important; }

/* ── Status badges ───────────────────────────────────────────────── */
[style*="background.*rgba(26,86"] {
  background: rgba(122,78,45,0.2) !important;
}

/* ── Tabs ────────────────────────────────────────────────────────── */
.tabs, .tab-bar, [class*="tabs"] {
  background: #1a1208 !important;
  border-color: #5a3820 !important;
}
.tab.active, .tab-active, [class*="tab"].active {
  border-bottom-color: #d4921f !important;
  color: #d4921f !important;
}

/* ── Toast / Alerts ──────────────────────────────────────────────── */
.toast, [class*="toast"] {
  background: #1e1710 !important;
  border-color: #7a4e2d !important;
  color: #f0e8dc !important;
}

/* ── Sidebar / Drawer ────────────────────────────────────────────── */
.sidebar, [class*="sidebar"] {
  background: #1a1208 !important;
  border-color: #5a3820 !important;
}

/* ── Login pages ─────────────────────────────────────────────────── */
.login-box, .login-card, [class*="login"] {
  background: #1e1710 !important;
  border-color: #5a3820 !important;
}