/*
====================================================================
ETRUSCAFORM v2.9.7 — Font Separation, Header Gap Fix, Button Hover
====================================================================
Data: 2026-02-11

Modifiche:
1. Homepage hero "Formazione che trasforma" → serif (Cormorant Garamond)
   — Ripristino del font originale, annulla override sans-serif di v2.9.6
2. Chi Siamo / Contatti / Servizi hero H1 → sans-serif (Outfit)
   — Override specifico per pagine interne
3. Rimozione gap bianco/crema tra menu fisso e hero scuro
   — padding-top da wrapper → hero section per background continuo
4. Bottoni arancioni hover → testo marrone in light mode
   — Rinforzo da v2.9.6 per massima compatibilità

Note architettura:
- v2-7-updates.css imposta TUTTI gli hero H1 come serif (Cormorant)
- v2.9.6 li sovrascrive TUTTI come sans-serif (Outfit)
- v2.9.7 SEPARA: homepage torna serif, pagine interne restano sans-serif
- Ordine cascade: v2-7 → v2.9.6 → v2.9.7 (questo file vince)
====================================================================
*/


/* ══════════════════════════════════════════════
   1. HOMEPAGE HERO — RIPRISTINO SERIF
   ══════════════════════════════════════════════
   Cormorant Garamond con font-weight: 400,
   identico ai valori originali in main.css L897.
   ══════════════════════════════════════════════ */

.ef-hero__title,
.ef-hero__title em {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
}

.ef-hero__title em {
  font-style: italic !important;
  font-weight: 400 !important;
}

/* CTA finale homepage — mantieni coerenza serif */
.ef-cta__title,
.ef-cta__title em {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
}

.ef-cta__title em {
  font-style: italic !important;
}


/* ══════════════════════════════════════════════
   2. PAGE HERO H1 — OUTFIT SANS-SERIF
   ══════════════════════════════════════════════
   Selettori a specificità più alta per vincere
   sia su v2-7 (.ef-about-hero h1: 0,1,1) sia
   su v2.9.6, grazie alla cascade order.
   ══════════════════════════════════════════════ */

/* Chi Siamo */
.ef-about-hero h1,
h1.ef-about-hero__title,
.ef-about-hero .ef-about-hero__title,
.ef-about-hero__title {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

/* Contatti */
.ef-contact-hero h1,
.ef-contact-page .ef-contact-hero h1 {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

/* Servizi (v1 + v2) */
.ef-services-hero h1,
.ef-services-hero-v2 h1,
.ef-services-page .ef-services-hero-v2 h1 {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

/* Shop / WooCommerce */
.woocommerce-shop .woocommerce-products-header__title,
.post-type-archive-product .woocommerce-products-header__title,
.tax-product_cat .woocommerce-products-header__title,
.woocommerce-shop .page-title,
.post-type-archive-product .page-title,
.tax-product_cat .page-title {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

/* E-learning hero */
.ef-el__hero-title {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600 !important;
}

/* Top header legacy (pagine WPBakery) */
.top-header h1,
.top-header .header-title,
.ef-page-title,
.ef-page-header h1 {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
}


/* ══════════════════════════════════════════════
   3. RIMOZIONE GAP BIANCO — HEADER ↔ HERO
   ══════════════════════════════════════════════
   Causa: i wrapper pagina (.ef-contact-page, 
   .ef-services-page) hanno padding-top: 100px
   in main.css (L5033, L5236). Questo crea uno
   spazio col background crema del body (#fffcf8)
   tra l'header fisso e l'hero scuro.

   Fix: azzerare padding sul wrapper, trasferirlo
   nelle hero sections così il background scuro
   si estende fino dietro l'header fisso.
   ══════════════════════════════════════════════ */

/* Reset padding wrapper */
.ef-contact-page,
.ef-services-page,
.ef-about-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Le hero ricevono padding-top per:
   - header fisso (~80px, +20px margine) = 100px
   - spazio visivo contenuto = 4rem (64px)
   Totale: ~164px (contro i 160px originali di space-2xl) */
.ef-about-hero,
.ef-contact-hero,
.ef-services-hero,
.ef-services-hero-v2 {
  padding-top: calc(100px + 4rem) !important;
  padding-bottom: 4rem !important;
}

/* WooCommerce shop header (stessa logica) */
.woocommerce-shop .woocommerce-products-header,
.post-type-archive-product .woocommerce-products-header,
.tax-product_cat .woocommerce-products-header {
  padding-top: calc(100px + 4rem) !important;
  padding-bottom: 4rem !important;
}


/* ══════════════════════════════════════════════
   4. BOTTONI HOVER — TESTO MARRONE (Light Mode)
   ══════════════════════════════════════════════
   Tutti i bottoni con sfondo arancione:
   al hover/active/focus il testo → #39110e.
   Già presente in v2.9.6, rinforzato qui per
   garantire la cascade in ogni scenario.
   ══════════════════════════════════════════════ */

/* Primary + Header CTA */
.ef-btn--primary:hover,
.ef-btn--primary:active,
.ef-btn--primary:focus,
.ef-header__cta:hover,
.ef-header__cta:active {
  color: #39110e !important;
}

/* WooCommerce */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover {
  color: #39110e !important;
}

/* WPBakery */
.vc_general.vc_btn3:hover,
.vc_btn3-container a.vc_general:hover,
.vc_grid-item .vc_btn3:hover {
  color: #39110e !important;
}

/* Secondary / outline / e-learning card */
.ef-btn--secondary:hover,
.ef-btn--secondary:active,
.ef-el__card-cart:hover {
  color: #39110e !important;
}

/* Eccezione: form submit (sfondo marrone) → testo chiaro */
.ef-form-submit:hover {
  color: var(--color-cream, #faf6f1) !important;
}


/* ══════════════════════════════════════════════
   FINE v2.9.7
   ══════════════════════════════════════════════ */