/* =========================================================
   RF2 FV - TEMA VERDE PETROLIO / GIALLO SOLARE
   2026-09-23
   ========================================================= */

:root {
    --fv-petrolio:       #145a5a;
    --fv-petrolio-dark:  #0f4545;
    --fv-verde-attivo:   #0f8f7a;
    --fv-giallo:         #f4c430;

    --fv-fondo:          #f1f6f4;
    --fv-fondo-soft:     #e7f1ed;

    --fv-testo:          #17212b;
    --fv-testo-soft:     #536773;

    --fv-bordo:          #c7d9d3;
}


/* =========================================================
   FONDO PAGINA
   ========================================================= */

body {
    background:
        var(--fv-fondo) !important;
}


.pagina-fv-hero {

    background:
        linear-gradient(
            180deg,
            #edf6f2 0%,
            #f7faf9 48%,
            #edf4f1 100%
        ) !important;
}


/* =========================================================
   CONTENITORE PRINCIPALE
   ========================================================= */

.box-preventivatore-incentivi {

    background:
        #ffffff !important;

    border:
        1px solid var(--fv-bordo) !important;

    border-top:
        5px solid var(--fv-petrolio) !important;

    border-radius:
        14px !important;

    box-shadow:
        0 12px 28px
        rgba(15,69,69,.12) !important;
}


.box-preventivatore-incentivi > h2 {

    color:
        var(--fv-petrolio-dark) !important;

    font-weight:
        900 !important;
}


/* piccolo segno solare accanto al titolo */
.box-preventivatore-incentivi > h2::before {

    content:
        "☀";

    color:
        var(--fv-giallo);

    margin-right:
        9px;

    font-size:
        .92em;
}


/* =========================================================
   CARD LATERALI / COMPONENTI
   ========================================================= */

.fv-card-componente {

    background:
        #ffffff !important;

    border:
        1px solid var(--fv-bordo) !important;

    border-radius:
        12px !important;

    box-shadow:
        0 7px 18px
        rgba(15,69,69,.08) !important;
}


.fv-card-componente h3 {

    color:
        var(--fv-petrolio-dark) !important;

    border-bottom:
        3px solid var(--fv-giallo) !important;

    padding-bottom:
        6px !important;
}


/* =========================================================
   CAMPI
   ========================================================= */

.pagina-fv-hero label,
.pagina-fv-hero .campo-incentivi {

    color:
        var(--fv-testo) !important;
}


.pagina-fv-hero select,
.pagina-fv-hero input[type="text"],
.pagina-fv-hero input[type="number"],
.pagina-fv-hero input[type="email"] {

    background:
        #ffffff !important;

    color:
        var(--fv-testo) !important;

    border:
        1px solid #b8cbc5 !important;

    border-radius:
        8px !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease !important;
}


.pagina-fv-hero select:focus,
.pagina-fv-hero input[type="text"]:focus,
.pagina-fv-hero input[type="number"]:focus,
.pagina-fv-hero input[type="email"]:focus {

    border-color:
        var(--fv-verde-attivo) !important;

    outline:
        none !important;

    box-shadow:
        0 0 0 3px
        rgba(15,143,122,.13) !important;
}


/* =========================================================
   PULSANTE PRINCIPALE DI CALCOLO
   ========================================================= */

.box-preventivatore-incentivi
.bottone-calcolo-incentivi {

    background:
        linear-gradient(
            135deg,
            var(--fv-petrolio),
            var(--fv-verde-attivo)
        ) !important;

    color:
        #ffffff !important;

    border:
        0 !important;

    border-radius:
        9px !important;

    box-shadow:
        0 7px 16px
        rgba(15,90,90,.20) !important;

    font-weight:
        800 !important;

    cursor:
        pointer !important;
}


.box-preventivatore-incentivi
.bottone-calcolo-incentivi:hover {

    background:
        linear-gradient(
            135deg,
            var(--fv-petrolio-dark),
            var(--fv-verde-attivo)
        ) !important;

    transform:
        translateY(-1px);
}


/* =========================================================
   ALTRI PULSANTI NEL CONFIGURATORE
   ========================================================= */

.box-preventivatore-incentivi button {

    cursor:
        pointer;
}


.box-preventivatore-incentivi button:not(.bottone-calcolo-incentivi) {

    border-color:
        var(--fv-petrolio) !important;
}


/* =========================================================
   RISULTATI / RIEPILOGHI
   ========================================================= */

.area-risultato-incentivi,
.rf2-fv-riepilogo-calcolo {

    background:
        #eef8f4 !important;

    border:
        1px solid #a7d0c1 !important;

    border-left:
        5px solid var(--fv-verde-attivo) !important;

    border-radius:
        10px !important;

    color:
        var(--fv-testo) !important;
}


.area-risultato-incentivi strong,
.rf2-fv-riepilogo-calcolo strong {

    color:
        var(--fv-petrolio-dark) !important;
}


/* =========================================================
   ACCENTO SOLARE
   ========================================================= */

.pagina-fv-hero .fv-accento-solare {

    color:
        #8a6900 !important;

    background:
        #fff7d6 !important;

    border-color:
        #efd36b !important;
}


/* =========================================================
   LINK
   ========================================================= */

.pagina-fv-hero a {

    color:
        var(--fv-petrolio) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 850px) {

    .box-preventivatore-incentivi {

        border-top-width:
            4px !important;
    }
}


/* =========================================================
   RF2_FV_RIFINITURA_PETROLIO_20260923
   ========================================================= */


/* ---------------------------------------------------------
   ANALIZZA I CONSUMI
   elimina il pulsante nero
   --------------------------------------------------------- */

#rf2FvConsumiApri {

    background:
        #145a5a !important;

    color:
        #ffffff !important;

    border:
        1px solid #0f4545 !important;

    border-radius:
        8px !important;

    box-shadow:
        0 4px 10px rgba(15,69,69,.18) !important;

    cursor:
        pointer !important;

    transition:
        background .15s ease,
        transform .15s ease,
        box-shadow .15s ease !important;
}


#rf2FvConsumiApri:hover {

    background:
        #0f4545 !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 6px 13px rgba(15,69,69,.24) !important;
}


/* richiamo discreto alla sezione consumi */

.rf2-fv-consumi-launch {

    border-left:
        4px solid #f4c430 !important;

    background:
        #fbfdfc !important;
}


/* ---------------------------------------------------------
   CONFIGURAZIONE AUTOMATICA
   petrolio leggermente più chiaro
   --------------------------------------------------------- */

#rf2FvAutoApri,
.rf2-fv-auto-apri {

    background:
        #2b7c70 !important;

    color:
        #ffffff !important;

    border:
        1px solid #21685f !important;

    border-radius:
        8px !important;

    box-shadow:
        0 4px 10px rgba(15,90,90,.14) !important;

    font-weight:
        800 !important;

    cursor:
        pointer !important;

    transition:
        background .15s ease,
        transform .15s ease !important;
}


#rf2FvAutoApri:hover,
.rf2-fv-auto-apri:hover {

    background:
        #21685f !important;

    transform:
        translateY(-1px);
}


/* ---------------------------------------------------------
   CALCOLA PREVENTIVO
   CTA principale della pagina
   --------------------------------------------------------- */

.box-preventivatore-incentivi
.bottone-calcolo-incentivi {

    background:
        linear-gradient(
            135deg,
            #0f4545 0%,
            #145a5a 55%,
            #0f8f7a 100%
        ) !important;

    color:
        #ffffff !important;

    border:
        0 !important;

    border-bottom:
        3px solid #f4c430 !important;

    border-radius:
        9px !important;

    box-shadow:
        0 7px 16px rgba(15,69,69,.25) !important;

    font-weight:
        900 !important;

    letter-spacing:
        .02em !important;

    cursor:
        pointer !important;
}


.box-preventivatore-incentivi
.bottone-calcolo-incentivi:hover {

    background:
        linear-gradient(
            135deg,
            #0b3939,
            #12665d
        ) !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 9px 20px rgba(15,69,69,.30) !important;
}


/* ---------------------------------------------------------
   TITOLI CATALOGHI LATERALI
   Moduli / Inverter / Colonnine / Batterie / Componenti
   --------------------------------------------------------- */

.fv-layout-3col
.fv-card-componente h3 {

    color:
        #0f4545 !important;

    border-bottom:
        2px solid #f4c430 !important;

    padding-bottom:
        7px !important;
}


/* freccette / elementi cliccabili */

.fv-layout-3col
.fv-card-componente li.rf2-fv-produttore {

    color:
        #243d3d !important;

    cursor:
        pointer !important;
}


.fv-layout-3col
.fv-card-componente li.rf2-fv-produttore:hover {

    color:
        #0f6f62 !important;

    background:
        #eef7f4 !important;
}


/* ---------------------------------------------------------
   PRODOTTI SELEZIONATI
   --------------------------------------------------------- */

.fv-layout-3col
.rf2-fv-modulo-selezionato {

    background:
        #f3faf6 !important;

    border:
        1px solid #83bea4 !important;

    border-left:
        4px solid #0f8f7a !important;

    color:
        #24463d !important;
}


.fv-layout-3col
.rf2-fv-modulo-selezionato strong {

    color:
        #0f5f50 !important;
}


/* ---------------------------------------------------------
   FOCUS ACCESSIBILE
   piccolo richiamo giallo sole
   --------------------------------------------------------- */

.pagina-fv-hero button:focus-visible,
.pagina-fv-hero select:focus-visible,
.pagina-fv-hero input:focus-visible {

    outline:
        3px solid rgba(244,196,48,.55) !important;

    outline-offset:
        2px !important;
}


/* ---------------------------------------------------------
   TITOLI PRINCIPALI
   --------------------------------------------------------- */

.box-preventivatore-incentivi > h2 {

    color:
        #0f4545 !important;
}


/* sole più leggibile */

.box-preventivatore-incentivi > h2::before {

    color:
        #e8b900 !important;

    text-shadow:
        0 1px 1px rgba(0,0,0,.08);
}


/* ---------------------------------------------------------
   RISULTATO
   --------------------------------------------------------- */

.area-risultato-incentivi {

    background:
        #f3faf7 !important;

    border:
        1px solid #a5cfc0 !important;

    border-left:
        4px solid #0f8f7a !important;

    color:
        #26443d !important;
}