/* ==========================================================================
   BUSINESS SOLUTION — CUSTOM TYPOGRAPHY
   File: custom_typography.css
   
   ISTRUZIONI DI UTILIZZO:
   ─────────────────────────────────────────────────────────────────────────
   Questo file VA INCLUSO *DOPO* il CSS principale del template (template.css).
   
   Nel tuo template Joomla, aggiungi in index.php / templateDetails.xml:
     <link rel="stylesheet" href="/templates/[nome-template]/css/custom_typography.css">
   
   Oppure via Joomla Custom CSS (Estensioni > Template > Stile > CSS personalizzato).
   
   FILE FONT RICHIESTI (in /templates/[nome-template]/fonts/):
     • Lora-VariableFont_wght.ttf
     • Lora-Italic-VariableFont_wght.ttf
     • InterVariable.ttf
     • InterVariable-Italic.ttf
   
   SCARICA DA:
     • Lora:  https://fonts.google.com/specimen/Lora
     • Inter: https://rsms.me/inter/
   ========================================================================== */

/* ==========================================================================
   FONT DECLARATIONS — LORA VARIABLE (Titoli) + INTER VARIABLE (Body)
   Inserire PRIMA di qualsiasi altra regola CSS del template
   ========================================================================== */

/* --- LORA VARIABLE (per h1–h6, titoli, logo testuale) --- */
@font-face {
  font-family: 'LoraVariable';
  src: url('../fonts/Lora-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'LoraVariable';
  src: url('../fonts/Lora-Italic-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

/* --- INTER VARIABLE (per body, form, bottoni, nav) --- */
@font-face {
  font-family: 'InterVariable';
  src: url('../fonts/InterVariable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterVariable';
  src: url('../fonts/InterVariable-Italic.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}


/* ==========================================================================
   TYPOGRAPHY OVERRIDES — Integrazione LoraVariable + InterVariable
   Queste regole sovrascrivono le dichiarazioni del template originale.
   Posizionare DOPO il CSS del template (o usare questo file come sostituto).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. BODY — Inter Variable, peso 400 (Regular)
   -------------------------------------------------------------------------- */
body {
  font-family: 'InterVariable', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-variation-settings: 'wght' 400;
  font-size: 15px;
  line-height: 1.65;
  color: #1A1A1A;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --------------------------------------------------------------------------
   2. TITOLI — Lora Variable, peso 700 (Bold)
   -------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'LoraVariable', Georgia, "Times New Roman", serif !important;
  font-variation-settings: 'wght' 700;
  line-height: 1.25;
  color: #C89B3C;
}

/* Sottotitoli: peso leggermente ridotto */
h3, h4 {
  font-variation-settings: 'wght' 600;
}

h5, h6 {
  font-variation-settings: 'wght' 500;
}

/* Entry header (articoli singoli) */
.entry-header h1 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 700;
  font-size: 225%;
  font-weight: 700;
}

.entry-header h2 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
}

/* Titoli SP Page Builder */
.sppb-addon-title,
h3.sppb-addon-title,
.sppb-addon-cta .sppb-addon-title {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 700;
}

/* Titoli moduli sidebar */
.sp-module .sp-module-title,
.sppb-addon-module .sp-module-title {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
}

/* Titoli VirtueMart */
.productdetails-view .vm-product-details-inner .vm-product-title h2,
.related_products .vm-product-details-inner .vm-product-title h2 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
}

/* Titoli pagina (sp-page-title) */
.sp-page-title .container h1,
.sp-page-title-no-img .container h1,
.sp-page-title .container h2,
.sp-page-title-no-img .container h2 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 700;
}

/* --------------------------------------------------------------------------
   3. PARAGRAFI E TESTO CORRENTE — Inter Variable
   -------------------------------------------------------------------------- */
p, li, td, th, dd, dt, blockquote, label, span {
  font-family: 'InterVariable', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-variation-settings: 'wght' 400;
}

/* Testo in evidenza / bold inline */
strong, b {
  font-variation-settings: 'wght' 700;
}

/* Testo corsivo */
em, i:not([class]) {
  font-style: italic;
  font-variation-settings: 'wght' 400;
}

/* Small/caption */
small, .small {
  font-variation-settings: 'wght' 400;
  font-size: 87%;
}

/* --------------------------------------------------------------------------
   4. NAVIGAZIONE — Inter Variable, peso 500 (Medium)
   -------------------------------------------------------------------------- */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 500;
  letter-spacing: 0.01em;
}

/* Voci menu attivo/hover */
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li.active > a {
  font-variation-settings: 'wght' 600;
}

/* Menu accordion (offcanvas) */
.accordion-menu li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 450;
}

/* Footer nav */
#sp-footer-wrapper ul.nav li a {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
}

/* --------------------------------------------------------------------------
   5. BOTTONI E CTA — Inter Variable, peso 600 (SemiBold)
   -------------------------------------------------------------------------- */
.btn,
.sppb-btn,
.readmore,
.btn-readmore,
input[type="submit"],
button:not([class*="icon"]):not([class*="pe"]):not([class*="fa"]) {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 600;
  letter-spacing: 0.04em;
}

/* Hover: peso aumenta dinamicamente */
.btn:hover,
.sppb-btn:hover,
.readmore:hover {
  font-variation-settings: 'wght' 700;
}

/* Bottoni primari VirtueMart */
.add-to-cart,
.vm-button-correct,
.vm-button,
.checkout-button-top .vm-button-correct {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 600;
}

/* --------------------------------------------------------------------------
   6. FORM, INPUT, TEXTAREA — Inter Variable, peso 450
   -------------------------------------------------------------------------- */
.form-control,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="color"],
.uneditable-input {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 450;
  font-size: 14px;
}

/* Placeholder */
input::placeholder,
textarea::placeholder {
  font-variation-settings: 'wght' 400;
  opacity: 0.65;
}

/* Labels */
label {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 500;
}

/* --------------------------------------------------------------------------
   7. TESTO ARTICOLI / BLOG — Inter Variable, ottimizzato per leggibilità
   -------------------------------------------------------------------------- */
.latest-post .latest-post-inner h2.entry-title,
.flex .latest-post .latest-post-item .latest-post-inner h2.entry-title {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 650;
}

.latest-post .latest-post-inner .entry-meta,
.flex .latest-post .latest-post-item .latest-post-inner .entry-meta {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
}

.latest-post .latest-post-inner p.intro-text,
.flex .latest-post .latest-post-item .latest-post-inner p.intro-text {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
  line-height: 1.7;
}

/* Categoria e autore articolo */
.latest-post .latest-post-inner .category a,
.latest-post .latest-post-inner .post-author {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 600;
}

/* --------------------------------------------------------------------------
   8. VIRGOLETTATI / BLOCKQUOTE
   -------------------------------------------------------------------------- */
blockquote {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 400;
  font-style: italic;
  line-height: 1.75;
}

blockquote small,
blockquote cite {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 500;
  font-style: normal;
}

/* --------------------------------------------------------------------------
   9. TESTIMONIAL (SP Page Builder)
   -------------------------------------------------------------------------- */
.sppb-testimonial-flex .sppb-testimonial-message {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 400;
  font-style: italic;
  line-height: 1.75;
}

.sppb-testimonial-flex .sppb-testimonial-client h4 {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 700;
}

/* --------------------------------------------------------------------------
   10. VIRTUEMART — Copertura completa
   -------------------------------------------------------------------------- */

/* ··· 10a. Titoli categorie (listing: category-view, browse-view, ecc.) ··· */
.category-view h4,
.browse-view h4,
.latest-view h4,
.recent-view h4,
.featured-view h4,
.topten-view h4 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 700;
}

/* ··· 10b. Titoli prodotto nel listing (card) ··· */
.category-view .row .spacer .spacer-inner h2,
.browse-view .row .spacer .spacer-inner h2,
.latest-view .row .spacer .spacer-inner h2,
.recent-view .row .spacer .spacer-inner h2,
.featured-view .row .spacer .spacer-inner h2,
.topten-view .row .spacer .spacer-inner h2,
.category-view .row .spacer .spacer-inner h2 a,
.browse-view .row .spacer .spacer-inner h2 a,
.latest-view .row .spacer .spacer-inner h2 a,
.recent-view .row .spacer .spacer-inner h2 a,
.featured-view .row .spacer .spacer-inner h2 a,
.topten-view .row .spacer .spacer-inner h2 a {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
}

/* ··· 10c. Titolo nella pagina di dettaglio prodotto ··· */
.productdetails-view .vm-product-details-inner .vm-product-title h2,
.productdetails-view .related-product-desc .vm-product-title h2,
.related_products .vm-product-details-inner .vm-product-title h2,
.related_products .related-product-desc .vm-product-title h2 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 700;
  font-size: 26px;
  line-height: 1.25;
}

/* ··· 10d. Descrizione breve prodotto ··· */
.productdetails-view .vm-product-details-inner .product-short-description,
.productdetails-view .related-product-desc .product-short-description,
.related_products .vm-product-details-inner .product-short-description,
.related_products .related-product-desc .product-short-description {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
  line-height: 1.7;
}

.productdetails-view .vm-product-details-inner .product-short-description h4,
.related_products .vm-product-details-inner .product-short-description h4 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
}

/* ··· 10e. Prezzi — vendita, base, sconto ··· */
.PricesalesPrice span.PricesalesPrice,
.PricesalesPrice span.PricesalesPriceTt,
.PricesalesPriceTt span.PricesalesPrice,
.PricesalesPriceTt span.PricesalesPriceTt {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 700;
  font-size: 25px;
}

.vm-price-desc {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 600;
  font-size: 18px;
}

.PricebasePrice > span.PricebasePrice {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
  font-size: 17px;
}

.PricediscountAmount > span.PricediscountAmount {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 500;
}

.percent-off {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 700;
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* ··· 10f. Tab descrizione/recensioni ··· */
.productdetails-view .products-desc-tab .nav-tabs > .nav-link,
.related_products .products-desc-tab .nav-tabs > .nav-link {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 13px;
}

.productdetails-view .products-desc-tab .tab-content,
.related_products .products-desc-tab .tab-content {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
  line-height: 1.7;
}

/* ··· 10g. Recensioni clienti ··· */
.productdetails-view .products-desc-tab .tab-content .customer-reviews h4,
.related_products .products-desc-tab .tab-content .customer-reviews h4 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
}

.productdetails-view .products-desc-tab .tab-content .customer-reviews .list-reviews blockquote,
.related_products .products-desc-tab .tab-content .customer-reviews .list-reviews blockquote {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 400;
  font-style: italic;
}

/* ··· 10h. Produttore / disponibilita ··· */
.vm-rating .product-in-stock,
.productdetails-view .vm-product-details-inner span.product-manufacturer .manufacturer,
.related_products .vm-product-details-inner span.product-manufacturer .manufacturer {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 450;
  font-size: 13px;
}

/* ··· 10i. Pulsanti Add-to-Cart ··· */
.cd-customization .add-to-cart,
.category-view .addtocart-bar .cd-customization input.add-to-cart,
.browse-view .addtocart-bar .cd-customization input.add-to-cart,
.productdetails-view .spacer-buy-area .addtocart-bar .cd-customization input.add-to-cart {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 13px;
}

.vm-button-correct,
.vm-button,
.checkout-button-top .vm-button-correct,
.checkout-button-top .vm-button,
.vm-order-done .vm-button-correct {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 600;
  letter-spacing: 0.03em;
}

/* ··· 10j. Titoli sezioni checkout / carrello ··· */
.cart-view .vm-head h1,
.cart-view .vm-cart-header h1 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 700;
  font-size: 240%;
}

.cart-view table.cart-summary tr th {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
}

.cart-view table.cart-summary tr.sectiontableentry1 td,
.cart-view table.cart-summary tr.sectiontableentry2 td {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
}

/* ··· 10k. Popup carrello ··· */
.popup-cart h3.title {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
  font-size: 20px;
}

.popup-cart .item-wrap .item-name {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
  font-size: 115%;
}

.popup-cart .item-wrap .vm-price-box ins {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 700;
  font-size: 28px;
}

.popup-cart .button-group .continue_link,
.popup-cart .button-group .showcart {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 600;
  letter-spacing: 0.03em;
}

/* ··· 10l. Carrello laterale (#cd-lateral-nav) ··· */
#cd-lateral-nav .cd-navigation h5,
.vm-menu .vm-title {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
}

.vm-menu ul.productdetails li .spacer-inner h5 {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 500;
  font-size: 90%;
}

.vm-menu ul.productdetails li .spacer-inner .PricesalesPrice {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 700;
  font-size: 17px;
}

/* ··· 10m. Totale e riepilogo ··· */
.total,
.show_cart a {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 600;
}

/* ··· 10n. Ordini / area cliente ··· */
.vm-orders-list h2,
.vm-orders-information h2 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 700;
}

.vm-orders-information .vm-orders-items ul#tabs li {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 500;
  letter-spacing: 0.02em;
}

/* ··· 10o. Conferma ordine ··· */
.vm-order-done .post_payment_order_total {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 700;
}

.vm-order-done .post_payment_payment_name {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 500;
}

/* ··· 10p. Menu categorie VM (sidebar) ··· */
.sp-module-content ul.VMmenu li a {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 450;
}

.sp-module-content ul.VMmenu li.active > a {
  font-variation-settings: 'wght' 600;
}

/* ··· 10q. Filtri / ordinamento listing ··· */
.orderby-displaynumber .vm-order-list .orderlistcontainer .title {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 500;
  font-size: 14px;
}

.orderby-displaynumber .display-number > span {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
  font-size: 14px;
}

/* ··· 10r. Spedizione / pagamento (checkout step) ··· */
.sectiontableentry1 td h4 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
  font-size: 145%;
}

.sectiontableentry1 td h3.vm-shipment-header-selected,
.sectiontableentry1 td h3.vm-payment-header-selected {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
  font-size: 120%;
}

.sectiontableentry1 td .selected_shipment span,
.sectiontableentry1 td .selected_payment span,
.sectiontableentry1 td .vm-payment-select .vmpayment_description {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
}

.sectiontableentry1 td .selected_shipment span.vmshipment_name,
.sectiontableentry1 td .selected_payment span.vmpayment_name {
  font-variation-settings: 'wght' 600;
}

/* ··· 10s. Modulo carrello (vmCartModule) ··· */
#cart-menu .total_products {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 700;
  font-size: 11px;
}

/* ··· 10t. Form login VM nel checkout ··· */
form.vm-form-login,
.vm-orders-list #com-form-login fieldset.userdata h2 {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
}

/* ··· 10u. Related products — titoli ··· */
.related_products .product-fields-title,
.related_categories .product-fields-title {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
  font-size: 165%;
}

/* ··· 10v. Carrello vuoto ··· */
.empty_cart > h3 {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 400;
}

/* --------------------------------------------------------------------------
   11. BREADCRUMB E METADATI
   -------------------------------------------------------------------------- */
ol.breadcrumb > li,
.article-info > dd,
.tags > a {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
  font-size: 13px;
}

/* --------------------------------------------------------------------------
   12. FOOTER
   -------------------------------------------------------------------------- */
#sp-footer {
  font-family: 'InterVariable', sans-serif;
  font-variation-settings: 'wght' 400;
}

#sp-bottom .sp-module .sp-module-title {
  font-family: 'LoraVariable', Georgia, serif;
  font-variation-settings: 'wght' 600;
}

/* --------------------------------------------------------------------------
   13. PRESERVAZIONE ICON FONTS (nessuna modifica)
   -------------------------------------------------------------------------- */
[class^="pe-7s-"],
[class*=" pe-7s-"],
[class^="ap-"],
[class*=" ap-"],
[class^="icon-"],
[class*=" icon-"],
.fa, .fas, .far, .fab, .fa-solid, .fa-regular {
  /* Le icon font NON ereditano InterVariable/LoraVariable */
  font-family: inherit; /* sovrascritta dagli specifici @font-face */
}

/* Ripristino esplicito icon font */
[class^="pe-7s-"],
[class*=" pe-7s-"] {
  font-family: 'peIcon7' !important;
}

[class^="ap-"]:before,
[class*=" ap-"]:before {
  font-family: 'ap-arrows' !important;
}

/* --------------------------------------------------------------------------
   14. SMART SLIDER 3 + SP PAGE BUILDER — Slider & Carousel
   Smart Slider 3 inietta stili inline e un foglio CSS proprio.
   !important obbligatorio su tutti i selettori n2-*.
   -------------------------------------------------------------------------- */

/* ··· Wrapper principale Smart Slider 3 ··· */
.n2-ss-slider,
.n2-ss-slider-1,
.n2-ss-slider-2,
.n2-ss-slider-3 {
  font-family: 'InterVariable', sans-serif !important;
}

/* ··· Layer heading (titoli nelle slide) ··· */
.n2-ss-item-content h1,
.n2-ss-item-content h2,
.n2-ss-item-content h3,
.n2-ss-item-content h4,
.n2-ss-item-content h5,
.n2-ss-item-content h6,
.n2-ss-heading,
.n2-ss-layer[data-type="heading"] *,
.n2-ss-layer[data-type="heading"] {
  font-family: 'LoraVariable', Georgia, serif !important;
  font-variation-settings: 'wght' 700;
}

/* ··· Layer testo (paragrafi nelle slide) ··· */
.n2-ss-item-content p,
.n2-ss-text,
.n2-ss-layer[data-type="text"] *,
.n2-ss-layer[data-type="text"] {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 400;
}

/* ··· Bottoni nelle slide ··· */
.n2-ss-button-container,
.n2-ss-button-container a,
.n2-ss-button-container span,
.n2-ss-layer[data-type="button"] *,
.n2-ss-layer[data-type="button"] a {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 600;
  letter-spacing: 0.04em;
}

/* ··· Sottotitoli / content generico ··· */
.n2-ss-slide-active .n2-ss-item-content,
.n2-ss-slide .n2-ss-item-content {
  font-family: 'InterVariable', sans-serif !important;
}

/* ··· Frecce navigazione (testo) e dots ··· */
.n2-ss-arrow-label {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 500;
}

/* ··· Barra controlli / thumbnail ··· */
.n2-ss-control-bullet-title,
.n2-ss-thumbnail-tab-label {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 500;
}

/* SP Page Builder Carousel Flex (mantenuto) */
.sppb-carousel-flex .sppb-carousel-caption h1,
.sppb-carousel-flex .sppb-carousel-caption h2,
.sppb-carousel-flex .sppb-carousel-caption h3,
.sppb-carousel-flex .sppb-carousel-item-inner .sppb-carousel-caption .sppb-carousel-pro-text > h2 {
  font-family: 'LoraVariable', Georgia, serif !important;
  font-variation-settings: 'wght' 700;
}

.sppb-carousel-flex .sppb-carousel-caption p,
.sppb-carousel-flex .sppb-carousel-item-inner .sppb-carousel-caption .sppb-carousel-pro-text > p {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 400;
}

/* SP Page Builder Carousel Pro (mantenuto) */
.sppb-carousel-pro .sppb-carousel-inner .sppb-item .sppb-carousel-pro-text h2,
.sppb-carousel-pro .sppb-carousel-inner .sppb-item .sppb-carousel-pro-text h3 {
  font-family: 'LoraVariable', Georgia, serif !important;
  font-variation-settings: 'wght' 700;
}

.sppb-carousel-pro .sppb-carousel-inner .sppb-item .sppb-carousel-pro-text p {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 400;
}

/* Animated headlines (SPPB) */
.animated_headlines,
.animated_headlines .before-text,
.animated_headlines .after-text,
.animated_headlines .ah-words-wrapper b {
  font-family: 'LoraVariable', Georgia, serif !important;
  font-variation-settings: 'wght' 700;
}

/* Overlay image caption */
.overlay-image-title,
.sppb-addon-overlay-image .overlay-image-title {
  font-family: 'LoraVariable', Georgia, serif !important;
  font-variation-settings: 'wght' 700;
}

/* CTA addon */
.sppb-addon-cta .sppb-addon-title {
  font-family: 'LoraVariable', Georgia, serif !important;
  font-variation-settings: 'wght' 700;
}

.sppb-addon-cta .sppb-cta-subtitle {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 400;
}

/* --------------------------------------------------------------------------
   15. HEADER DINAMICO — trasparente, sticky, onepage
   Helix 3 inietta font-family via addStyledeclaration() in <style> inline:
   !important obbligatorio per tutte le varianti dell'header.
   -------------------------------------------------------------------------- */

/* Header normale, trasparente, onepage, white */
#sp-header .sp-megamenu-parent > li > a,
#sp-header.transparent .sp-megamenu-parent > li > a,
#sp-header.onepage .sp-megamenu-parent > li > a,
#sp-header.white .sp-megamenu-parent > li > a,
.transparent-wrapper .sp-megamenu-parent > li > a {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 500;
  letter-spacing: 0.01em;
}

/* Header sticky */
.sticky .sticky__wrapper .sp-megamenu-parent > li > a,
#sp-header.sticky .sp-megamenu-parent > li > a {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 500;
}

/* Dropdown megamenu in tutti gli stati */
#sp-header .sp-dropdown .sp-dropdown-inner li.sp-menu-item > a,
.sticky .sp-dropdown .sp-dropdown-inner li.sp-menu-item > a {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 450;
  font-size: 90%;
}

/* Logo testuale nell'header */
#sp-header .logo h1,
#sp-header .logo p,
.sticky .logo h1,
.sticky .logo p {
  font-family: 'LoraVariable', Georgia, serif !important;
  font-variation-settings: 'wght' 700;
}

/* Label MENU offcanvas */
.menu-label,
#offcanvas-toggler .menu-label {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
}

/* Top bar */
#sp-top-bar,
#sp-top-bar .sp-module,
#sp-top-bar .sp-contact-info li {
  font-family: 'InterVariable', sans-serif !important;
  font-variation-settings: 'wght' 400;
  font-size: 13px;
}

/* ==========================================================================
   END OF TYPOGRAPHY OVERRIDES
   ========================================================================== */