/*
Theme Name: CFC — Consulenza Formazione Compliance
Theme URI: https://consulenti.eu
Description: Child theme di GeneratePress per il sito CFC S.r.l.s. Design monocromo con Cinzel e Josefin Sans self-hosted, palette, logo e componenti del brand (glifo "share", watermark, pulsanti, sezioni scure). Il layout delle singole pagine si costruisce con i blocchi assegnando le classi utility documentate nel README.
Author: CFC S.r.l.s.
Template: generatepress
Version: 1.5.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cfc-child
*/

:root{
  --cfc-ink:#0d0d0d; --cfc-ink-soft:#1c1c1c; --cfc-paper:#ffffff;
  --cfc-mist:#dbdbdb; --cfc-fog:#f4f4f3; --cfc-line:#e6e6e6; --cfc-line-dark:#33332f;
  --cfc-muted:#6f6f6f; --cfc-muted-light:#9a9a97;
  --cfc-serif:'Cinzel', Georgia, serif;
  --cfc-sans:'Josefin Sans', -apple-system, "Segoe UI", sans-serif;
}

/* ---------- base ---------- */
body{
  font-family:var(--cfc-sans);
  color:var(--cfc-ink);
  background:var(--cfc-paper);
  font-size:17px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.wp-block-heading,.entry-title{
  font-family:var(--cfc-serif);
  font-weight:600;
  line-height:1.18;
  letter-spacing:.01em;
  color:var(--cfc-ink);
}
a{color:var(--cfc-ink);text-underline-offset:3px}
strong{font-weight:600}

/* ---------- GeneratePress: header e navigazione ---------- */
.site-header{border-bottom:1px solid var(--cfc-line)}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle{
  font-family:var(--cfc-sans);
  font-size:14px;
  letter-spacing:.02em;
  text-transform:none;
}

/* ---------- pulsanti (Gutenberg + GeneratePress + GenerateBlocks) ---------- */
.wp-block-button__link,
.button, button, input[type="submit"], .gb-button{
  font-family:var(--cfc-sans);
  font-weight:600;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--cfc-paper);
  background:var(--cfc-ink);
  border:1px solid var(--cfc-ink);
  border-radius:0;
  padding:14px 30px;
  transition:.25s ease;
}
.wp-block-button__link:hover,.button:hover,button:hover,input[type="submit"]:hover,.gb-button:hover{
  background:var(--cfc-paper); color:var(--cfc-ink);
}
/* Variante outline: assegnare lo stile "Outline" al blocco Pulsante */
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--cfc-ink)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--cfc-ink);color:var(--cfc-paper)}

/* ---------- utility di brand (assegnabili ai blocchi via "classe CSS aggiuntiva") ---------- */
.cfc-eyebrow{font-family:var(--cfc-sans);font-weight:500;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--cfc-muted)}
.cfc-lead{font-size:20px;line-height:1.6;color:var(--cfc-muted);font-weight:300}
.cfc-pull{padding-left:24px;border-left:2px solid var(--cfc-ink);font-family:var(--cfc-serif);font-size:26px;line-height:1.38;color:var(--cfc-ink)}
.cfc-chip{display:inline-flex;align-items:center;gap:11px;border:1px solid var(--cfc-line);padding:13px 20px;font-size:14px;letter-spacing:.02em}

/* Sezione scura: assegnare a un blocco Gruppo a tutta larghezza */
.cfc-dark{background:var(--cfc-ink);color:var(--cfc-paper)}
.cfc-dark h1,.cfc-dark h2,.cfc-dark h3,.cfc-dark h4{color:var(--cfc-paper)}
.cfc-dark a{color:var(--cfc-paper)}
.cfc-dark .cfc-eyebrow{color:var(--cfc-muted-light)}

/* Divisore con glifo "share": blocco vuoto (o separatore) con questa classe */
.cfc-divider{position:relative;height:48px;margin:2.5rem 0;text-align:center}
.cfc-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--cfc-line)}
.cfc-divider::after{content:"";position:relative;display:inline-block;width:26px;height:32px;vertical-align:middle;background:var(--cfc-paper) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0OCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGQwZDBkIiBzdHJva2Utd2lkdGg9IjEuMSI+PGxpbmUgeDE9IjI3IiB5MT0iMTAiIHgyPSIxMyIgeTI9IjI2Ii8+PGxpbmUgeDE9IjEzIiB5MT0iMjYiIHgyPSIyOSIgeTI9IjQwIi8+PGNpcmNsZSBjeD0iMjciIGN5PSI5IiByPSI0IiBmaWxsPSIjZmZmZmZmIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIyNiIgcj0iNCIgZmlsbD0iI2ZmZmZmZiIvPjxjaXJjbGUgY3g9IjI5IiBjeT0iNDEiIHI9IjQiIGZpbGw9IiNmZmZmZmYiLz48L2c+PC9zdmc+") no-repeat center/contain;padding:0 16px;box-sizing:content-box}

/* Watermark del glifo: assegnare al blocco Gruppo che deve ospitarlo */
.cfc-watermark{position:relative;overflow:hidden}
.cfc-watermark>*{position:relative;z-index:1}
.cfc-watermark::after{content:"";position:absolute;right:-56px;bottom:-90px;width:min(520px,45vw);aspect-ratio:360/432;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjAgNDMyIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNlOWU5ZTkiIHN0cm9rZS13aWR0aD0iMi4zIj48bGluZSB4MT0iMjQzIiB5MT0iODEiIHgyPSIxMDgiIHkyPSIyMzQiLz48bGluZSB4MT0iMTA4IiB5MT0iMjM0IiB4Mj0iMjYxIiB5Mj0iMzY5Ii8+PGNpcmNsZSBjeD0iMjQzIiBjeT0iODEiIHI9IjM2Ii8+PGNpcmNsZSBjeD0iMTA4IiBjeT0iMjM0IiByPSIzNiIvPjxjaXJjbGUgY3g9IjI2MSIgY3k9IjM2OSIgcj0iMzYiLz48L2c+PC9zdmc+") no-repeat center/contain;pointer-events:none;z-index:0}

/* ---------- accessibilità ---------- */
a:focus-visible, button:focus-visible, .wp-block-button__link:focus-visible{outline:2px solid var(--cfc-ink);outline-offset:3px}
.cfc-dark a:focus-visible{outline-color:var(--cfc-paper)}
@media (prefers-reduced-motion: reduce){*{transition:none !important}}

/* ============================================================
   Integrazione WordPress / GeneratePress — sito CFC
   ============================================================ */

/* Header fisso in alto (logo + menu insieme, layout "Flottante a Destra") */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px)}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* Menu: sempre color inchiostro, niente azzurro / evidenziazione perenne */
.main-navigation .main-nav ul li a,
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li[class*="current"] > a,
.main-navigation .main-nav ul li[class*="current"] > a:hover{
	color:var(--cfc-ink,#0d0d0d);
}
.main-navigation .main-nav ul li[class*="current"] > a{background:transparent}

/* Voce "Contatti" come pulsante (classe CSS nav-cta sulla voce di menu) */
.main-navigation li.nav-cta a{
	border:1px solid var(--cfc-ink,#0d0d0d);
	text-transform:uppercase;
	letter-spacing:.06em;
	font-weight:600;
	line-height:1;
	margin-left:8px;
}
.main-navigation li.nav-cta a:hover,
.main-navigation li.nav-cta.sfHover a,
.main-navigation li.nav-cta[class*="current"] a{
	background:var(--cfc-ink,#0d0d0d);
	color:var(--cfc-paper,#fff);
}

/* Footer: il nostro blocco a tutta larghezza, senza spazio sopra */
.footer-widgets{padding:0 !important}
.footer-widgets .inside-footer-widgets{max-width:none !important;padding:0 !important;margin:0 !important}
.footer-widgets [class*="footer-widget-"]{padding:0 !important;margin:0 !important}
.footer-widgets .widget{margin:0 !important;padding:0 !important}

/* Nasconde la barra copyright di GeneratePress (secondo footer) */
.site-info{display:none}

/* ============================================================
   Fix hero home: ripristina il keyframe "rise" (scartato in import)
   ============================================================ */
@keyframes rise{to{opacity:1;transform:none}}

/* Rete di sicurezza accessibilità: con animazioni ridotte l'hero resta comunque visibile */
@media(prefers-reduced-motion:reduce){
	.cfc-content .hero-reveal{opacity:1 !important;transform:none !important}
}

/* Altezza del logo nell'header */
.site-header .site-logo img,
.site-header img.header-image{max-height:80px;width:auto}

/* ============================================================
   Elimina lo spazio bianco tra l'ultima sezione e il footer
   (solo sulle PAGINE full-bleed; gli articoli restano intatti)
   ============================================================ */
.page .site-content,
.page #content,
.page #primary,
.page .content-area,
.page .site-main{padding-bottom:0 !important;margin-bottom:0 !important}
.page .inside-article{padding:0 !important;margin:0 !important;border:0 !important;box-shadow:none !important;background:transparent !important}
.page .entry-content{margin-bottom:0 !important}

/* ============================================================
   Pagina Contatti: dati (cinfo) + stile Fluent Forms coerente
   ============================================================ */
.cfc-cinfo .block{padding:20px 0;border-top:1px solid var(--cfc-line,#e6e6e6)}
.cfc-cinfo .block:first-child{border-top:0;padding-top:0}
.cfc-cinfo .lbl{font-family:var(--cfc-sans,'Josefin Sans',sans-serif);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cfc-muted,#6f6f6f);margin-bottom:8px}
.cfc-cinfo .val{font-family:var(--cfc-sans,'Josefin Sans',sans-serif);font-size:17px;color:var(--cfc-ink,#0d0d0d);line-height:1.6}
.cfc-cinfo a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Fluent Forms → aspetto del sito */
.fluentform .ff-el-group{margin-bottom:20px}
.fluentform .ff-el-input--label label{font-family:var(--cfc-sans,'Josefin Sans',sans-serif);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--cfc-muted,#6f6f6f);margin-bottom:8px;font-weight:500}
.fluentform input.ff-el-form-control,
.fluentform textarea.ff-el-form-control,
.fluentform select.ff-el-form-control{width:100%;font-family:var(--cfc-sans,'Josefin Sans',sans-serif);font-size:16px;color:var(--cfc-ink,#0d0d0d);background:#fff;border:1px solid var(--cfc-line,#e6e6e6);border-radius:0;padding:13px 14px;box-shadow:none}
.fluentform input.ff-el-form-control:focus,
.fluentform textarea.ff-el-form-control:focus{outline:2px solid var(--cfc-ink,#0d0d0d);outline-offset:1px;border-color:var(--cfc-ink,#0d0d0d)}
.fluentform textarea.ff-el-form-control{min-height:130px}
.fluentform .ff-el-form-check label,.fluentform .ff_t_c label{font-size:14px;color:var(--cfc-muted,#6f6f6f);font-weight:300}
.fluentform .ff-btn-submit{background:var(--cfc-ink,#0d0d0d);color:#fff;font-family:var(--cfc-sans,'Josefin Sans',sans-serif);text-transform:uppercase;letter-spacing:.1em;font-weight:600;border:1px solid var(--cfc-ink,#0d0d0d);border-radius:0;padding:15px 30px;box-shadow:none;transition:.25s}
.fluentform .ff-btn-submit:hover{background:#fff;color:var(--cfc-ink,#0d0d0d)}

/* ============================================================
   Effetto vetro uniforme: barra del menu trasparente (desktop)
   ============================================================ */
@media(min-width:769px){
	.main-navigation,
	.main-navigation .inside-navigation{background:transparent !important}
}
/* i sotto-menu (dropdown Servizi) restano su fondo pieno per leggibilità */
.main-navigation ul ul{background:#ffffff !important}