/* Lili L Beauty — animations premium discrètes (V13).
   1 transition de pages, 2 parallaxe mesurée, 3 titres et filets dorés,
   5 relief des cartes, 6 progression, 7 reflet satiné.
   Aucun masquage photographique (effet 4 exclu). */
:root{--lili-luxe-gold:#d7ae6e;--lili-luxe-rose:#bd587b}

/* 1 — Entrée et sortie de page : uniquement si le script est actif. */
@keyframes lili-luxe-page-enter{from{opacity:.35;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
body.lili-luxe-enter main{animation:lili-luxe-page-enter .48s cubic-bezier(.23,.65,.36,1) both}
body.lili-luxe-leaving main,body.lili-luxe-leaving footer{opacity:.22;transform:translate3d(0,-5px,0);transition:opacity .22s ease,transform .22s ease}

/* 2 — Parallaxe légère sur une sélection de grands visuels (hors mobiles). */
@media(min-width:901px){
 .mp-hero-bg.lili-luxe-parallax{transform:translate3d(0,var(--lili-parallax-y,0px),0) scale(1.065);will-change:transform}
 .about-photo img.lili-luxe-parallax{transform:translate3d(0,var(--lili-parallax-y,0px),0) scale(1.035);will-change:transform}
}

/* 3 — Révélation progressive des lignes de titres et traits dorés. */
.lili-luxe-title-line{display:block;will-change:auto}
.lili-luxe-title.lili-luxe-pending .lili-luxe-title-line{opacity:0;transform:translate3d(0,13px,0)}
.lili-luxe-title.lili-luxe-visible .lili-luxe-title-line{opacity:1;transform:translate3d(0,0,0)}
.lili-luxe-title .lili-luxe-title-line{transition:opacity .7s cubic-bezier(.2,.6,.25,1),transform .7s cubic-bezier(.2,.6,.25,1)}
.lili-luxe-title .lili-luxe-title-line:nth-child(2){transition-delay:.13s}
.lili-luxe-title .lili-luxe-title-line:nth-child(3){transition-delay:.23s}
.lili-luxe-rule:not(.lili-luxe-rule-visible)::after{transform:scaleX(0);opacity:0}
.lili-luxe-rule.lili-luxe-rule-visible::after{transform:scaleX(1);opacity:1}
.lili-luxe-rule::after{transform-origin:center;transition:transform .85s cubic-bezier(.2,.6,.3,1) .15s,opacity .45s ease!important}

/* 5 — Profondeur modérée, uniquement avec une vraie souris. */
.lili-luxe-card{transition:transform .36s cubic-bezier(.2,.6,.25,1),box-shadow .36s ease,border-color .36s ease}
@media(hover:hover) and (pointer:fine){
 .lili-luxe-card:hover,.lili-luxe-card:focus-within{transform:translate3d(0,-4px,0);box-shadow:0 17px 38px rgba(66,42,50,.09),0 0 0 1px rgba(215,174,110,.30)}
}

/* 6 — Filet doré suivi du défilement, jamais cliquable. */
.lili-luxe-scroll-progress{position:fixed;z-index:11000;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#b8864e,#e8cf9b,#b8864e);transform:scaleX(0);transform-origin:left center;pointer-events:none;opacity:0;transition:opacity .2s ease}
.lili-luxe-scroll-progress.is-scrollable{opacity:.95}
body.menu-open .lili-luxe-scroll-progress,body.lili-lightbox-open .lili-luxe-scroll-progress{opacity:0}

/* 7 — Reflet satiné au survol, jamais en boucle. */
@media(hover:hover) and (pointer:fine){
 .lili-luxe-satin{position:relative;overflow:hidden;isolation:isolate}
 .lili-luxe-satin::after{content:"";position:absolute;z-index:2;inset:-90% auto -90% -50%;width:34%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:translateX(-70%) skewX(-21deg);transition:transform .72s cubic-bezier(.2,.65,.27,1)}
 .lili-luxe-satin:hover::after,.lili-luxe-satin:focus-visible::after{transform:translateX(470%) skewX(-21deg)}
}

@media(max-width:900px){.lili-luxe-card{transition:none}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 body.lili-luxe-enter main{animation:none!important}
 body.lili-luxe-leaving main,body.lili-luxe-leaving footer{opacity:1!important;transform:none!important;transition:none!important}
 .lili-luxe-title .lili-luxe-title-line,.lili-luxe-rule::after,.lili-luxe-card,.lili-luxe-satin::after{opacity:1!important;transform:none!important;transition:none!important}
 .lili-luxe-scroll-progress{transition:none!important}
 .mp-hero-bg.lili-luxe-parallax,.about-photo img.lili-luxe-parallax{transform:none!important;will-change:auto!important}
}
