/**
 * CS Repair — temas do site público (escuro, oceano, sunset, minimal).
 * Padrão = style.css sem classe extra. Futurista = public-ui-futurista.css
 */

/* ——— Escuro ——— */
body.cs-shell-public.public-tema-escuro {
  --azul: #64b5f6;
  --azul-claro: #90caf9;
  --laranja: #ffb74d;
  --fundo: #0f1018;
  --texto: #ececf4;
  --muted: #a8a8c0;
  --pub-card-bg: rgba(22, 24, 36, 0.96);
  --pub-card-border: rgba(100, 181, 246, 0.18);
  --pub-shell-bg: #12141f;
  --pub-shell-bg-scrolled: #0a0c14;
  color-scheme: dark;
}

body.cs-shell-public.public-tema-escuro .cs-sidebar {
  border-right: 1px solid rgba(100, 181, 246, 0.12);
}

body.cs-shell-public.public-tema-escuro .card,
body.cs-shell-public.public-tema-escuro .google-reviews-section {
  background: var(--pub-card-bg);
  border-color: var(--pub-card-border);
  color: var(--texto);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

body.cs-shell-public.public-tema-escuro .btn-outline {
  background: transparent;
  color: var(--azul-claro);
  border-color: var(--azul-claro);
}

body.cs-shell-public.public-tema-escuro .input,
body.cs-shell-public.public-tema-escuro textarea,
body.cs-shell-public.public-tema-escuro select {
  background: rgba(18, 20, 32, 0.95);
  border-color: rgba(100, 181, 246, 0.25);
  color: var(--texto);
}

body.cs-shell-public.public-tema-escuro .footer {
  background: #0a0c12;
  border-top: 1px solid rgba(100, 181, 246, 0.12);
}

body.cs-shell-public.public-tema-escuro .footer .footer-container h3,
body.cs-shell-public.public-tema-escuro .footer .footer-container h4,
body.cs-shell-public.public-tema-escuro .footer .footer-container p,
body.cs-shell-public.public-tema-escuro .footer .footer-container li,
body.cs-shell-public.public-tema-escuro .footer-faq-heading {
  color: var(--texto) !important;
}

body.cs-shell-public.public-tema-escuro .footer a[style],
body.cs-shell-public.public-tema-escuro .footer-faq-wrap a {
  color: var(--laranja) !important;
}

body.cs-shell-public.public-tema-escuro .footer-faq-wrap {
  border-top-color: rgba(255, 255, 255, 0.08);
}

body.cs-shell-public.public-tema-escuro .cs-sidebar-overlay {
  background: rgba(0, 0, 0, 0.55);
}

/* ——— Oceano ——— */
body.cs-shell-public.public-tema-oceano {
  --azul: #0077b6;
  --azul-claro: #00b4d8;
  --laranja: #ff9f1c;
  --fundo: #e8f6fa;
  --texto: #0a2e3d;
  --muted: #3d6b7c;
  --pub-card-bg: linear-gradient(165deg, #ffffff 0%, #f0fbff 100%);
  --pub-card-border: rgba(0, 119, 182, 0.16);
  --pub-shell-bg: linear-gradient(180deg, #0077b6 0%, #023e8a 100%);
  --pub-shell-bg-scrolled: #023e8a;
}

body.cs-shell-public.public-tema-oceano {
  background:
    radial-gradient(ellipse 80% 50% at 0% 0%, rgba(0, 180, 216, 0.14), transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 100%, rgba(0, 119, 182, 0.1), transparent 50%),
    var(--fundo);
}

body.cs-shell-public.public-tema-oceano .card {
  background: var(--pub-card-bg);
  border-color: var(--pub-card-border);
  box-shadow: 0 10px 30px rgba(0, 119, 182, 0.1);
}

body.cs-shell-public.public-tema-oceano .google-reviews-section {
  background:
    radial-gradient(circle at top left, rgba(255, 159, 28, 0.14), transparent 40%),
    linear-gradient(135deg, #fff 0%, #e8f8fc 100%);
  border-color: rgba(0, 180, 216, 0.25);
}

body.cs-shell-public.public-tema-oceano .footer {
  background: linear-gradient(180deg, #d4f1f9 0%, #caf0f8 100%);
  border-top: 1px solid rgba(0, 119, 182, 0.12);
}

body.cs-shell-public.public-tema-oceano .footer .footer-container h3,
body.cs-shell-public.public-tema-oceano .footer .footer-container h4 {
  color: #023e8a !important;
}

body.cs-shell-public.public-tema-oceano .footer a[style*="color:#ff6f00"],
body.cs-shell-public.public-tema-oceano .footer-faq-wrap a {
  color: var(--laranja) !important;
}

/* ——— Sunset ——— */
body.cs-shell-public.public-tema-sunset {
  --azul: #9d174d;
  --azul-claro: #be185d;
  --laranja: #ea580c;
  --fundo: #fff7ed;
  --texto: #431407;
  --muted: #9a3412;
  --pub-card-bg: linear-gradient(160deg, #ffffff 0%, #ffedd5 100%);
  --pub-card-border: rgba(234, 88, 12, 0.2);
  --pub-shell-bg: linear-gradient(180deg, #9d174d 0%, #7f1d1d 100%);
  --pub-shell-bg-scrolled: #7f1d1d;
}

body.cs-shell-public.public-tema-sunset {
  background:
    radial-gradient(ellipse 70% 45% at 100% 0%, rgba(251, 146, 60, 0.2), transparent 55%),
    radial-gradient(ellipse 50% 35% at 0% 100%, rgba(190, 24, 93, 0.1), transparent 50%),
    var(--fundo);
}

body.cs-shell-public.public-tema-sunset .nav a:hover {
  background: rgba(255, 237, 213, 0.22);
}

body.cs-shell-public.public-tema-sunset .card {
  background: var(--pub-card-bg);
  border-color: var(--pub-card-border);
  box-shadow: 0 10px 28px rgba(194, 65, 12, 0.12);
}

body.cs-shell-public.public-tema-sunset h1,
body.cs-shell-public.public-tema-sunset h2 {
  color: #9d174d;
}

body.cs-shell-public.public-tema-sunset .btn {
  background: linear-gradient(135deg, #c2410c, #ea580c);
}

body.cs-shell-public.public-tema-sunset .btn:hover {
  background: linear-gradient(135deg, #9d174d, #c2410c);
}

body.cs-shell-public.public-tema-sunset .footer {
  background: linear-gradient(180deg, #ffedd5 0%, #fed7aa 100%);
  border-top: 1px solid rgba(194, 65, 12, 0.15);
}

body.cs-shell-public.public-tema-sunset .footer .footer-container h3,
body.cs-shell-public.public-tema-sunset .footer .footer-container h4 {
  color: #7c2d12 !important;
}

body.cs-shell-public.public-tema-sunset .footer a[style*="color:#ff6f00"] {
  color: #c2410c !important;
}

/* ——— Minimal ——— */
body.cs-shell-public.public-tema-minimal {
  --azul: #1f2937;
  --azul-claro: #374151;
  --laranja: #111827;
  --fundo: #fafafa;
  --texto: #111827;
  --muted: #6b7280;
  --pub-card-bg: #ffffff;
  --pub-card-border: #e5e7eb;
  --pub-shell-bg: #111827;
  --pub-shell-bg-scrolled: #0f172a;
}

body.cs-shell-public.public-tema-minimal {
  background: var(--fundo);
}

body.cs-shell-public.public-tema-minimal .header.cs-topbar,
body.cs-shell-public.public-tema-minimal .cs-topbar {
  box-shadow: none;
  border-bottom: 1px solid #374151;
}

body.cs-shell-public.public-tema-minimal .header.cs-topbar.scrolled,
body.cs-shell-public.public-tema-minimal .cs-topbar.scrolled {
  box-shadow: 0 1px 0 #374151;
}

body.cs-shell-public.public-tema-minimal .nav a:hover {
  background: #374151;
}

body.cs-shell-public.public-tema-minimal .card {
  background: var(--pub-card-bg);
  border: 1px solid var(--pub-card-border);
  border-radius: 6px;
  box-shadow: none;
}

body.cs-shell-public.public-tema-minimal .card::before,
body.cs-shell-public.public-tema-minimal .card::after {
  display: none;
}

body.cs-shell-public.public-tema-minimal .btn {
  background: #111827;
  border-radius: 4px;
}

body.cs-shell-public.public-tema-minimal .btn:hover {
  background: #374151;
  transform: none;
}

body.cs-shell-public.public-tema-minimal h1,
body.cs-shell-public.public-tema-minimal h2 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

body.cs-shell-public.public-tema-minimal .footer {
  background: #f3f4f6;
  border-top: 1px solid #e5e7eb;
}

body.cs-shell-public.public-tema-minimal .footer .footer-container h3,
body.cs-shell-public.public-tema-minimal .footer .footer-container h4 {
  color: #111827 !important;
}

body.cs-shell-public.public-tema-minimal .footer a[style*="color:#ff6f00"] {
  color: #111827 !important;
  text-decoration: underline !important;
}

/* Barra superior = menu lateral (todos os temas alternativos) */
body.cs-shell-public[class*="public-tema-"] .cs-sidebar,
body.cs-shell-public[class*="public-tema-"] .header.cs-topbar,
body.cs-shell-public[class*="public-tema-"] .cs-topbar {
  background: var(--pub-shell-bg) !important;
}

body.cs-shell-public[class*="public-tema-"] .header.cs-topbar.scrolled,
body.cs-shell-public[class*="public-tema-"] .cs-topbar.scrolled {
  background: var(--pub-shell-bg-scrolled, var(--pub-shell-bg)) !important;
}