/*
 * Pelle Condiviso per il Framework FM.
 *
 * Qui si dichiarano SOLO i token --fm-theme-* che i componenti del Framework
 * leggono, e si dichiarano sul body, non su :root: i Colori globali del Kit
 * (--e-global-color-*) vivono sul body.elementor-kit-N e da :root non si
 * vedono. Niente :where(): a specificita' zero il blocco base dei moduli,
 * stampato inline piu' in basso, vincerebbe in silenzio.
 *
 * I ripieghi sono neutri di proposito: un ripiego colorato somiglia a una
 * scelta e nasconde il fatto che i Colori globali non sono ancora stati messi.
 * La palette della bozza, da mettere nel Kit (Impostazioni sito → Colori
 * globali), e':
 *   Primary   #43281c  bruno (testi forti, pulsanti)
 *   Secondary #91adaa  salvia (accento)
 *   Text      #382319  inchiostro
 *   Accent    #f3ecd9  crema (superfici morbide)
 * piu' i colori custom: fondo #fffefa, attenuato #f6f2e8, bordo #dfd8c9,
 * testo secondario #736a60. Il raggio e' 0 come sui pack.
 * Ogni volume ha in piu' il proprio colore di collana: quello non e' un token
 * di pelle, arriva dal prodotto (tag dinamico "Condiviso — Colore di collana").
 */
body.fm-theme-condiviso,
[class*="fm-wpgc-theme-condiviso"] {
	--fm-theme-surface:         var( --e-global-color-fm_fondo, #ffffff );
	--fm-theme-surface-soft:    var( --e-global-color-accent, #f5f5f5 );
	--fm-theme-ink:             var( --e-global-color-text, #1a1a1a );
	--fm-theme-muted:           var( --e-global-color-fm_secondario, #6b6b6b );
	--fm-theme-line:            var( --e-global-color-fm_bordo, #d9d9d9 );
	--fm-theme-action:          var( --e-global-color-primary, #1a1a1a );
	--fm-theme-action-text:     var( --e-global-color-fm_fondo, #ffffff );
	--fm-theme-action-hover:    var( --e-global-color-secondary, #4a4a4a );
	--fm-theme-radius:          0;
	--fm-theme-panel:           var( --e-global-color-fm_fondo, #ffffff );
	--fm-theme-panel-ink:       var( --e-global-color-text, #1a1a1a );
	--fm-theme-overlay:         rgba( 26, 26, 26, 0.45 );
	--fm-theme-badge:           var( --e-global-color-primary, #1a1a1a );
	--fm-theme-badge-text:      var( --e-global-color-fm_fondo, #ffffff );
	--fm-theme-badge-soft:      var( --e-global-color-accent, #f5f5f5 );
	--fm-theme-badge-soft-text: var( --e-global-color-text, #1a1a1a );
	--fm-theme-badge-sale:      var( --e-global-color-secondary, #4a4a4a );
	--fm-theme-badge-sale-text: var( --e-global-color-fm_fondo, #ffffff );
	--fm-theme-button:          var( --e-global-color-primary, #1a1a1a );
	--fm-theme-button-text:     var( --e-global-color-fm_fondo, #ffffff );
	--fm-theme-font:            var( --e-global-typography-text-font-family, "Montserrat", sans-serif );
}

/* Il pulsante "Richiedi informazioni" della modalita' catalogo segue la pelle come ogni bottone FM. */
body.fm-theme-condiviso .fm-wooe-catalog-inquiry-button {
	font-family: var( --fm-theme-font );
	background: var( --fm-theme-button );
	color: var( --fm-theme-button-text );
	border-radius: var( --fm-theme-radius );
}
body.fm-theme-condiviso .fm-wooe-catalog-inquiry-button:hover,
body.fm-theme-condiviso .fm-wooe-catalog-inquiry-button:focus-visible {
	background: var( --fm-theme-action-hover );
	color: var( --fm-theme-action-text );
}