/* ============================================================
   STRATEGIKA MARKETING — site.css
   ------------------------------------------------------------
   COME FUNZIONA
   Gli stili del sito sono scritti inline sui singoli elementi
   (attributo style="..."). Gli stili inline hanno SEMPRE priorita'
   su questo file: e' voluto, cosi' l'editor visuale continua a
   funzionare e nulla cambia aspetto per sbaglio.

   Quindi:
   - regole su proprieta' NON presenti inline  -> funzionano subito
   - regole su proprieta' GIA' presenti inline -> serve !important

   Esempio: per cambiare il verde di tutti i pulsanti principali
       .sm-btn-primary { background: #9BE022 !important; }

   CLASSI DISPONIBILI
   .sm-header        barra di navigazione sticky
   .sm-nav-link      voci del menu
   .sm-btn-primary   pulsanti pieni lime
   .sm-btn-ghost     pulsanti con solo bordo
   .sm-section       tutte le sezioni della pagina
   .sm-h1 .sm-h2     titoli
   .sm-text          paragrafi
   .sm-card          riquadri scuri (servizi, metodo, blog, case study)
   .sm-partner-tile  riquadri bianchi dei loghi partner
   .sm-field         campi del form contatti
   .sm-footer        piede del sito
   ============================================================ */

:root {
  --sm-nero: #060806;
  --sm-nero-card: #0C100C;
  --sm-lime: #B4EF3A;
  --sm-lime-hover: #CDFF63;
  --sm-bianco: #F1F4EF;
  --sm-grigio: #A9B3A4;
  --sm-grigio-scuro: #7E8A79;
  --sm-bordo: rgba(255, 255, 255, .09);
  --sm-radius: 18px;
  --sm-radius-pill: 999px;
  --sm-font-titoli: 'Poppins', sans-serif;
  --sm-font-testo: 'DM Sans', system-ui, sans-serif;
}

/* --- rifiniture attive (proprieta' non gestite inline) --- */

::selection { background: var(--sm-lime); color: #0A140A; }

html { scroll-behavior: smooth; }

.sm-card { transition: border-color .25s, background .25s; }

.sm-btn-primary,
.sm-btn-ghost,
.sm-nav-link { transition: background .2s, color .2s, border-color .2s; }

.sm-btn-primary:active,
.sm-btn-ghost:active { transform: translateY(1px); }

.sm-field:focus { border-color: var(--sm-lime) !important; }

.sm-field::placeholder { color: var(--sm-grigio-scuro); }

/* --- landing: tagline nell'header, solo su schermi larghi --- */
@media (min-width: 700px) {
  .sm-hide-sm { display: inline !important; }
}

/* --- pagina aziende: griglia vantaggi su una colonna in mobile --- */
@media (max-width: 860px) {
  .sm-bento { grid-template-columns: 1fr !important; }
  .sm-bento > * { grid-column: auto !important; }
}

/* --- mobile: menu burger --- */
@media (max-width: 860px) {
  .sm-nav,
  .sm-cta-header { display: none !important; }
  .sm-burger { display: flex !important; }
}

/* ============================================================
   PERSONALIZZAZIONI — scommenta e modifica quello che ti serve
   (ricorda !important quando la proprieta' e' anche inline)
   ============================================================

.sm-btn-primary  { background: #9BE022 !important; }
.sm-h1, .sm-h2   { letter-spacing: -.03em !important; }
.sm-text         { font-size: 17px !important; line-height: 1.75 !important; }
.sm-card         { border-radius: 24px !important; }
.sm-partner-tile { background: #F1F4EF !important; height: 110px !important; }
.sm-section      { padding-left: 40px !important; padding-right: 40px !important; }
.sm-footer       { background: #0A0D0A !important; }

*/