/* ==========================================================================
   Brand kit Nextfuture 1.0 su extrafly.it (11/11/2026)
   ==========================================================================
   Le regole proprie di questo sito. nf-brand.css è lo stesso file su tutti i
   siti e non si tocca: si carica prima di questo. Colori solo dalla palette P2
   (sorgente: ~/Desktop/Claude/brand-kit-nextfuture/tokens/tokens.css).

   Il modulo della richiesta (CRM_API_Client/js/form.js) cambia solo aspetto:
   campi, id, name e selettori restano quelli di php/config.php.
   ========================================================================== */

/* ----- Pulsanti pieni neri: le classi verdi di extrafly.it (il tema le schiarisce al passaggio) ----- */
/* Pulsanti pieni neri, come nella home di nextfuture.it (body.nf-home): la pagina ha già le sezioni colorate */
.btn--theme, .btn.btn--theme { background-color: #0e0f0c !important; border-color: #0e0f0c !important; color: #fff !important; }
.btn--theme:hover, .btn.btn--theme:hover, a.nfc-btn-pieno:hover, button.nfc-btn-pieno:hover { background-color: #2c2e28 !important; border-color: #2c2e28 !important; color: #fff !important; }
.hover--tra-black:hover { background-color: #0e0f0c !important; border-color: #0e0f0c !important; color: #fff !important; }
.nfc-btn { font-family: "Host Grotesk", system-ui, sans-serif; font-weight: 700; transition: background .15s, color .15s, border-color .15s, transform .15s cubic-bezier(.2, .7, .2, 1); }
.nfc-btn-bordo { border-color: #0e0f0c; color: #0e0f0c; }
a.nfc-btn-bordo:hover, button.nfc-btn-bordo:hover { background: #0e0f0c; border-color: #0e0f0c; }
@media (hover: hover) and (pointer: fine) {
	.nfc-btn:hover { transform: translateY(-1px); }
}
.nfc-btn:active { transform: translateY(1px) scale(.985); }

/* Barra da telefono (C3): il pulsante pieno è nero come gli altri */
@media (max-width: 767px) {
	.nfc-barra a { font-family: "Host Grotesk", system-ui, sans-serif; font-weight: 700; }
	.nfc-barra .nfc-barra-demo, .nfc-barra .nfc-barra-demo:hover { background: #0e0f0c; color: #fff !important; }
}

/* ----- Prima schermata: la schermata viva delle fatture allo SDI ----- */
/* margini in alto e in basso del tema (hero-16-img): la schermata scavalca il fondo grigio come faceva l'immagine */
.xf-apertura-viva { max-width: 1060px; margin-left: auto; margin-right: auto; text-align: left; }
.xf-apertura-viva .viva { border-radius: 12px; }

/* ----- Listino: il pacchetto più completo con il bordo nero ----- */
.xf-listino-evid { border-color: #0e0f0c; }

/* ----- Recensioni (T1): il titolo di ogni recensione sopra la citazione, foto e loghi nel cerchio ----- */
.xf-t1 { background: transparent; }
.xf-t1 .t1p-scelta blockquote .xf-t1-titolo { margin: 0 0 12px; font-size: 20px; line-height: 1.3; letter-spacing: -0.01em; color: #0e0f0c; }
.xf-t1 .t1-chi button img { border-radius: 50%; border: 1px solid #e3e3de; background: #fff; object-fit: cover; }
.xf-t1 .t1-tp { margin-left: auto; margin-right: auto; }
@media (max-width: 575px) {
	.nfk .xf-t1 .t1p .t1p-chi, .nfk.xf-t1 .t1p .t1p-chi { grid-template-columns: 1fr; }
}

/* ----- Contatti: il riquadro verde notte resta, il modulo prende l'aspetto C1 ----- */
.xf-riquadro { background: #1f2914; }
.xf-riquadro-txt h2 { color: #f4f6ee; margin-bottom: 18px; }
.xf-riquadro-txt p, .xf-riquadro-txt li { color: #aab49c; }
.xf-riquadro-txt .nfc-si { color: #cde26c; }
/* le spunte come i passi di C1: righe divise da linee sottili */
.xf-riquadro-txt .xf-spunte { margin: 32px 0 0; border-top: 1px solid #34402a; }
.xf-riquadro-txt .xf-spunte li { padding: 16px 0; border-bottom: 1px solid #34402a; color: #f4f6ee; }

.xf-modulo { border-radius: 14px; padding: 36px 32px 26px; }
.xf-modulo h3 { font-size: 22px; line-height: 1.2; margin-bottom: 8px; }
.xf-modulo #LPF-content > p.p-md { color: #585a53; }
.xf-modulo label { font-size: 14px; font-weight: 600; color: #0e0f0c; }
.xf-modulo .form-control { height: 48px; padding: 0 14px; border: 1px solid #c9c9c2; border-radius: 8px; font: 400 16px "Host Grotesk", system-ui, sans-serif; color: #0e0f0c; transition: border-color .15s, box-shadow .15s; }
.xf-modulo .form-control:hover { border-color: color-mix(in srgb, #0e0f0c 45%, #c9c9c2); }
.xf-modulo .form-control:focus { border-color: #0e0f0c !important; box-shadow: 0 0 0 3px color-mix(in srgb, #0e0f0c 20%, transparent); }
.xf-modulo .form-check-input { border-color: #c9c9c2; border-radius: 4px; }
.xf-modulo .form-check-input:checked { background-color: #0e0f0c; border-color: #0e0f0c; }
.xf-modulo .form-check-input:focus { border-color: #0e0f0c; box-shadow: 0 0 0 3px color-mix(in srgb, #0e0f0c 20%, transparent); }
.xf-modulo .form-check-label { font-size: 14px; color: #585a53; }
.xf-modulo .form-btn .nfc-btn { min-height: 52px; border-radius: 8px; font-size: 16px; }
.xf-modulo #LPF-content > p.p-sm { font-size: 13px; line-height: 1.5; color: #585a53; padding: 0 !important; margin-top: 14px; } /* il tema ha #hero-8-form p.p-sm { padding: 0 5% !important } */
.xf-modulo #LPF-content a { color: #0e0f0c; }
.xf-modulo #LPF-content h2.section-title { font-size: 26px; margin: 10px 0 6px; }
/* errori scritti da form.js sopra il modulo, con il rosso degli errori del kit */
.xf-modulo #general-error-tooltip { color: #c4372d; font-size: 14px; font-weight: 600; padding: 0 calc(var(--bs-gutter-x) * .5) 12px; }
.xf-modulo #general-error-tooltip:empty { padding: 0; }
.xf-modulo .request-form > .request-form-msg { margin-bottom: 0; }
.xf-modulo .loader { border-color: #e3e3de; border-top-color: #0e0f0c !important; }

/* ----- Avviso cookie: la scheda di extrafly-theme.css, come su nextfuture.it. CRM_API_Client/css/style.css si
   carica in fondo alla pagina e la copriva (fondo grigio, ombra pesante, pulsante largo il 30%): qui vince l'id della sezione. ----- */
body #gdpr-warning-section { background: #fff; box-shadow: var(--nf-ombra); color: var(--nf-testo); text-align: left; }
body #gdpr-warning-section #gdpr-warning-form { justify-content: flex-end; gap: 12px; }
body #gdpr-warning-section #gdpr-warning-container input { width: auto; min-width: 130px; border-width: 1px; font: 700 .95rem/1 "Host Grotesk", system-ui, sans-serif; }
body #gdpr-warning-section #gdpr-warning-container input[name="gdpr-accepted"] { background: var(--nf-verde); border: 1px solid var(--nf-verde); color: #fff; }
body #gdpr-warning-section #gdpr-warning-container input[name="gdpr-accepted"]:hover { background: var(--nf-verde-hover); border-color: var(--nf-verde-hover); color: #fff; }
body #gdpr-warning-section #gdpr-warning-container input[name="gdpr-refuted"] { background: #fff; border: 1px solid var(--nf-verde); color: var(--nf-verde-scuro); }
body #gdpr-warning-section #gdpr-warning-container input[name="gdpr-refuted"]:hover { background: var(--nf-chiaro); border-color: var(--nf-verde); }
@media (max-width: 767px) {
	body #gdpr-warning-section #gdpr-warning-form { justify-content: stretch; }
	body #gdpr-warning-section #gdpr-warning-container input { flex: 1; min-width: 0; }
}

/* ----- Footer F2: i recapiti uno per riga; i link chiari come su nextfuture.it (extrafly-theme.css dà ai <li> il grigio del testo) ----- */
.nfk .f2 .f2-recapiti { line-height: 1.9; }
.nfk .f2 li { color: inherit; }

/* ----- Privacy (privacy.html, tema SalesPage): caratteri e colori del kit ----- */
.xf-privacy h1, .xf-privacy h2, .xf-privacy h3 { color: #0e0f0c; letter-spacing: -0.02em; }
.xf-privacy p, .xf-privacy li { color: #585a53; }
.xf-privacy a { color: #0e0f0c; }

/* ----- Telefono: sotto i 992px scorre <body>, non la finestra, e WOW (js/custom.js) non vede lo scorrimento:
   i blocchi animati sotto la prima schermata (funzioni, cloud, prezzi, assistenza) restavano nascosti.
   Da telefono si mostrano subito, senza l'entrata. ----- */
@media (max-width: 991px) {
	.wow { visibility: visible !important; animation-name: none !important; }
}

/* Logo Extrafly nella testata (al posto di quello di Nextfuture) */
.desktoplogo img, .smllogo img { height: 38px; width: auto; max-height: none; }
@media (max-width: 991px) { .smllogo img { height: 32px; } }