/*
Theme Name: Centro Servizi Prestige
Author: Centro Servizi Prestige
Description: Tema Luxury con Tailwind CSS
Version: 1.0
Text Domain: centro-servizi-prestige
*/

/* Reset di base e ottimizzazioni grafiche */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

body { 
    background-color: #0a0a0a; 
    color: #e5e5e5; 
    -webkit-font-smoothing: antialiased; 
    overflow-x: hidden; 
    cursor: none; 
}

/* Fix Preloader (Posizionamento sopra la admin bar nativa WP) */
#preloader {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background: #0a0a0a; 
    z-index: 99999 !important; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    transition: opacity 0.8s ease;
}
#preloader img { 
    width: 80px; 
    animation: pulse 2s infinite ease-in-out; 
}
@keyframes pulse { 
    0%, 100% { opacity: 0.3; transform: scale(0.95); } 
    50% { opacity: 1; transform: scale(1.05); } 
}

/* Cursore Personalizzato Luxury */
#custom-cursor {
    width: 20px; 
    height: 20px; 
    border: 1px solid #c5a059; 
    border-radius: 50%;
    position: fixed; 
    pointer-events: none !important; 
    z-index: 10000;
    transition: transform 0.1s ease-out; 
    transform: translate(-50%, -50%);
}
#cursor-dot {
    width: 4px; 
    height: 4px; 
    background: #c5a059; 
    border-radius: 50%;
    position: fixed; 
    pointer-events: none !important; 
    z-index: 10000; 
    transform: translate(-50%, -50%);
}

/* Animazioni allo Scorrimento (Scroll Reveal) */
.reveal { 
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 1.2s ease-out; 
}
.reveal.active { 
    opacity: 1; 
    transform: translateY(0); 
}

/* Effetto Tilt 3D */
.tilt-card { 
    transition: transform 0.2s ease-out; 
    transform-style: preserve-3d; 
    perspective: 1000px; 
}

/* Effetto Sfondo Vetro Sfumato */
.glass-card { 
    background: rgba(20, 20, 20, 0.7); 
    backdrop-filter: blur(10px); 
    border: 1px solid rgba(197, 160, 89, 0.1); 
}

/* Rimozione visiva barre di scorrimento nello slider */
.hide-scrollbar::-webkit-scrollbar { 
    display: none; 
}
.hide-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* Pulsante Fluttuante WhatsApp */
#whatsapp-btn {
    position: fixed; 
    bottom: 30px; 
    right: 30px; 
    z-index: 90;
    background: #25d366; 
    width: 60px; 
    height: 60px; 
    border-radius: 50%;
    display: flex; 
    justify-content: center; 
    align-items: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3); 
    transition: transform 0.3s;
}
#whatsapp-btn:hover { 
    transform: scale(1.1); 
}

/* Banner Cookie Normativa Europea */
#cookie-banner {
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    background: #111;
    border-top: 1px solid #c5a059; 
    padding: 20px; 
    z-index: 200;
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    transform: translateY(100%); 
    transition: transform 0.5s ease;
}
#cookie-banner.active { 
    transform: translateY(0); 
}

/* Modale di Accesso Privato */
#login-modal {
    backdrop-filter: blur(15px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}
#login-modal.active { 
    opacity: 1; 
    pointer-events: all; 
}

/* Animazione di entrata morbida dell'immagine hero */
.animate-fallback-hero {
    animation: fadeInHero 2.5s ease-out forwards;
}
@keyframes fadeInHero {
    from { opacity: 0; transform: scale(1.05); }
    to { opacity: 0.4; transform: scale(1); }
}