/**
 * Zona Morta — tema visual (porta do NewModelDayZ-php)
 * Carregar DEPOIS de fui-redesign.css nas páginas públicas.
 */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Oswald:wght@500;600;700&family=Saira+Stencil+One&display=swap');

:root {
  --zm-radius: 0.125rem;
  --zm-background: #2a2c28;
  --zm-background-deep: #1c1e1a;
  --zm-foreground: #e4e6dc;
  --zm-card: #363933;
  --zm-primary: #6b8f5e;
  --zm-primary-rgb: 107, 143, 94;
  --zm-primary-foreground: #141810;
  --zm-secondary: #3f433c;
  --zm-muted: #3a3e38;
  --zm-muted-foreground: #a3a89a;
  --zm-rust: #b36a3a;
  --zm-hazard: #e6c84a;
  --zm-blood: #b33a2e;
  --zm-border: #55594c;
  --zm-font-stencil: "Saira Stencil One", "Oswald", sans-serif;
  --zm-font-display: "Oswald", "Arial Narrow", sans-serif;
  --zm-font-sans: "Barlow", system-ui, sans-serif;
}

/* Remap accent stack used by v2/fui */
body.v2-theme.fui-page,
body.fui-page {
  --v2-accent: var(--zm-primary);
  --v2-accent-rgb: var(--zm-primary-rgb);
  --v2-accent-dark: #557248;
  --v2-accent-darker: #3f5635;
  --radius: var(--zm-radius);
  font-family: var(--zm-font-sans) !important;
  background-color: var(--zm-background-deep) !important;
  background-image:
    radial-gradient(circle at top, rgba(var(--zm-primary-rgb), 0.14), transparent 32%),
    linear-gradient(180deg, var(--zm-background) 0%, var(--zm-background-deep) 100%) !important;
  color: var(--zm-foreground) !important;
}

body.v2-theme.fui-page::before {
  display: none !important;
}

/* Grain overlay (NewModel .grain) — um único layer mesmo com classe grain */
body.fui-page,
body.v2-theme {
  position: relative;
  isolation: isolate;
}

body.fui-page::after,
body.v2-theme.grain::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
  opacity: 0.045;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

body.fui-page h1,
body.fui-page h2,
body.fui-page h3,
body.fui-page h4,
body.fui-page .font-orbitron,
body.fui-page .fui-display,
body.fui-page .stencil {
  font-family: var(--zm-font-display) !important;
  letter-spacing: 0.02em;
}

body.fui-page .stencil {
  font-family: var(--zm-font-stencil) !important;
  letter-spacing: 0.04em;
}

/* Cyan → olive / muted (FUI hardcoded) */
body.v2-theme.fui-page,
body.fui-page.bg-\[\#020617\],
body.fui-page {
  background-color: var(--zm-background-deep) !important;
}

body.fui-page.text-cyan-400,
body.fui-page {
  color: var(--zm-foreground) !important;
}

body.v2-theme.fui-page .text-red-500,
body.v2-theme.fui-page .text-red-600,
body.v2-theme.fui-page .text-red-700,
body.v2-theme.fui-page .text-red-800,
body.v2-theme.fui-page .text-red-900,
body.fui-page .text-cyan-300,
body.fui-page .text-cyan-400,
body.fui-page .text-cyan-500,
body.fui-page .text-cyan-200 {
  color: var(--zm-primary) !important;
}

body.fui-page .text-cyan-400\/70,
body.fui-page .text-cyan-400\/60,
body.fui-page .text-cyan-500\/70 {
  color: var(--zm-muted-foreground) !important;
}

body.v2-theme.fui-page .bg-red-600,
body.v2-theme.fui-page .bg-red-700,
body.v2-theme.fui-page .hover\:bg-red-600:hover,
body.fui-page .bg-cyan-500,
body.fui-page .bg-cyan-600,
body.fui-page .bg-cyan-700 {
  background-color: var(--zm-primary) !important;
  color: var(--zm-primary-foreground) !important;
}

body.v2-theme.fui-page .border-red-500,
body.v2-theme.fui-page .border-red-600,
body.v2-theme.fui-page .border-red-700,
body.fui-page .border-cyan-500,
body.fui-page .border-cyan-600,
body.fui-page .border-cyan-700,
body.fui-page .border-cyan-800,
body.fui-page .border-cyan-900,
body.fui-page .border-cyan-900\/50 {
  border-color: rgba(var(--zm-primary-rgb), 0.45) !important;
}

body.v2-theme.fui-page .bg-red-600\/10,
body.v2-theme.fui-page .bg-red-600\/15,
body.v2-theme.fui-page .bg-red-500\/10,
body.v2-theme.fui-page .bg-red-500\/15,
body.fui-page .bg-cyan-500\/10,
body.fui-page .bg-cyan-600\/10,
body.fui-page .bg-cyan-900\/20,
body.fui-page .bg-cyan-950\/40 {
  background-color: rgba(var(--zm-primary-rgb), 0.12) !important;
}

body.v2-theme.fui-page .logo-part-z,
body.v2-theme.fui-page .price-value,
body.v2-theme.fui-page .modal-category,
body.fui-page .logo-part-z,
body.fui-page .price-value {
  color: var(--zm-hazard) !important;
  text-shadow: 0 0 18px rgba(230, 200, 74, 0.25) !important;
}

body.v2-theme.fui-page .glass-card,
body.fui-page .glass-card {
  background: color-mix(in srgb, var(--zm-card) 88%, transparent) !important;
  border-color: rgba(var(--zm-primary-rgb), 0.22) !important;
  border-radius: var(--zm-radius) !important;
}

/* Buttons / cards — NewModel feel */
body.fui-page .btn,
body.fui-page .btn-add-cart,
body.fui-page a.btn-add-cart,
body.fui-page button.btn-add-cart,
body.fui-page .fui-btn,
body.fui-page .fui-cta {
  border-radius: var(--zm-radius) !important;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 600;
  font-size: 0.8rem;
}

body.fui-page .btn-add-cart,
body.fui-page a.btn-add-cart,
body.fui-page button.btn-add-cart {
  color: var(--zm-foreground) !important;
  border-color: rgba(var(--zm-primary-rgb), 0.55) !important;
  background: rgba(var(--zm-primary-rgb), 0.16) !important;
}

body.fui-page .btn-add-cart:hover,
body.fui-page a.btn-add-cart:hover,
body.fui-page button.btn-add-cart:hover {
  color: var(--zm-primary-foreground) !important;
  background: linear-gradient(135deg, var(--zm-primary), var(--v2-accent-dark)) !important;
  border-color: rgba(var(--zm-primary-rgb), 0.9) !important;
}

body.fui-page .product-card,
body.fui-page .fui-card,
body.fui-page .panel,
body.fui-page .hero-card,
body.fui-page .summary-card {
  border-radius: var(--zm-radius) !important;
  border-color: rgba(var(--zm-primary-rgb), 0.22) !important;
  background: color-mix(in srgb, var(--zm-card) 92%, transparent) !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), inset 0 0 32px rgba(var(--zm-primary-rgb), 0.06) !important;
}

body.fui-page .product-card:hover {
  border-color: rgba(var(--zm-primary-rgb), 0.75) !important;
}

/* Header / footer */
body.fui-page header,
body.fui-page .fui-header,
body.fui-page nav.fui-nav {
  background: color-mix(in srgb, var(--zm-background-deep) 92%, transparent) !important;
  border-bottom-color: rgba(85, 89, 76, 0.7) !important;
  backdrop-filter: blur(8px);
}

body.fui-page .fui-page-footer,
body.fui-page .fui-footer-hud,
body.fui-page footer {
  background: var(--zm-background-deep) !important;
  border-top-color: rgba(85, 89, 76, 0.7) !important;
  color: var(--zm-muted-foreground) !important;
}

/* Soften cyan glow utilities */
body.fui-page .fui-glow-cyan,
body.fui-page .fui-glow-cyan-intense {
  box-shadow: 0 0 24px rgba(var(--zm-primary-rgb), 0.35) !important;
  color: var(--zm-primary) !important;
}

/* HUD reticle / cyan utility borders used inline in markup */
body.fui-page .border-cyan-900\/30,
body.fui-page .border-cyan-900\/50,
body.fui-page .border-cyan-500\/50,
body.fui-page .border-cyan-500\/40,
body.fui-page .border-cyan-400\/40,
body.fui-page [class*="border-cyan-"] {
  border-color: rgba(var(--zm-primary-rgb), 0.4) !important;
}

body.fui-page .bg-\[\#020617\],
body.fui-page .bg-\[\#020617\]\/90 {
  background-color: var(--zm-background-deep) !important;
}

/* Páginas só com v2-theme (sem fui-page) */
body.v2-theme:not(.fui-page) {
  --v2-accent: var(--zm-primary);
  --v2-accent-rgb: var(--zm-primary-rgb);
  font-family: var(--zm-font-sans) !important;
  background-color: var(--zm-background-deep) !important;
  color: var(--zm-foreground) !important;
}
body.v2-theme:not(.fui-page) h1,
body.v2-theme:not(.fui-page) h2,
body.v2-theme:not(.fui-page) h3,
body.v2-theme:not(.fui-page) .font-orbitron {
  font-family: var(--zm-font-display) !important;
}

body.fui-page .fui-image-cyan-tint {
  filter: sepia(0.25) hue-rotate(45deg) saturate(0.85) !important;
  opacity: 0.35;
}

/* Inputs */
body.fui-page input,
body.fui-page select,
body.fui-page textarea {
  border-radius: var(--zm-radius) !important;
  border-color: var(--zm-border) !important;
  background: var(--zm-card) !important;
  color: var(--zm-foreground) !important;
}

body.fui-page input:focus,
body.fui-page select:focus,
body.fui-page textarea:focus {
  outline: none;
  border-color: rgba(var(--zm-primary-rgb), 0.7) !important;
  box-shadow: 0 0 0 1px rgba(var(--zm-primary-rgb), 0.35);
}

/* Utility helpers matching NewModel */
body.fui-page .text-rust { color: var(--zm-rust) !important; }
body.fui-page .text-hazard { color: var(--zm-hazard) !important; }
body.fui-page .text-muted { color: var(--zm-muted-foreground) !important; }
body.fui-page .text-primary { color: var(--zm-primary) !important; }
body.fui-page .text-blood { color: var(--zm-blood) !important; }