/**
 * FILE: branding.css
 * VERSIONE: 1.0 (OFFICIAL BRANDING DNA)
 * AGGIORNAMENTO: 04-02-2026
 * DESCRIZIONE: Unica fonte di verità per colori, font e variabili globali.
 */

:root {
    /* Tavolozza Colori Istituzionale */
    --navy: #002D5B;      /* Navy Originale Ischia Rental */
    --cyan: #00A8E8;      /* Cyan Accento */
    --gold: #b48b3c;      /* Gold Certificazione */
    --white: #ffffff;
    --bg: #f8fafc;        /* Sfondo Slate Light */
    /* Alias legacy per compatibilita markup inline esistente */
    --n-navy: var(--navy);
    --n-cyan: var(--cyan);
    --n-gold: var(--gold);
    --n-white: var(--white);
    --n-bg: var(--bg);
    --n-slate: #64748b;
    
    /* Variabili Funzionali (Alias) - Single Source of Truth */
    --f-navy: #002D5B;      /* #002D5B - Navy Originale */
    --f-gold: var(--gold);      /* #c5a059 - Gold Certificazione */
    --f-cyan: var(--cyan);      /* #00A8E8 - Cyan Accento */
    --f-dark: #001f3f;          /* Navy Ultra-Deep per contrasti */
    --f-slate: #ffffff;         /* Bianco puro per massimo contrasto AAA */
    --green-wa: #25D366;        /* Verde WhatsApp */

    /* Spaziature e Bordi Standard */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --shadow-main: 0 4px 15px rgba(0,0,0,0.1);
}

/* Animazioni Globali Centralizzate (Pulse) */
@keyframes pulse-green-ani {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

@keyframes pulse-gold-ani {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(197, 160, 89, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }
}

/* FAQ: solo stato aperto (il default hidden resta sugli inline/HTML); nessuna forzatura globale */
.faq-answer.is-open,
.faq-a.is-open {
    display: block !important;
}
.faq-icon.is-rotated {
    transform: rotate(180deg);
}
.faq-icon {
    transition: transform 0.3s ease;
}