/* ============================================================
   Airzoone — restyle globale (font + stile + layout)
   Matrice di stile: pagina Biker Experience (HTML approvato).

   - FONT: Oswald (titoli) + Inter (testo) → TUTTE le pagine, LEGALI incluse.
   - STILE/LAYOUT (titoli biker, hero full-screen, card, bottoni, accento):
     SOLO pagine Elementor (.elementor-page) → le legali restano "solo font".
   - Colori del sito INVARIATI: sfondo bianco + arancione brand #e99115.

   Caricato in coda a `_head.ejs` (marketing) e `layout.ejs` (legali).
   Non tocca la pagina biker-experience (standalone).
   ============================================================ */

:root{
  --az-orange:#e99115;   /* arancione brand esistente */
  --az-orange-d:#c9790b; /* hover */
  --az-ink:#16171a;
}

/* ---------------- FONT (globale, tutte le pagine) ---------------- */
body{
  font-family:'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
h1,h2,h3,h4,h5,h6,
.elementor-heading-title{
  font-family:'Oswald', system-ui, sans-serif !important;
}
p, li, blockquote, figcaption,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-page p,
.elementor-page li,
.elementor-page .elementor-widget-container{
  font-family:'Inter', system-ui, sans-serif;
}

/* ================================================================
   STILE COMPONENTI + LAYOUT — solo pagine Elementor marketing
   ================================================================ */

/* --- Titoli: trattamento biker (Oswald condensed, grasso, stretto) --- */
.elementor-page h1,
.elementor-page h2,
.elementor-page h3,
.elementor-page h4,
.elementor-page .elementor-heading-title{
  text-transform:uppercase !important;
  font-weight:700 !important;
  line-height:1.03 !important;
  letter-spacing:.01em !important;
}
/* Sovra-titolo/etichetta: se un titolo è piccolo lo rendiamo un'etichetta spaziata */
.elementor-page .elementor-widget-heading.elementor-widget-heading--eyebrow .elementor-heading-title{
  letter-spacing:.3em !important;
  color:var(--az-orange) !important;
}
/* Testo più condensato/leggibile, come nel biker */
.elementor-page .elementor-widget-text-editor{
  line-height:1.5;
}

/* --- HERO a tutto schermo (il widget "slides" della prima sezione) --- */
.elementor-page .elementor-widget-slides,
.elementor-page .elementor-widget-slides .elementor-slides,
.elementor-page .elementor-widget-slides .swiper,
.elementor-page .elementor-widget-slides .swiper-container,
.elementor-page .elementor-widget-slides .swiper-wrapper,
.elementor-page .elementor-widget-slides .swiper-slide,
.elementor-page .elementor-widget-slides .elementor-slide,
.elementor-page .elementor-widget-slides .elementor-slide-bg{
  height:calc(100vh - 90px) !important;
  min-height:560px !important;
}
/* velo scuro sopra le slide, come l'overlay del biker (leggibilità del testo) */
.elementor-page .elementor-widget-slides .elementor-slide-bg::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(11,11,12,.30) 0%, rgba(11,11,12,.55) 100%);
  pointer-events:none;
}
.elementor-page .elementor-widget-slides .elementor-slide-heading{
  font-family:'Oswald', sans-serif !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  line-height:1.02 !important;
}

/* --- Accento arancione brand sui link di testo --- */
.elementor-page .elementor-widget-text-editor a{
  color:var(--az-orange);
  text-underline-offset:2px;
}
.elementor-page .elementor-widget-text-editor a:hover{ color:var(--az-orange-d); }

/* --- Bottoni: stile biker (piatto, maiuscolo spaziato, arancione brand) --- */
.elementor-page .elementor-button,
.elementor-page a.elementor-button,
.elementor-page .elementor-button-link,
.elementor-page .elementor-widget-button a{
  font-family:'Oswald', sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  font-weight:600 !important;
  border-radius:0 !important;
  background-color:var(--az-orange) !important;
  color:#fff !important;
  border:1px solid var(--az-orange) !important;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.elementor-page .elementor-button:hover,
.elementor-page a.elementor-button:hover,
.elementor-page .elementor-widget-button a:hover{
  background-color:var(--az-orange-d) !important;
  border-color:var(--az-orange-d) !important;
  color:#fff !important;
}

/* --- Card / riquadri: look biker (bordo sobrio, spigolo vivo, hover con lift) --- */
.elementor-page .elementor-widget-image-box .elementor-image-box-wrapper{
  background:#fff;
  border:1px solid #e6e6e6;
  overflow:hidden;
  padding-bottom:1.25rem;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.elementor-page .elementor-widget-image-box .elementor-image-box-img,
.elementor-page .elementor-widget-image-box .elementor-image-box-img img{
  border-radius:0 !important;
  width:100%;
}
.elementor-page .elementor-widget-image-box .elementor-image-box-content{
  padding:0 1.25rem;
}
.elementor-page .elementor-widget-image-box:hover .elementor-image-box-wrapper{
  transform:translateY(-6px);
  box-shadow:0 14px 34px rgba(0,0,0,.10);
  border-color:var(--az-orange);
}

/* Immagini singole e box a spigolo vivo, coerenti col biker */
.elementor-page .elementor-widget-icon-box .elementor-icon-box-wrapper{
  transition:transform .3s ease;
}
.elementor-page .elementor-widget-icon-box:hover .elementor-icon-box-wrapper{
  transform:translateY(-4px);
}