/*
Theme Name: Bellezaflair Luxury
Theme URI: https://bellezaflair.com
Author: Bellezaflair Creative
Description: Complete luxury theme with multi-page structure and timeslot booking.
Version: 4.0
License: GNU General Public License v2 or later
Text Domain: bellezaflair
*/

/* Base & Scroll */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background-color: #fdfbfc; color: #1f2937; overflow-x: hidden; }

/* Luxury Utilities */
.glass {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}
.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}
.text-gradient {
    background: linear-gradient(to right, #db2777, #9333ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Animations */
@keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } }
.animate-float { animation: float 6s ease-in-out infinite; }

@keyframes pulse-glow { 0% { box-shadow: 0 0 0 0 rgba(236, 72, 153, 0.4); } 70% { box-shadow: 0 0 0 15px rgba(236, 72, 153, 0); } 100% { box-shadow: 0 0 0 0 rgba(236, 72, 153, 0); } }
.btn-glow:hover { animation: pulse-glow 2s infinite; }

/* Scroll Reveal */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }
.delay-100 { transition-delay: 0.1s; }
.delay-200 { transition-delay: 0.2s; }

/* Z-Index Fixes */
#bookingModal { z-index: 9999 !important; }
#cookie-banner { z-index: 9998 !important; }