/* ============================================================================
   Gaia — Design layer SITO PUBBLICO (vetrina lavoraincloud)
   Coerente con il Design System "Gaia" della piattaforma (gaia-ds.css):
   font Plus Jakarta Sans, primario arancione #F39237, soft premium/fintech.
   Layer ADDITIVO sopra il tema Vuexy front-pages, caricato DOPO i CSS del tema.
   Supporta light + dark (lo switch usa il meccanismo nativo Vuexy data-bs-theme).
   ============================================================================ */

/* ---- Token brand (indipendenti dal tema) ---- */
:root {
  --gaia-brand-50:#FEF4EA; --gaia-brand-100:#FBE0C5; --gaia-brand-200:#F8C99B;
  --gaia-brand-400:#F6A95C; --gaia-brand-500:#F39237; --gaia-brand-600:#DA7F26; --gaia-brand-700:#B5651C;
  --gaia-radius-pill:999px;
  --gaia-grad-brand:linear-gradient(135deg,#F6A95C 0%,#F39237 45%,#DA7F26 100%);
}

/* ---- Promozione brand a primario (entrambi i temi) ---- */
:root {
  --bs-primary:#F39237;
  --bs-primary-rgb:243,146,55;
  --bs-link-color:#DA7F26; --bs-link-color-rgb:218,127,38;
  --bs-link-hover-color:#B5651C; --bs-link-hover-color-rgb:181,101,28;
  --bs-body-font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --bs-primary-bg-subtle:rgba(243,146,55,.12);
}
[data-bs-theme="dark"] {
  --bs-primary-bg-subtle:rgba(243,146,55,.16);
}

/* ---- Tipografia globale ---- */
body { font-family:var(--bs-body-font-family); }
h1,h2,h3,h4,h5,h6,.fw-extrabold { font-family:var(--bs-body-font-family); letter-spacing:-.015em; }
.fw-extrabold { font-weight:800 !important; }

/* ---- Bottoni brand (Vuexy .btn-primary deriva da --bs-primary) ---- */
.btn-primary {
  --bs-btn-bg:#F39237; --bs-btn-border-color:#F39237;
  --bs-btn-hover-bg:#DA7F26; --bs-btn-hover-border-color:#DA7F26;
  --bs-btn-active-bg:#B5651C; --bs-btn-active-border-color:#B5651C;
  --bs-btn-disabled-bg:#F39237; --bs-btn-disabled-border-color:#F39237;
}
.btn-primary { transition:transform .18s ease, box-shadow .18s ease; }
.btn-primary:hover { transform:translateY(-1px); }
/* CTA hero/footer rotonda con profondità brand */
.btn-primary.rounded-pill { box-shadow:0 10px 30px rgba(243,146,55,.28); }
.btn-primary.rounded-pill:hover { box-shadow:0 14px 38px rgba(243,146,55,.38); }
.btn-outline-primary { --bs-btn-color:#DA7F26; --bs-btn-border-color:#F39237; --bs-btn-hover-bg:#F39237; --bs-btn-hover-border-color:#F39237; --bs-btn-active-bg:#DA7F26; }

/* "Più popolare" e badge brand */
.bg-label-primary { background-color:rgba(243,146,55,.14) !important; color:#B5651C !important; }
[data-bs-theme="dark"] .bg-label-primary { color:var(--gaia-brand-200) !important; }
.text-primary { color:#F39237 !important; }
[data-bs-theme="light"] .text-primary { color:#DA7F26 !important; }

/* ---- Navbar landing: link hover brand + switcher ---- */
.landing-navbar .nav-link:hover,
.landing-navbar .nav-link:focus { color:var(--bs-primary) !important; }
.dropdown-style-switcher .nav-link { padding:.4rem .55rem; }
.landing-navbar .navbar-brand img { transition:opacity .2s ease; }

/* ---- Hero: glow brand + titolo ---- */
#landingHero .hero-title { letter-spacing:-.03em; }
/* il glow dietro la dashboard usa già --bs-primary-rgb → diventa arancione */
.hero-trust-badge {
  background:rgba(243,146,55,.12) !important;
  color:#B5651C !important;
  border-color:rgba(243,146,55,.28) !important;
}
[data-bs-theme="dark"] .hero-trust-badge { color:var(--gaia-brand-200) !important; }

/* ---- Sezioni: ritmo e superfici soft ---- */
.section-py { padding-top:clamp(3.5rem,7vw,6rem); padding-bottom:clamp(3.5rem,7vw,6rem); }
[data-bs-theme="light"] .bg-light-subtle { background-color:#FAF8F5 !important; }
[data-bs-theme="dark"]  .bg-light-subtle { background-color:#1B1D23 !important; }

/* feature icon chip + step circle: morbidi, raggio coerente */
.features-icon-box .icon-base { border-radius:14px !important; }
.step-circle { background:var(--gaia-grad-brand) !important; color:#fff !important; box-shadow:0 8px 22px rgba(243,146,55,.30); }

/* card testimonianze: superficie + bordo soft */
.testimonial-card { border:.5px solid rgba(128,128,128,.16) !important; border-radius:16px !important; }

/* ---- CTA bottom: gradiente brand (sostituisce il primary piatto) ---- */
.cta-bottom-section { background:var(--gaia-grad-brand) !important; }

/* ---- Footer: sempre scuro brand (ancora la pagina in light e dark) ---- */
.landing-footer { background-color:#16181D !important; }

/* ---- Cookie banner: superficie brand-dark coerente ---- */
.cookie-banner-glass { background:rgba(27,29,35,.96) !important; border-color:rgba(243,146,55,.18) !important; }

/* ---- Pricing (pricing-plans.css usa text-primary/btn-primary → già brand) ---- */
.pricing-card-popular { border-color:var(--bs-primary) !important; }

/* ---- Link generici nel corpo ---- */
a:not(.btn):not(.nav-link):not(.dropdown-item):hover { color:var(--bs-link-hover-color); }