/* Netscanner — estilos complementares ao theme.json */

:root {
  --ns-primary: #FF6A1A;
  --ns-primary-glow: #FF9A3D;
  --ns-secondary: #0F0F0F;
  --ns-muted: #F5F5F5;
  --ns-muted-fg: #666666;
  --ns-border: #EAEAEA;
  --ns-shadow-soft: 0 4px 20px -4px rgba(0,0,0,0.08);
  --ns-shadow-card: 0 8px 30px -8px rgba(0,0,0,0.12);
  --ns-shadow-glow: 0 20px 60px -10px rgba(255,106,26,0.55);
  --ns-shadow-elevated: 0 24px 50px -12px rgba(0,0,0,0.25);
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
img, svg, video { max-width: 100%; height: auto; }

/* Botões "hero" — usar com a classe is-style-hero em core/button */
.wp-block-button.is-style-hero .wp-block-button__link {
  background: linear-gradient(135deg, var(--ns-primary) 0%, var(--ns-primary-glow) 100%);
  color: #fff;
  border-radius: 0.75rem;
  padding: 0.95rem 1.85rem;
  font-weight: 600;
  box-shadow: var(--ns-shadow-glow);
  transition: transform .25s ease, box-shadow .25s ease;
}
.wp-block-button.is-style-hero .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: var(--ns-shadow-elevated);
}

/* Botão outline claro para hero escuro */
.wp-block-button.is-style-outline-light .wp-block-button__link {
  background: rgba(255,255,255,0.05);
  border: 2px solid rgba(255,255,255,0.4);
  color: #fff;
  border-radius: 0.75rem;
  padding: 0.85rem 1.75rem;
  backdrop-filter: blur(6px);
  transition: all .25s ease;
}
.wp-block-button.is-style-outline-light .wp-block-button__link:hover {
  background: rgba(255,255,255,0.15);
  border-color: #fff;
}

/* Cards com sombra suave */
.ns-card {
  background: #fff;
  border: 1px solid var(--ns-border);
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: var(--ns-shadow-soft);
  transition: transform .3s ease, box-shadow .3s ease;
}
.ns-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ns-shadow-card);
}

/* Texto com gradiente laranja */
.ns-text-gradient {
  background: linear-gradient(135deg, var(--ns-primary) 0%, var(--ns-primary-glow) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Container do site */
.wp-site-blocks > * { scroll-margin-top: 90px; }

/* Header sticky friendly */
.wp-block-template-part.site-header,
header.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,0.85);
  border-bottom: 1px solid var(--ns-border);
}

/* Footer dark */
.site-footer, .wp-block-template-part.site-footer {
  background: var(--ns-secondary);
  color: #fff;
}
.site-footer a { color: rgba(255,255,255,0.8); }
.site-footer a:hover { color: var(--ns-primary); }

/* Animação fade-up para blocos com classe .ns-fade */
@keyframes ns-fade-up {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.ns-fade { animation: ns-fade-up .7s ease-out both; }