/*
Theme Name: NC Sports
Theme URI: https://novacorsports.example
Text Domain: nc-sports
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Author: Nova Cor Estamparia (Ruan Pablo)
Author URI: https://novacorestamparia.com
Description: Tema leve, responsivo e acessível para a linha Nova Cor Sports. Inclui homepage com hero, menu mobile, suporte ao editor de blocos, paleta de cores (laranja #F16400 e verde #008439), e estilos modernos prontos para produção.
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.txt
Tags: custom-colors, custom-logo, one-column, two-columns, responsive-layout, accessibility-ready, editor-style, block-styles
*/

/* Variáveis da marca */
:root{
  --nc-orange:#F16400;
  --nc-green:#008439;
  --nc-dark:#0C2515;
  --nc-white:#ffffff;
  --nc-max:1200px;
}

/* Reset básico e tipografia */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:#111;
  font:400 16px/1.6 'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  background:#fff;
}
img{max-width:100%;height:auto}
a{color:var(--nc-green);text-decoration:none}
a:hover{opacity:.9;text-decoration:underline}

/* Layout */
.container{max-width:var(--nc-max);margin-inline:auto;padding:0 20px}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #eee}
.header-inner{display:flex;align-items:center;gap:16px;min-height:64px}
.site-branding{display:flex;align-items:center;gap:12px}
.site-title{font-weight:800;margin:0;letter-spacing:.5px}
.site-description{margin:0;color:#555;font-size:.9rem}

/* Navegação */
.nav-toggle{margin-left:auto;border:0;background:#0000;cursor:pointer;display:none}
.nav-toggle span{display:block;width:28px;height:3px;background:#111;margin:5px 0;border-radius:2px;transition:.2s}
.primary-nav{margin-left:auto}
.primary-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.primary-nav a{display:block;padding:10px 6px;border-radius:8px}
.primary-nav a:hover,.primary-nav .current-menu-item>a{background:#f6f6f6;text-decoration:none}

/* Mobile */
@media (max-width: 860px){
  .nav-toggle{display:block}
  .primary-nav{position:fixed;inset:64px 0 0 0;background:#fff;transform:translateY(-105%);transition:.25s;padding:20px}
  .primary-nav.open{transform:translateY(0)}
  .primary-nav ul{flex-direction:column;gap:12px}
}

/* Hero */
.hero{
  background:linear-gradient(135deg,var(--nc-orange),var(--nc-green));
  color:#fff;
  padding:76px 0;
}
.hero-inner{display:grid;gap:18px;align-items:center}
.hero h1{font-family:Bebas Neue, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size:72px;line-height:.95;margin:0}
.hero p{font-size:1.125rem;max-width:60ch}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;border:2px solid #fff;color:#fff;font-weight:700}
.btn--solid{background:#fff;color:#0b2a17;border-color:#fff}
.btn--whatsapp{background:#25D366;border-color:#25D366;color:#0b2a17}
.badge{display:inline-flex;align-items:center;gap:8px;background:#00000020;color:#fff;border-radius:999px;padding:6px 10px;font-weight:700}

/* Cards */
.grid{display:grid;gap:18px}
@media(min-width:780px){.grid.col-3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid #eee;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0000000c}
.card h3{font:800 1.2rem/1.1 'Bebas Neue', sans-serif;letter-spacing:.5px;margin:0;padding:16px}
.card p{padding:0 16px 16px;color:#333}

/* Footer */
.site-footer{background:#0b0f0d;color:#eaeaea;margin-top:36px}
.site-footer a{color:#eaeaea}
.footer-inner{display:grid;gap:16px;align-items:center;min-height:80px}
.footer-copy{font-size:.9rem;opacity:.8}

/* Util */
.logo{height:36px}
.screen-reader-text{position:absolute;left:-9999px}

/* ===== Header Nova Cor style ===== */
:root{
  --nc-orange:#F16400; --nc-green:#008439; --nc-dark:#0C2515;
}

.nc-topbar{
  position: fixed; top: 0; left:0; right:0; z-index:1100;
  background:#0b0f0d; color:#eaeaea; font-size:.85rem;
  border-bottom:1px solid #00000040;
}
.nc-topbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:34px}
.nc-topbar__domain{display:flex;align-items:center;gap:8px;opacity:.9}
.nc-topbar__cta{color:#eaeaea;background:#25D366;padding:4px 10px;border-radius:10px;color:#0b2a17;font-weight:700;text-decoration:none}
.nc-topbar__cta:hover{opacity:.95}

.nc-header{
  position: fixed; top: 0; left:0; right:0; z-index:1000;
  backdrop-filter:saturate(180%) blur(6px);
  background:color-mix(in oklab, #ffffff 86%, transparent);
  border-bottom:1px solid #00000012;
  transition: .25s ease;
  margin-top: 34px;
}
.nc-header.is-shrink { background:#fff; border-bottom:1px solid #00000018 }
.nc-header__inner{display:flex;align-items:center;gap:20px;min-height:72px}

.nc-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.nc-brand__logo{height:40px;width:auto;display:block}
.nc-brand__title{font:800 22px/1 'Bebas Neue', system-ui, sans-serif;letter-spacing:.5px}
.nc-brand__title span{color:var(--nc-orange)}
.nc-brand__sub{display:block;margin-top:-2px;color:var(--nc-green);font-weight:700;letter-spacing:.12em}

.nc-nav{margin-left:auto;display:flex;align-items:center;gap:14px}
.nc-nav ul{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.nc-nav a{display:block;padding:10px 8px;border-radius:10px;color:#0b0f0d;text-decoration:none;font-weight:600}
.nc-nav a:hover,.nc-nav .current-menu-item>a{background:#f2f2f2}

.nc-nav__cta{background:var(--nc-green);color:#fff !important;padding:10px 14px;border-radius:12px;font-weight:800}
.nc-nav__cta:hover{opacity:.95}

/* Hambúrguer mobile */
.nc-nav__toggle{margin-left:auto;border:0;background:transparent;display:none;cursor:pointer}
.nc-nav__toggle span{display:block;width:26px;height:3px;background:#0b0f0d;margin:5px 0;border-radius:2px;transition:.2s}

/* Menu mobile */
@media (max-width: 980px){
  .nc-nav__toggle{display:block}
  .nc-nav{
    position:fixed; inset:calc(34px + 72px) 0 0 0;
    background:#ffffff; transform:translateY(-105%); transition:.25s;
    padding:16px 20px; flex-direction:column; align-items:flex-start; gap:12px
  }
  .nc-nav.open{transform:translateY(0)}
  .nc-nav ul{flex-direction:column;gap:8px;width:100%}
  .nc-nav__cta{align-self:stretch;text-align:center}
}

/* Efeito shrink ao rolar */
@media (min-width: 981px){
  .nc-header.is-shrink .nc-header__inner{min-height:60px}
  .nc-header.is-shrink .nc-brand__logo{height:34px}
}

a.btn,
.nc-topbar__cta,
.nc-nav__cta {
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

a.btn:hover,
.nc-topbar__cta:hover,
.nc-nav__cta:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.nc-nav__cta {
  background: linear-gradient(90deg, var(--nc-orange), var(--nc-green));
  background-size: 200% auto;
  transition: background-position 0.4s ease, transform 0.25s ease;
}

.nc-nav__cta:hover {
  background-position: right center;
  transform: translateY(-3px);
}