/* Lumerento Atelier v7: natural photography and physically consistent candles.
   No painted waves and no duplicated photographed flame. */
.memorial-panel[data-family="water"]{background:#172733!important}
.memorial-panel[data-family="water"] .memorial-surface{object-position:50% 50%;object-fit:cover;filter:none;opacity:1}
.memorial-panel[data-family="water"]::before{
 content:''!important;display:block!important;position:absolute;inset:0;z-index:1;
 background:linear-gradient(180deg,rgba(5,11,20,.20) 0%,transparent 34%,transparent 56%,rgba(4,10,17,.19) 100%);
 pointer-events:none;
}
.memorial-panel[data-family="water"]::after{display:none!important}
.memorial-panel[data-family="water"]>.memory-content{
 position:relative;z-index:3;align-items:center!important;text-align:center!important;
 justify-content:flex-start!important;min-height:60%!important;margin:0!important;
 padding:13% 7% 0!important;background:transparent!important;
}
.memorial-panel[data-family="water"] .memory-name{
 font-family:var(--lm-serif,Georgia,serif);font-weight:450;
 font-size:clamp(27px,3.25vw,42px);line-height:1.1;letter-spacing:-.022em;
 text-shadow:0 2px 16px rgba(5,12,24,.56);
}
.memorial-panel[data-family="water"] .memory-pretitle,
.memorial-panel[data-family="water"] .memory-dates{
 text-shadow:0 1px 10px rgba(5,12,24,.72);
}
.memorial-panel[data-family="water"] .memory-quote{
 border:0!important;background:transparent!important;max-width:94%!important;
 padding:0!important;font-style:italic;text-shadow:0 2px 12px rgba(3,10,18,.75);
 line-height:1.5;letter-spacing:0;
}
.memorial-panel[data-family="water"] .memory-ornament{opacity:.65}
.memorial-panel[data-family="water"] .memory-footer{z-index:5!important}
.memorial-panel[data-family="water"] .memory-footer>span:last-child{
 text-shadow:0 1px 8px rgba(3,10,18,.8);color:#f8f1e8;
}
/* Stage candle is not a blown-up 160px photograph with a hard square edge. */
.preview-candle-picker .candle-showcase{background:#201d1a;padding:18px 16px 18px}
.preview-candle-picker .candle-stage-preview{
 width:min(100%,295px);aspect-ratio:1.15;border-radius:8px;display:grid;place-items:center;
 background:radial-gradient(ellipse at center,#57433155 0%,#30262037 34%,#201b1a 72%);
 border:1px solid #453a31;overflow:visible;box-shadow:inset 0 0 55px #09080846;
}
.candle-stage-preview .candle-stage-object{
 width:157px;height:200px;position:relative;display:block;isolation:isolate;
 filter:drop-shadow(0 12px 10px #05040578);
}
.candle-stage-preview .candle-body{
 position:absolute;inset:0!important;display:block!important;width:100%!important;height:100%!important;
 object-fit:contain!important;object-position:center bottom!important;border:0!important;
 border-radius:0!important;mix-blend-mode:normal!important;
 filter:none!important;
}
.candle-stage-preview .live-photoflame{
 position:absolute;z-index:5;left:50%;top:24%;transform:translateX(-50%);
 width:30%;height:23%;pointer-events:none;
 background:url('media/candles/filmed-flame-loop-v2.webp') center/contain no-repeat;
 filter:drop-shadow(0 0 7px #f1a9608a);
}
.candle-stage-preview .candle-glass-glow{
 display:block;position:absolute;z-index:5;left:29%;right:29%;top:39%;height:28%;
 background:radial-gradient(ellipse,#ffd89d7a 0,#ffbf6559 18%,transparent 72%);
 mix-blend-mode:screen;filter:blur(8px);opacity:.56;animation:lm-glass-light 3.7s ease-in-out infinite alternate;
}
.candle-stage-preview[data-selected-candle="stone-bowl"] .candle-glass-glow,
.candle-stage-preview[data-selected-candle="lotus"] .candle-glass-glow,
.candle-stage-preview[data-selected-candle="rose"] .candle-glass-glow{top:56%}
.candle-stage-preview[data-selected-candle="red-glass"] .candle-glass-glow,
.candle-stage-preview[data-selected-candle="lantern"] .candle-glass-glow{top:45%}
/* No independent flame on any asset with an already photographed wick/fire. */
.memorial-panel .real-candle .candle-glass-glow{display:block}
.memorial-panel .real-candle .live-photoflame{display:block}
@media(max-width:610px){
 .memorial-panel[data-family="water"]>.memory-content{padding-top:12%!important;min-height:60%!important}
 .memorial-panel[data-family="water"] .memory-name{font-size:clamp(30px,8.2vw,42px)}
 .preview-candle-picker .candle-stage-preview{width:min(100%,260px)}
 .candle-stage-preview .candle-stage-object{width:138px;height:175px}
}
@media(prefers-reduced-motion:reduce){
 .candle-stage-preview .live-photoflame{
  background-image:url('media/candles/filmed-flame-still-v2.webp');
 }
 .candle-stage-preview .candle-glass-glow{animation:none;opacity:.45}
}
/* Real photographic landscapes: no geometric mountain CSS overlays. */
.memorial-panel[data-family="landscape"]{background:#1c2724!important}
.memorial-panel[data-family="landscape"] .memorial-surface{
 object-fit:cover;object-position:50% 45%;opacity:1;filter:none;
}
.memorial-panel[data-family="landscape"]::before{
 content:''!important;display:block!important;position:absolute;z-index:1;inset:0;pointer-events:none;
 background:linear-gradient(180deg,#0815112b 0%,transparent 43%,#07100b18 100%);
}
.memorial-panel[data-family="landscape"]::after{display:none!important}
.memorial-panel[data-family="landscape"]>.memory-content{
 background:none!important;padding:12% 7% 0!important;min-height:60%!important;
 justify-content:flex-start!important;align-items:center!important;text-align:center!important;
 margin:0!important;position:relative;z-index:3;
}
.memorial-panel[data-family="landscape"] .memory-name{
 font-family:var(--lm-serif,Georgia,serif);font-weight:450;
 line-height:1.10;text-shadow:0 2px 15px rgba(3,9,6,.82);
}
.memorial-panel[data-family="landscape"] .memory-pretitle,
.memorial-panel[data-family="landscape"] .memory-dates,
.memorial-panel[data-family="landscape"] .memory-quote{
 text-shadow:0 1px 12px rgba(1,9,8,.85);background:none!important;
}
.memorial-panel[data-family="landscape"] .memory-quote{
 border:0!important;max-width:94%!important;padding:0!important;font-style:italic;line-height:1.55;
}
.memorial-panel[data-family="landscape"] .memory-footer{z-index:5!important}
@media(max-width:610px){
 .memorial-panel[data-family="landscape"]>.memory-content{padding-top:11%!important;min-height:60%!important}
}

/* Legibility is semantic and consistent across photographic scenes:
   theme ink colors belong to flat layouts, not complex real landscapes. */
.memorial-panel[data-family="water"],
.memorial-panel[data-family="landscape"]{
 --tink:#fbf3e9!important;
 color:#fbf3e9!important;
}
.memorial-panel[data-family="water"] .memory-pretitle,
.memorial-panel[data-family="water"] .memory-name,
.memorial-panel[data-family="water"] .memory-dates,
.memorial-panel[data-family="water"] .memory-quote,
.memorial-panel[data-family="water"] .memory-footer>span:last-child,
.memorial-panel[data-family="landscape"] .memory-pretitle,
.memorial-panel[data-family="landscape"] .memory-name,
.memorial-panel[data-family="landscape"] .memory-dates,
.memorial-panel[data-family="landscape"] .memory-quote,
.memorial-panel[data-family="landscape"] .memory-footer>span:last-child{
 color:#fff7ed!important;
 opacity:1!important;
 text-shadow:0 1px 6px rgba(2,8,10,.93),0 2px 19px rgba(0,0,0,.78)!important;
}
.memorial-panel[data-family="landscape"]::before{
 background:
 radial-gradient(ellipse 82% 46% at 50% 28%, rgba(4,11,12,.43) 0, rgba(4,11,12,.17) 65%, transparent 95%),
 linear-gradient(180deg,rgba(1,8,9,.14),transparent 61%,rgba(3,7,9,.10))!important;
}
.memorial-panel[data-family="water"]::before{
 background:
 radial-gradient(ellipse 88% 41% at 50% 27%,rgba(4,11,18,.18),transparent 95%),
 linear-gradient(180deg,rgba(3,11,18,.13),transparent 57%,rgba(2,9,15,.12))!important;
}

/* Critical: do not composite old CSS mountain/water shapes over real photographs. */
.memorial-panel[data-family="water"]::before,
.memorial-panel[data-family="water"]::after,
.memorial-panel[data-family="landscape"]::before,
.memorial-panel[data-family="landscape"]::after{
 display:none!important;
 content:none!important;
 clip-path:none!important;
 background:none!important;
 border:0!important;
 transform:none!important;
}

/* Mobile editorial QA: eliminate text-to-candle collisions in narrow catalog cards. */
.card-media .memorial-panel[data-family="water"]>.memory-content,
.card-media .memorial-panel[data-family="landscape"]>.memory-content{
 min-height:49%!important;
 justify-content:flex-start!important;
 padding-top:9%!important;
}
.card-media .memorial-panel.layout-halo>.memory-content,
.card-media .memorial-panel.layout-stone>.memory-content,
.card-media .memorial-panel.layout-cosmos>.memory-content{
 min-height:53%!important;
}
@media(max-width:610px){
 .card-media .memorial-panel[data-family="water"]>.memory-content,
 .card-media .memorial-panel[data-family="landscape"]>.memory-content{
  min-height:47%!important;
  padding-top:8%!important;
 }
}

/* Respect 3:4 artwork proportions: 350px legacy thumbnails caused the overlapping quote. */
.theme-card .card-media{
 height:450px!important;
 min-height:450px!important;
 padding:14px!important;
 display:flex!important;
 align-items:stretch!important;
 justify-content:stretch!important;
}
.theme-card .card-media>.memorial-panel{
 height:100%!important;
 max-height:none!important;
 flex:1 1 auto!important;
}
@media(max-width:610px){
 .theme-card .card-media{
  height:452px!important;min-height:452px!important;
  padding:14px!important;
 }
}
