
/* Lumerento Atelier 5 — photographic candle bodies with independent live flame. */
.preview-candle-picker{margin:10px 0 15px;padding:0 0 7px;border:1px solid #544637;border-radius:7px;background:#211e1a}
.preview-candle-picker summary{cursor:pointer;list-style:disclosure-closed;padding:14px 17px;font:600 13px/1.5 var(--lm-ui);color:#e6c9a4}
.preview-candle-picker[open] summary{border-bottom:1px solid #52463a}
.candle-picker-note{font:400 12px/1.5 var(--lm-ui);color:#cbbcad;margin:12px 15px}
.candle-choices{display:flex;align-items:stretch;gap:11px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 13px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}
.candle-choice{display:flex;align-items:center;flex-direction:column;flex:0 0 106px;gap:7px;border:1px solid #54483f;border-radius:7px;background:#28231f;padding:7px 6px 10px;color:#e5d8c8;min-height:136px;scroll-snap-align:start}
.candle-choice:hover,.candle-choice:focus-visible{border-color:#d1ae82}
.candle-choice.chosen{border-color:#dfbc86;box-shadow:inset 0 0 0 1px #dfbc8666;background:#332b23}
.candle-choice img{display:block;width:88px;height:88px;object-fit:cover;border-radius:3px}
.candle-choice span{font:500 11px/1.28 var(--lm-ui);text-align:center;overflow-wrap:anywhere}
.memorial-panel .memory-footer .real-candle{width:63px;height:79px;flex:0 0 63px;isolation:isolate;position:relative;display:block;overflow:visible;background:none;box-shadow:none}
.memorial-panel .memory-footer .real-candle .candle-body{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:contain;filter:drop-shadow(0 4px 7px #0005);z-index:1}
.memorial-panel .memory-footer .real-candle::before{content:'';position:absolute;z-index:-1;inset:-18% -20%;border-radius:50%;background:radial-gradient(ellipse,#eeb45770 0,#dd974535 35%,transparent 75%);filter:blur(10px);animation:living-glow 2.9s ease-in-out infinite alternate}
.memorial-panel .memory-footer .real-candle .live-photoflame{position:absolute;z-index:3;width:43%;height:54%;top:-12%;left:50%;transform:translateX(-50%);background-image:url('media/candles/filmed-flame-still.webp');background-position:center;background-repeat:no-repeat;background-size:100% 100%;filter:drop-shadow(0 0 6px #ffc26b99)}
.memorial-panel.full .memory-footer .real-candle .live-photoflame{background-image:url('media/candles/filmed-flame-loop.webp')}
.memorial-panel .real-candle.candle-red-glass .live-photoflame{width:26%;height:29%;top:43%}
.memorial-panel .real-candle.candle-lantern .live-photoflame,.memorial-panel .real-candle.candle-mosaic .live-photoflame{width:29%;height:35%;top:23%}
.memorial-panel .real-candle.candle-stone-bowl .live-photoflame,.memorial-panel .real-candle.candle-lotus .live-photoflame,.memorial-panel .real-candle.candle-rose .live-photoflame,.memorial-panel .real-candle.candle-heart .live-photoflame{width:32%;height:38%;top:4%}
.memorial-panel .real-candle.candle-crystal .live-photoflame{top:2%;width:31%;height:45%}
.card-media .memorial-panel .memory-footer .real-candle{width:50px;height:61px;flex-basis:50px}
.memorial-panel.full .memory-footer .real-candle{width:86px;height:105px;flex-basis:86px}
.memorial-panel.full .real-candle::before{inset:-25% -32%}
@keyframes living-glow{from{opacity:.55;transform:scale(.92)}to{opacity:.95;transform:scale(1.08)}}
@media(max-width:610px){.candle-choices{gap:7px}.candle-choice{flex-basis:96px;min-height:129px}.candle-choice img{width:80px;height:80px}.memorial-panel.full .memory-footer .real-candle{width:72px;height:92px;flex-basis:72px}}
@media(prefers-reduced-motion:reduce){.memorial-panel.full .memory-footer .real-candle .live-photoflame{background-image:url('media/candles/filmed-flame-still.webp')}.real-candle::before{animation:none!important}}

/* A live, photograph-based flame is the focal point, not a tiny emblem. */
.card-media{height:430px}
.card-media .memorial-panel>.memory-content{min-height:61%;justify-content:center}
.card-media .memorial-panel .memory-footer{min-height:125px;padding-top:5px;gap:13px;font-size:11px}
.card-media .memorial-panel .memory-footer .real-candle{width:105px;height:135px;flex-basis:105px}
.memorial-panel.full{min-height:640px!important}
.memorial-panel.full .memory-content{min-height:66%!important}
.memorial-panel.full .memory-footer{min-height:172px!important;gap:20px;font-size:14px!important}
.memorial-panel.full .memory-footer .real-candle{width:145px;height:175px;flex-basis:145px}
.candle-showcase{border-top:1px solid #4b3c31;padding:17px 15px 12px;display:grid;justify-items:center;gap:7px}
.candle-stage-preview{position:relative;width:min(100%,245px);aspect-ratio:1;background:#211c18;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px #0004}
.candle-stage-preview img{display:block;object-fit:cover;width:100%;height:100%}
.candle-stage-preview .stage-photo-flame{position:absolute;z-index:3;left:50%;top:16%;width:18%;height:40%;transform:translateX(-50%);background:url('media/candles/filmed-flame-loop.webp') center/contain no-repeat;filter:drop-shadow(0 0 10px #ffb04b99)}
.candle-stage-preview[data-selected-candle="red-glass"] .stage-photo-flame,.candle-stage-preview[data-selected-candle="lantern"] .stage-photo-flame{top:35%;height:27%;width:12%}
.candle-stage-preview[data-selected-candle="lotus"] .stage-photo-flame,.candle-stage-preview[data-selected-candle="stone-bowl"] .stage-photo-flame,.candle-stage-preview[data-selected-candle="rose"] .stage-photo-flame{top:20%;height:32%}
.candle-stage-caption{font:500 13px/1.4 var(--lm-ui);color:#dac7ae;text-align:center;margin:0}
@media(max-width:610px){
 .card-media{height:410px}
 .card-media .memorial-panel{padding:23px 16px}
 .card-media .memorial-panel>.memory-content{min-height:60%}
 .card-media .memorial-panel .memory-footer{min-height:120px;gap:10px}
 .card-media .memorial-panel .memory-footer .real-candle{width:96px;height:123px;flex-basis:96px}
 .large-preview .memorial-panel.full{min-height:550px!important}
 .large-preview .memorial-panel.full .memory-content{min-height:63%!important}
 .large-preview .memorial-panel.full .memory-footer{min-height:149px!important;gap:11px}
 .large-preview .memorial-panel.full .memory-footer .real-candle{width:127px;height:157px;flex-basis:127px}
}
@media(max-width:350px){.large-preview .memorial-panel.full .memory-footer .real-candle{width:109px;height:139px;flex-basis:109px}}
@media(prefers-reduced-motion:reduce){.candle-stage-preview .stage-photo-flame{background-image:url('media/candles/filmed-flame-still.webp')}}

/* Align the moving flame to the physical wick height of each vessel. */
.memorial-panel .real-candle.candle-stone-bowl .live-photoflame{top:22%;height:40%;width:31%}
.memorial-panel .real-candle.candle-lotus .live-photoflame{top:19%;height:42%;width:30%}
.memorial-panel .real-candle.candle-rose .live-photoflame{top:12%;height:40%;width:30%}
.memorial-panel .real-candle.candle-crystal .live-photoflame{top:18%;height:40%;width:30%}
.memorial-panel .real-candle.candle-heart .live-photoflame{top:41%;height:31%;width:25%}
.memorial-panel .real-candle.candle-porcelain .live-photoflame{top:18%;height:43%;width:29%}
.memorial-panel .real-candle.candle-lantern .live-photoflame{top:35%;height:33%;width:23%}
.memorial-panel .real-candle.candle-lavender .live-photoflame{top:10%;height:42%;width:31%}
.memorial-panel .real-candle.candle-mosaic .live-photoflame{top:28%;height:34%;width:24%}
