/* Custom Styles for AssuntoSubito */

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Classe per il bottone layout selezionato */
.layout-btn.active { 
    background-color: #2563eb !important; 
    color: white !important; 
    border-color: #2563eb !important; 
    transform: translateY(-2px); 
}

/* Classe per il colore selezionato */
.color-btn.active { 
    outline: 3px solid #1f2937 !important; 
    outline-offset: 2px !important; 
}

/* Transizioni fluide per l'anteprima */
#cv-preview, #cv-header, #cv-body, #cv-main-col, #cv-side-col {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Nasconde l'avatar se l'utente non lo vuole */
.avatar-hidden {
    display: none !important;
}

/* Animazione Testo Scorrevole Background (Marquee) */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    display: flex;
    width: max-content;
    animation: marquee 50s linear infinite; /* 50s = molto lento ed elegante */
}

/* ==========================================
   FIX VISUALIZZAZIONE SMARTPHONE
   ========================================== */
@media (max-width: 768px) {
    /* 1. Nasconde la scritta del logo, lascia solo l'icona a fulmine */
    .logo-text {
        display: none !important;
    }

    /* 2. Risolve la sovrapposizione Nome e Ruolo nel CV */
    #cv-name {
        font-size: 26px !important;
        line-height: 1.1 !important;
        margin-bottom: 6px !important;
    }
    
    #cv-role {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    /* 3. Risolve la sovrapposizione tra Titolo Esperienza e Date (manda la data a capo) */
    #cv-main-col .flex.justify-between {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }

    /* 4. Evita che i contatti in alto si accavallino */
    #cv-contacts {
        line-height: 1.5 !important;
    }
    
    /* 5. Migliora gli spazi interni del CV su schermi piccoli per farlo respirare */
    #cv-header {
        padding: 1.5rem !important;
    }
    #cv-body {
        padding: 1.5rem !important;
        gap: 1.5rem !important;
    }
}