/*
 * ==========================================================
 * RF2 - LAYOUT MODULO FOTOGRAFIE
 * 2026-08-10
 *
 * SOLO ASPETTO GRAFICO.
 * Nessuna modifica a upload, analisi o navigazione.
 * ==========================================================
 */


/* ----------------------------------------------------------
   CONTENITORE GENERALE
   ---------------------------------------------------------- */

body #rf2-sezione-foto-fabbricato {

    width:100% !important;
    max-width:980px !important;

    margin:0 auto !important;
    padding:22px 22px 32px !important;

    box-sizing:border-box !important;

    background:transparent !important;

    color:#111 !important;
}


/*
 * Elimina il grande riquadro bianco esterno.
 */

body #rf2-sezione-foto-fabbricato
.rf2-box-planimetria {

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;
}


/* ----------------------------------------------------------
   TITOLO PRINCIPALE
   ---------------------------------------------------------- */

body #rf2-sezione-foto-fabbricato
.rf2-box-planimetria > h2 {

    margin:0 auto 22px !important;

    padding:0 !important;

    text-align:center !important;

    color:#111111 !important;

    font-size:30px !important;
    font-weight:900 !important;

    line-height:1.12 !important;

    letter-spacing:.2px !important;
}


body #rf2-sezione-foto-fabbricato
.rf2-box-planimetria > h2 span {

    display:block !important;

    margin-top:6px !important;

    color:#111111 !important;

    font-size:19px !important;
    font-weight:500 !important;

    line-height:1.25 !important;
}


/* ----------------------------------------------------------
   GUIDA RAPIDA
   identifica il blocco dalla struttura esistente
   ---------------------------------------------------------- */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:8px solid #2f6f3e"] {

    width:100% !important;
    max-width:760px !important;

    margin:0 auto 22px !important;

    border:1px solid #a8c9ad !important;
    border-left:5px solid #36934e !important;

    border-radius:12px !important;

    background:
        linear-gradient(
            180deg,
            #fbfdfb 0%,
            #f3f9f4 100%
        ) !important;

    box-shadow:
        0 6px 18px
        rgba(30,60,35,.07) !important;

    overflow:hidden !important;

    color:#111 !important;
}


/*
 * Testata della guida.
 */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:8px solid #2f6f3e"]
> div:first-child {

    padding:14px 20px 13px !important;

    background:transparent !important;

    border-bottom:0 !important;

    text-align:center !important;
}


/*
 * Badge GUIDA RAPIDA.
 */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:8px solid #2f6f3e"]
> div:first-child
> div:first-child {

    display:inline-block !important;

    margin:0 auto 10px !important;

    padding:5px 15px !important;

    border-radius:999px !important;

    background:#459652 !important;

    color:#fff !important;

    font-size:11px !important;
    font-weight:900 !important;

    letter-spacing:.5px !important;
}


/*
 * Titolo "Come fotografare..."
 */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:8px solid #2f6f3e"]
> div:first-child
> div:nth-child(2) {

    margin-bottom:7px !important;

    text-align:center !important;

    color:#111 !important;

    font-size:25px !important;
    font-weight:900 !important;

    line-height:1.2 !important;
}


/*
 * Testo introduttivo.
 */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:8px solid #2f6f3e"]
> div:first-child
> div:nth-child(3) {

    max-width:650px !important;

    margin:0 auto !important;

    text-align:center !important;

    color:#111 !important;

    font-size:13px !important;
    line-height:1.55 !important;
}


/* ----------------------------------------------------------
   CORPO GUIDA
   ---------------------------------------------------------- */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:8px solid #2f6f3e"]
> div:nth-child(2) {

    margin:0 18px 18px !important;

    padding:16px 20px !important;

    border:1px solid #cbdccd !important;
    border-radius:10px !important;

    background:rgba(255,255,255,.55) !important;

    color:#111 !important;

    font-size:13px !important;
    line-height:1.55 !important;
}


/*
 * "Si consiglia di includere"
 */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:8px solid #2f6f3e"]
ul {

    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    column-gap:40px !important;
    row-gap:2px !important;

    margin:10px 5px 17px 22px !important;

    color:#111 !important;
}


/*
 * Suggerimento finale.
 */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:8px solid #2f6f3e"]
ul + div {

    padding:11px 14px !important;

    border:1px solid #c7d9ca !important;

    border-radius:8px !important;

    background:#fff !important;

    color:#111 !important;
}


/* ----------------------------------------------------------
   AVVERTENZA TECNICA
   ---------------------------------------------------------- */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:6px solid #777777"] {

    width:100% !important;
    max-width:760px !important;

    box-sizing:border-box !important;

    margin:0 auto 14px !important;

    padding:14px 18px !important;

    border:1px solid #d5d8dc !important;
    border-left:4px solid #555 !important;

    border-radius:9px !important;

    background:#fafafa !important;

    color:#111 !important;

    font-size:12px !important;
    line-height:1.45 !important;

    text-align:left !important;
}


body #rf2-sezione-foto-fabbricato
div[style*="border-left:6px solid #777777"]
span {

    text-decoration:none !important;

    color:#111 !important;
}


/* ----------------------------------------------------------
   PRIVACY
   ---------------------------------------------------------- */

body #rf2-sezione-foto-fabbricato
div[style*="border-left:6px solid #b18100"] {

    width:100% !important;
    max-width:760px !important;

    box-sizing:border-box !important;

    margin:0 auto 18px !important;

    padding:15px 18px !important;

    border:1px solid #dab23e !important;
    border-left:4px solid #c19000 !important;

    border-radius:9px !important;

    background:#fff9e7 !important;

    color:#111 !important;

    font-size:12px !important;
    line-height:1.45 !important;

    text-align:left !important;
}


body #rf2-sezione-foto-fabbricato
div[style*="border-left:6px solid #b18100"]
> div:first-child {

    color:#111 !important;

    font-size:14px !important;
    font-weight:900 !important;
}


body #rf2-sezione-foto-fabbricato
div[style*="border-left:6px solid #b18100"]
> div:last-child {

    text-align:left !important;

    color:#111 !important;
}


/* ----------------------------------------------------------
   AREA CARICAMENTO
   ---------------------------------------------------------- */

body #rf2-sezione-foto-fabbricato
div[style*="border:2px dashed #3f7d52"] {

    position:relative !important;

    width:100% !important;
    max-width:760px !important;

    box-sizing:border-box !important;

    margin:0 auto 18px !important;

    padding:
        67px 28px 24px !important;

    border:
        2px dashed #4b985b !important;

    border-radius:
        15px !important;

    background:
        linear-gradient(
            135deg,
            #fbfefb 0%,
            #f1f9f2 55%,
            #fafdf8 100%
        ) !important;

    box-shadow:
        0 8px 24px
        rgba(47,111,62,.08) !important;

    text-align:center !important;

    color:#111 !important;
}


/*
 * Icona grafica senza immagini esterne.
 */

body #rf2-sezione-foto-fabbricato
div[style*="border:2px dashed #3f7d52"]::before {

    content:"↥";

    position:absolute;

    top:13px;
    left:50%;

    width:50px;
    height:50px;

    transform:translateX(-50%);

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#e3f2e5;

    color:#286a39;

    font-size:31px;
    font-weight:500;
}


/*
 * Titolo upload.
 */

body #rf2-sezione-foto-fabbricato
div[style*="border:2px dashed #3f7d52"]
> div:first-child {

    margin-bottom:8px !important;

    color:#111 !important;

    font-size:19px !important;
    font-weight:900 !important;
}


/*
 * Box spiegazione caricamenti multipli:
 * più leggero rispetto all'attuale giallo.
 */

body #rf2-sezione-foto-fabbricato
div[style*="border:2px dashed #3f7d52"]
> div:nth-child(2) {

    max-width:600px !important;

    margin:0 auto 17px !important;

    padding:0 !important;

    border:0 !important;

    background:transparent !important;

    color:#222 !important;

    font-size:12px !important;
    line-height:1.45 !important;

    text-align:center !important;
}


body #rf2-sezione-foto-fabbricato
div[style*="border:2px dashed #3f7d52"]
> div:nth-child(2)
> div {

    text-align:center !important;
}


/* ----------------------------------------------------------
   INPUT FILE
   ---------------------------------------------------------- */

body #rf2-input-foto-fabbricato {

    width:100% !important;
    max-width:430px !important;

    box-sizing:border-box !important;

    margin:15px auto 0 !important;

    padding:10px !important;

    border:1px solid #c8d0d7 !important;
    border-radius:8px !important;

    background:#fff !important;

    color:#111 !important;

    font-size:12px !important;
}


/* ----------------------------------------------------------
   CONTEGGIO
   ---------------------------------------------------------- */

body #rf2-conteggio-foto {

    margin-top:16px !important;

    color:#111 !important;

    font-size:12px !important;
    font-weight:800 !important;

    line-height:1.4 !important;

    text-align:center !important;
}


/* ----------------------------------------------------------
   ANTEPRIME
   ---------------------------------------------------------- */

body #rf2-anteprime-foto {

    max-width:700px !important;

    margin:20px auto 0 !important;

    grid-template-columns:
        repeat(auto-fit,minmax(150px,1fr)) !important;

    gap:12px !important;
}


/* ----------------------------------------------------------
   AVVIA ANALISI
   ---------------------------------------------------------- */

body #rf2-btn-avvia-analisi-foto {

    display:block !important;

    width:100% !important;
    max-width:485px !important;

    min-height:50px !important;

    margin:20px auto 0 !important;

    padding:12px 20px !important;

    border:0 !important;
    border-radius:8px !important;

    background:
        linear-gradient(
            180deg,
            #56a35d 0%,
            #398747 100%
        ) !important;

    color:#fff !important;

    font-size:15px !important;
    font-weight:900 !important;

    box-shadow:
        0 5px 13px
        rgba(50,120,62,.18) !important;
}


body #rf2-btn-avvia-analisi-foto:disabled {

    opacity:.48 !important;

    cursor:not-allowed !important;
}


body #rf2-btn-avvia-analisi-foto:not(:disabled) {

    opacity:1 !important;

    cursor:pointer !important;
}


/* ----------------------------------------------------------
   RISULTATI ANALISI
   ---------------------------------------------------------- */

body #rf2-stato-analisi-foto,
body #rf2-risultato-analisi-foto {

    color:#111 !important;
}


/* ----------------------------------------------------------
   AZIONI IN FONDO
   ---------------------------------------------------------- */

body #rf2-sezione-foto-fabbricato
.rf2-wizard-actions {

    width:100% !important;
    max-width:760px !important;

    margin:17px auto 0 !important;

    display:flex !important;

    justify-content:center !important;
    align-items:center !important;

    gap:12px !important;
}


/*
 * Nel TEST continua a restare nascosto
 * "Prosegui al preventivo".
 */

body #rf2-btn-foto-prosegui {

    display:none !important;
}


body #rf2-btn-foto-indietro {

    min-width:235px !important;
    min-height:43px !important;

    padding:9px 18px !important;

    border:1px solid #c8d0d7 !important;
    border-radius:8px !important;

    background:#fff !important;

    color:#111 !important;

    font-size:13px !important;
    font-weight:800 !important;

    cursor:pointer !important;

    box-shadow:
        0 3px 9px
        rgba(0,0,0,.05) !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media(max-width:800px) {

    body #rf2-sezione-foto-fabbricato {

        padding:
            15px 12px 25px !important;
    }


    body #rf2-sezione-foto-fabbricato
    .rf2-box-planimetria > h2 {

        font-size:
            25px !important;
    }


    body #rf2-sezione-foto-fabbricato
    div[style*="border-left:8px solid #2f6f3e"]
    ul {

        grid-template-columns:
            1fr !important;

        column-gap:
            0 !important;
    }


    body #rf2-sezione-foto-fabbricato
    div[style*="border:2px dashed #3f7d52"] {

        padding:
            65px 16px 20px !important;
    }
}