/* ─── background.css (VERSIONE ELITE UNIFICATA) ─── */

:root {
    /* Palette Colori Organica */
    --gold: #c9903a;
    --gold-light: #e4b96a;
    --gold-pale: rgba(228, 185, 106, 0.15); /* Più visibile */
    --brown: #4a2a10;
    --cream: #fdfaf5;
    --warm-white: #fdfbf7;
    --rose: rgba(232, 196, 187, 0.22);
    
    /* Effetti Glassmorphism Universali */
    --glass-bg: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(255, 255, 255, 0.4);
    --shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.04);
    --shadow-gold: 0 15px 45px rgba(201, 144, 58, 0.12);
}

/* 1. SETUP BODY & SFONDO DINAMICO */
body {
    margin: 0;
    padding: 0;
    background-color: var(--cream);
    /* Gradiente "multi-layer" che non finisce mai */
    background-image: 
        radial-gradient(ellipse 80% 70% at 70% 40%, var(--gold-pale), transparent 65%),
        radial-gradient(ellipse 60% 50% at 20% 80%, var(--rose), transparent 60%),
        radial-gradient(at 50% 50%, rgba(255,255,255,0.6) 0px, transparent 80%);
    background-attachment: fixed; /* Il segreto per l'eleganza: lo sfondo resta fermo */
    background-size: cover;
    overflow-x: hidden;
    min-height: 100vh;
}

/* 2. SISTEMA DELLE ORBS ANIMATE (GLOBAL) */
/* Posizionate con 'fixed' così accompagnano lo scorrimento senza lasciare buchi bianchi */
.hero-orb {
    position: fixed; 
    border-radius: 50%;
    filter: blur(80px); /* Sfocatura profonda stile Chi Siamo */
    pointer-events: none;
    z-index: -1; /* Sempre dietro ai contenuti */
    opacity: 0.7;
}

.hero-orb-1 {
    width: 650px;
    height: 650px;
    background: radial-gradient(circle, rgba(201, 144, 58, 0.18), transparent 70%);
    top: -150px;
    right: -100px;
    animation: orbPulse 12s ease-in-out infinite;
}

.hero-orb-2 {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(212, 137, 122, 0.15), transparent 70%);
    bottom: -80px;
    left: -80px;
    animation: orbPulse 15s ease-in-out infinite reverse;
}

.hero-orb-3 {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(138, 171, 138, 0.1), transparent 70%);
    top: 35%;
    left: 5%;
    animation: orbPulse 18s ease-in-out infinite;
    animation-delay: -5s;
}

/* Animazione fluida e organica */
@keyframes orbPulse {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(40px, -50px) scale(1.05); }
    66% { transform: translate(-30px, 30px) scale(0.95); }
}

/* 3. PULIZIA DELLE SEZIONI */
/* Rende tutte le sezioni trasparenti per far vedere lo sfondo unico sotto */
section, 
main, 
#home,
#chisiamo,
.specialita-hero, 
.gallery-section {
    background: transparent !important;
    position: relative;
    overflow: visible; /* Permette ai blob e alle float cards di uscire dai bordi */
}

/* 4. UTILITY PER EFFETTO VETRO (GLASSMORPHISM) */
/* Usalo per card, menu o box di testo */
.glass-panel {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: var(--shadow-soft);
    border-radius: 20px;
}