/* Restaurant sidebar — gastronomic visual identity
   Scoped to the restaurant sidebar only via its inline --sidebar-width marker. */

[style*="--sidebar-width: 240px"] {
  --restaurant-bg: #120d0a;
  --restaurant-surface: #1b120d;
  --restaurant-surface-2: #25170f;
  --restaurant-border: rgba(255,255,255,.075);
  --restaurant-text: #fff8ef;
  --restaurant-muted: #bcae9f;
  --restaurant-red: #e83b2f;
  --restaurant-orange: #ff8a1f;
  --restaurant-yellow: #ffc247;
  background: radial-gradient(circle at 25% -5%, rgba(232,59,47,.12), transparent 30%), #120d0a !important;
  border-right-color: rgba(255,138,31,.12) !important;
  box-shadow: 12px 0 35px rgba(36,15,5,.08);
}

[style*="--sidebar-width: 240px"] [data-sidebar="header"] {
  background: linear-gradient(180deg, rgba(255,138,31,.055), transparent) !important;
  border-bottom-color: var(--restaurant-border) !important;
}

[style*="--sidebar-width: 240px"] [data-sidebar="header"] div[class*="from-[#3347A8]"] {
  background: linear-gradient(145deg, #ef4a32 0%, #f46f24 55%, #ff9a20 100%) !important;
  border-color: rgba(255,194,71,.25) !important;
  box-shadow: 0 8px 24px rgba(232,59,47,.22) !important;
}

[style*="--sidebar-width: 240px"] [data-sidebar="header"] span[class*="text-white"] { color: var(--restaurant-text) !important; }
[style*="--sidebar-width: 240px"] [data-sidebar="header"] span[class*="text-[#9FB2C8]"] { color: #c7b7a7 !important; }

[style*="--sidebar-width: 240px"] [data-sidebar="content"] + * button,
[style*="--sidebar-width: 240px"] a[class*="bg-[#FF8A00]"],
[style*="--sidebar-width: 240px"] button[class*="bg-[#FF8A00]"] {
  background: linear-gradient(90deg, var(--restaurant-red), var(--restaurant-orange)) !important;
  box-shadow: 0 8px 20px rgba(232,59,47,.18) !important;
}

[style*="--sidebar-width: 240px"] [data-sidebar="content"] {
  background: transparent !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,138,31,.22) transparent;
}
[style*="--sidebar-width: 240px"] [data-sidebar="content"]::-webkit-scrollbar { width: 4px; }
[style*="--sidebar-width: 240px"] [data-sidebar="content"]::-webkit-scrollbar-thumb { background: rgba(255,138,31,.24); border-radius: 999px; }

[style*="--sidebar-width: 240px"] nav button,
[style*="--sidebar-width: 240px"] nav a { border: 1px solid transparent; }
[style*="--sidebar-width: 240px"] nav button:hover,
[style*="--sidebar-width: 240px"] nav a:hover { background: rgba(255,255,255,.045) !important; color: var(--restaurant-text) !important; }

[style*="--sidebar-width: 240px"] nav [class*="bg-[#102A43]"],
[style*="--sidebar-width: 240px"] nav [class*="bg-[#1e3a5f]"] {
  background: linear-gradient(90deg, rgba(232,59,47,.18), rgba(255,138,31,.09)) !important;
  border-color: rgba(255,138,31,.14) !important;
  color: #fff !important;
}
[style*="--sidebar-width: 240px"] nav [class*="text-[#A7B3C2]"],
[style*="--sidebar-width: 240px"] nav [class*="text-[#CBD5E1]"] { color: var(--restaurant-muted) !important; }
[style*="--sidebar-width: 240px"] nav [class*="text-[#FF9A1F]"],
[style*="--sidebar-width: 240px"] nav [class*="text-[#FF8A00]"] { color: var(--restaurant-orange) !important; }

[style*="--sidebar-width: 240px"] nav span[class*="bg-[#FF8A00]"] {
  background: linear-gradient(180deg, var(--restaurant-red), var(--restaurant-orange)) !important;
  box-shadow: 0 0 12px rgba(255,138,31,.24);
}

[style*="--sidebar-width: 240px"] nav > div[class*="border-[#FF8A00]"] {
  background: radial-gradient(circle at 90% 20%, rgba(255,138,31,.14), transparent 38%), linear-gradient(145deg, #20140d, #140e0a) !important;
  border-color: rgba(255,138,31,.55) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}
[style*="--sidebar-width: 240px"] nav > div[class*="border-[#FF8A00]"] h4 { color: #fff8ef !important; }
[style*="--sidebar-width: 240px"] nav > div[class*="border-[#FF8A00]"] p { color: #cbb9a7 !important; }
[style*="--sidebar-width: 240px"] nav > div[class*="border-[#FF8A00]"] div[class*="from-[#20336F]"] {
  background: linear-gradient(145deg, rgba(232,59,47,.20), rgba(255,138,31,.12)) !important;
  border-color: rgba(255,138,31,.28) !important;
}
[style*="--sidebar-width: 240px"] nav > div[class*="border-[#FF8A00]"] svg { color: #ffb24d !important; }

[style*="--sidebar-width: 240px"] [data-sidebar="footer"] { border-top: 1px solid var(--restaurant-border) !important; background: rgba(0,0,0,.08) !important; }
[style*="--sidebar-width: 240px"] [data-sidebar="footer"] button { background: rgba(255,255,255,.035) !important; border-color: rgba(255,138,31,.12) !important; }
[style*="--sidebar-width: 240px"] [data-sidebar="footer"] button:hover { background: rgba(255,138,31,.07) !important; border-color: rgba(255,138,31,.22) !important; }

[style*="--sidebar-width: 240px"] [data-sidebar="header"] button { background: rgba(255,255,255,.035) !important; border-color: rgba(255,138,31,.12) !important; color: #d7c6b5 !important; }
[style*="--sidebar-width: 240px"] [data-sidebar="header"] button:hover { background: rgba(255,138,31,.09) !important; color: #fff !important; }

/* Demo Restaurantes: remove the dark/brown shading from the hero and keep a clean warm background. */
section[class*="#5a2a16"] {
  background: radial-gradient(circle at 10% 20%, #fff0e9 0, transparent 32%), linear-gradient(90deg, #fffaf7 0%, #fff2e8 100%) !important;
}

@media (max-width: 768px) {
  [style*="--sidebar-width: 240px"] { box-shadow: 18px 0 45px rgba(0,0,0,.28); }
}


/* Tema claro para o menu de restaurantes: contraste e legibilidade. */
[style*="--sidebar-width: 240px"] {
  --restaurant-bg: #fffaf5;
  --restaurant-surface: #ffffff;
  --restaurant-surface-2: #fff1e5;
  --restaurant-border: #e8dcd1;
  --restaurant-text: #182536;
  --restaurant-muted: #475569;
  background: #fffaf5 !important;
  border-right-color: #e8dcd1 !important;
  color: #182536 !important;
}
[style*="--sidebar-width: 240px"] [data-sidebar="header"],
[style*="--sidebar-width: 240px"] [data-sidebar="footer"] {
  background: #ffffff !important;
  border-color: #e8dcd1 !important;
}
[style*="--sidebar-width: 240px"] [data-sidebar="content"] {
  background: #fffaf5 !important;
  scrollbar-color: #d7bba6 transparent;
}
[style*="--sidebar-width: 240px"] [data-sidebar="header"] span[class*="text-white"],
[style*="--sidebar-width: 240px"] [data-sidebar="header"] span[class*="text-[#9FB2C8]"],
[style*="--sidebar-width: 240px"] nav button,
[style*="--sidebar-width: 240px"] nav a,
[style*="--sidebar-width: 240px"] nav [class*="text-[#A7B3C2]"],
[style*="--sidebar-width: 240px"] nav [class*="text-[#CBD5E1]"] {
  color: #243247 !important;
}
[style*="--sidebar-width: 240px"] nav button:hover,
[style*="--sidebar-width: 240px"] nav a:hover {
  background: #ffebdb !important;
  color: #172334 !important;
}
[style*="--sidebar-width: 240px"] nav [class*="bg-[#102A43]"],
[style*="--sidebar-width: 240px"] nav [class*="bg-[#1e3a5f]"] {
  background: #ffe8d5 !important;
  border-color: #ffc89f !important;
  color: #8c370b !important;
}
[style*="--sidebar-width: 240px"] nav [class*="bg-[#102A43]"] *,
[style*="--sidebar-width: 240px"] nav [class*="bg-[#1e3a5f]"] * {
  color: #8c370b !important;
}
[style*="--sidebar-width: 240px"] nav > div[class*="border-[#FF8A00]"] {
  background: #fff4e9 !important;
  border-color: #f6ab73 !important;
  box-shadow: 0 5px 18px rgba(123,67,20,.08) !important;
}
[style*="--sidebar-width: 240px"] nav > div[class*="border-[#FF8A00]"] h4 {
  color: #182536 !important;
}
[style*="--sidebar-width: 240px"] nav > div[class*="border-[#FF8A00]"] p {
  color: #475569 !important;
}
[style*="--sidebar-width: 240px"] [data-sidebar="footer"] button,
[style*="--sidebar-width: 240px"] [data-sidebar="header"] button {
  background: #fff5ed !important;
  border-color: #ead2be !important;
  color: #334155 !important;
}
[style*="--sidebar-width: 240px"] [data-sidebar="footer"] button:hover,
[style*="--sidebar-width: 240px"] [data-sidebar="header"] button:hover {
  background: #ffe8d5 !important;
  color: #172334 !important;
}


/* Restaurant 2026 visual refresh — white canvas, vivid orange accents.
   Scoped to the restaurant rail; clinic and generic menus are unaffected. */
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"],
[style*="--sidebar-width: 240px"] [data-sidebar="sidebar"] {
  --restaurant-bg: #ffffff;
  --restaurant-surface: #ffffff;
  --restaurant-surface-2: #fff3e7;
  --restaurant-border: #e9edf2;
  --restaurant-text: #142236;
  --restaurant-muted: #526173;
  --restaurant-orange: #ff6500;
  background: #ffffff !important;
  color: #142236 !important;
  border-right: 1px solid #e9edf2 !important;
  box-shadow: 6px 0 22px rgba(15, 23, 42, .05) !important;
}
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="header"],
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"],
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="footer"] {
  background: #ffffff !important;
  color: #142236 !important;
  border-color: #e9edf2 !important;
}
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="header"] > div > div:first-child > div:first-child {
  background: linear-gradient(145deg, #ff7b1a, #ff5100) !important;
  border-color: #ff9a55 !important;
  box-shadow: 0 6px 14px rgba(255, 101, 0, .18) !important;
}
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="header"] span,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav button,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav a,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav button span,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav a span,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav svg {
  color: #142236 !important;
  opacity: 1 !important;
}
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav button:hover,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav a:hover {
  background: #fff2e5 !important;
  color: #ae4700 !important;
}
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav a[aria-current="page"],
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav [class*="bg-[#102A43]"],
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav [class*="bg-[#1e3a5f]"] {
  background: #ffeadb !important;
  border-color: transparent !important;
  color: #d65300 !important;
}
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav a[aria-current="page"] span,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav a[aria-current="page"] svg,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav [class*="bg-[#102A43]"] span,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="content"] nav [class*="bg-[#102A43]"] svg {
  color: #d65300 !important;
}
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="footer"] button {
  background: #ffffff !important;
  border: 1px solid #e9edf2 !important;
  color: #142236 !important;
  box-shadow: 0 3px 10px rgba(15,23,42,.04) !important;
}
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="footer"] button span,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="footer"] button p,
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="footer"] button svg {
  color: #142236 !important;
  opacity: 1 !important;
}
[data-sidebar="sidebar"][style*="--sidebar-width: 240px"] [data-sidebar="footer"] button:hover {
  background: #f8fafc !important;
}