/* ==========================================================================
   BACKGROUND & STILE GLOBALE BASE (Tema Luxury Oro Seta & Vetro iOS 26 - Chiaro e Raffinato)
   Basato sulle specifiche strutturali fornite - Inverson Fashion Studio
   ========================================================================== */

/* Importazione Font Google come da specifiche */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300;400;600;700&family=Lato:wght@400;600;700&display=swap');

:root {
    /* --- SFONDO AURORA FLUIDA LUMINOSA (Oro Cristallino, Nero Fumo e Luce Bianca Seta) --- */
    --bg-base: #fbfbf9; 
    
    /* Cromie calibrate ad alta rifrazione: il contrasto è netto ma i toni sono eterei e setosi */
    --bg-gradient: 
        /* 1. Riflettore Oro Seta Trasparente (In alto a sinistra: infonde calore dorato e lussuoso al 65%) */
        radial-gradient(at 10% 15%, rgba(255, 190, 25, 0.28) 0px, transparent 65%),
        
        /* 2. Riflettore Nero Fumo Satinato (In basso a destra: crea un micro-contrasto profondo, pulito e moderno) */
        radial-gradient(at 90% 85%, rgba(26, 26, 23, 0.18) 0px, transparent 60%),
        
        /* 3. Fascia Autentica di Luce Bianca Pura (Al centro: isola le sfumature rendendo la composizione limpidissima) */
        radial-gradient(at 50% 50%, rgb(199, 199, 199) 0px, transparent 55%),
        
        /* 4. Bagliore di Luce Oro Liquido (In basso a sinistra: equilibra e illumina delicatamente la scena) */
        radial-gradient(at 15% 85%, rgba(244, 220, 164, 0.4) 0px, transparent 50%),
        
        /* Sfondo base ultra-chiaro e porcellanato per far risaltare la purezza dei gradienti */
        linear-gradient(135deg, #cccccc 0%, #f4f2eb 100%);
    
    --text-main: #2b2924;  
    --text-dark: #111110;  
    --accent-color: #c59b27; /* Oro nobile e desaturato per massima raffinatezza */
    --accent-hover: #000000;
    
    /* Configurazione Vetro Cristallino iOS 26 (Luminoso, arioso e super levigato) */
    --glass-bg: rgba(255, 255, 255, 0.48); 
    --glass-border: rgba(255, 255, 255, 0.85);
    --glass-shadow: 0 30px 60px -15px rgba(184, 165, 120, 0.08); 
    --ios-radius: 28px; 
    
    --font-josefin: "Josefin Sans", sans-serif;
    --transition-fast: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); 
    --transition-carousel: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ELIMINATO IL RESET RETTANGOLARE DELLE CARTOLINE */
*:focus { 
    outline: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   STRUTTURA DI SCORRIMENTO INTEGRALE E CONTROLLO LIVELLI CORRETTO
   ========================================================================== */

html {
    /* ELIMINATO il blocco rigido height: 100% !important */
    scroll-behavior: smooth;
}

body {
    position: relative;
    /* SOSTITUITO height: 100% con min-height: 100vh per permettere alla pagina di allungarsi all'infinito */
    min-height: 100vh; 
    font-size: 14px;
    color: var(--text-main);
    font-family: var(--font-josefin);
    background: var(--bg-base);
    background-image: var(--bg-gradient);
    background-size: 130% 130%; 
    background-attachment: fixed;

    margin: 0;
    padding: 0;
    /* Impedisce lo scroll orizzontale difettoso ma permette lo scorrimento verticale totale */
    overflow-x: hidden; 
    animation: auroraFlow 28s ease infinite alternate; 
}

/* --- MICRO-GRANA ORGANICA SPOSTATA SULLO SFONDO DI BASE --- */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    pointer-events: none;
    /* Abbassato a -1 per stare sotto i testi ed evitare blocchi di selezione delle scritte */
    z-index: -1; 
}

/* --- SEZIONI FORZATE IN PRIMO PIANO --- */
section {
    position: relative;
    padding: 60px 0;
    /* Spinge i contenuti sopra qualsiasi transizione o alone geometrico dello sfondo */
    z-index: 5; 
}

/* Utility Class: Pannello Effetto Vetro Trasparente iOS 26 (Puro e Fluido) */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: blur(25px) saturate(190%) brightness(102%); /* Sfocatura e saturazione bilanciate per la trasparenza chiara */
    -webkit-backdrop-filter: blur(25px) saturate(190%) brightness(102%);
    border: 1px solid var(--glass-border);
    border-radius: var(--ios-radius); 
    box-shadow: var(--glass-shadow);
    transition: var(--transition-fast);
    position: relative;
    z-index: 2;
}

.glass-panel:hover {
    background: rgba(255, 255, 255, 0.60);
    transform: translateY(-4px) scale(1.002); 
    border-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 35px 70px -10px rgba(184, 165, 120, 0.12);
}

/* --- ANIMAZIONE PER MUOVERE L'OSCILLAZIONE DI LUCE IN MODO SUPREMO --- */
@keyframes auroraFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Contenitore Responsivo standard */
.container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Tipografia Unificata ad Alto Contrasto Luxury */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-josefin);
    font-weight: 600; /* Leggermente alleggerito a 600 per un look più Haute Couture / Editoriale */
    margin-bottom: 12px;
    color: var(--text-dark); 
    text-transform: uppercase;
    letter-spacing: 2px;
}

h1 { font-size: clamp(28px, 5vw, 40px); } 
h2 { font-size: clamp(24px, 4vw, 32px); }
h3 { font-size: clamp(20px, 3.5vw, 26px); }
h4 { font-size: clamp(18px, 3vw, 22px); }

p {
    font-size: 15px; 
    font-family: var(--font-josefin);
    font-weight: 400; 
    line-height: 28px;
    margin: 0 0 15px 0;
    color: var(--text-main);
}

a {
    color: var(--text-main);
    text-decoration: none;
    transition: var(--transition-fast);
}

a:hover {
    color: var(--accent-color);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}