/* Sparse, irregular lines stay attached to the page and drift gently. */
.page-waves{opacity:.32;background-size:110% 100vh;animation-duration:34s}
@media(max-width:720px){
  .ritual-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:50px}
  .ritual-cards>.wp-block-column{width:100%!important;flex-basis:100%!important;min-width:0}
  .ritual-card,.ritual-card>.wp-block-group__inner-container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important;max-width:100%!important}
  .ritual-card .wp-block-image{width:min(72vw,300px)!important;margin:0 auto 19px!important;grid-row:auto!important}
  .ritual-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
  .ritual-card .eyebrow{margin:0 0 10px!important}
  .ritual-card h3{margin:0 auto 9px!important;max-width:330px}
  .ritual-card p{margin:0 auto 10px!important;max-width:345px;font-size:15px;line-height:1.6}
  .ritual-card p:last-child{margin-bottom:0!important}
  .page-waves{opacity:.27;background-size:125% 115vh}
}
.little-moments{position:relative;padding:94px 6%;background:linear-gradient(155deg,#f1e5dc 0%,#f8f2e9 45%,#e7e9dd 100%);text-align:center}
.little-moments-inner{max-width:1200px;margin:auto}
.little-moments .section-head{margin:0 auto 37px!important}
.little-moments .section-head p{max-width:620px;margin:0 auto}
.moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left}
.moment-card{min-width:0;min-height:350px;padding:29px;border:1px solid #dfd2c6;border-radius:26px;background:rgba(255,253,248,.82);box-shadow:0 15px 36px #65463712;display:flex;flex-direction:column;align-items:flex-start}
.moment-card h3{font-size:30px;margin:0 0 10px}
.moment-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 17px}
.moment-card .kicker{font-size:10px;margin:0 0 12px}
.moment-card button{border:1px solid #ad7377;border-radius:50px;color:#8c424a;padding:10px 18px;background:#fff9f4;font-size:12px;transition:background .2s,transform .2s}
.moment-card button:hover{background:#f3dfd8;transform:translateY(-2px)}
.moment-card button[aria-pressed=true]{background:#8c424a;color:#fff}
.breath-visual{width:116px;height:116px;margin:14px auto 18px;align-self:center;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fffaf7 0 19%,#d9afad 22%,#e9d1ca 62%,#f8efeb 73%);box-shadow:0 0 0 12px #ead8d477,0 0 0 24px #ead8d433}
.breath-visual span{font:italic 22px var(--serif);color:#874b50}
.breath-running .breath-visual{animation:moment-breathe 10s ease-in-out infinite}
.breath-status{min-height:46px;color:var(--rose)!important;font-family:var(--serif);font-size:18px!important}
.moment-actions{display:flex;gap:9px;margin-top:auto;flex-wrap:wrap}
.bloom-symbol{font:78px/1 var(--serif);color:#bb7f83;margin:12px auto 22px;align-self:center;animation:bloom-drift 8s ease-in-out infinite alternate}
.bloom-message{font:italic 22px/1.35 var(--serif)!important;color:var(--ink)!important;min-height:88px;margin:auto 0!important}
.mood-swatches{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}
.mood-swatches button{padding:9px 12px;border-color:#ded1c8}
.mood-sample{height:76px;width:100%;border-radius:16px;background:linear-gradient(120deg,#d8b1b2,#f8ebe3);margin:0 0 20px;transition:background .4s}
.mood-sample[data-mood="ruhe"]{background:linear-gradient(120deg,#bccbbb,#e8eadb)}
.mood-sample[data-mood="leuchten"]{background:linear-gradient(120deg,#e1c49b,#f8ecce)}
.mood-sample[data-mood="mut"]{background:linear-gradient(120deg,#a6535a,#e7a29a)}
.mood-caption{font:italic 20px/1.45 var(--serif)!important;color:var(--ink)!important;margin:auto 0 10px!important}
.moment-card a{color:var(--rose);font-size:12px;text-decoration:underline;text-underline-offset:4px}
@keyframes moment-breathe{0%,100%{transform:scale(.78)}40%{transform:scale(1.13)}}
@keyframes bloom-drift{from{transform:rotate(-7deg) scale(.93)}to{transform:rotate(8deg) scale(1.06)}}
@media(max-width:950px){.moment-grid{grid-template-columns:1fr 1fr}.moment-card:last-child{grid-column:1/-1;min-height:300px}}
@media(max-width:650px){.little-moments{padding:70px 6%}.moment-grid{grid-template-columns:1fr}.moment-card,.moment-card:last-child{grid-column:auto;min-height:0}.moment-card{padding:25px}.bloom-message{min-height:0;margin:12px 0 25px!important}}
@media(prefers-reduced-motion:reduce){.breath-running .breath-visual,.bloom-symbol,.page-waves{animation:none!important}}

/* Farbgefühl: one palette across the entire site. Rosézeit keeps the original design. */
html[data-mood-theme="ruhe"]{--cream:#f3f6ef;--paper:#fcfdf8;--ink:#35473e;--muted:#53685c;--rose:#426e66;--blush:#d6e5dc;--sage:#dce8da;--gold:#688366;--line:#bfd2c4;--mood-header:#f3f6ef;--mood-quiet:#e4ede3;--mood-soft:#edf3e8;--mood-warm:#e2ebe4;--mood-card:#fbfdf8;--mood-hero:#f3f6ef;--mood-middle:#f3f6efdb;--mood-shadow:#dfeadd55}
html[data-mood-theme="leuchten"]{--cream:#fff8e9;--paper:#fffcf4;--ink:#4b382b;--muted:#715e4c;--rose:#98572e;--blush:#f3dfc3;--sage:#eee8d4;--gold:#a36e32;--line:#ddc6a5;--mood-header:#fff8e9;--mood-quiet:#f8ecd1;--mood-soft:#fff3dc;--mood-warm:#f7e6c8;--mood-card:#fffcf4;--mood-hero:#fff8e9;--mood-middle:#fff8e9df;--mood-shadow:#e9d0aa66}
html[data-mood-theme="mut"]{--cream:#f8f0ed;--paper:#fffaf7;--ink:#422c33;--muted:#71545b;--rose:#923b50;--blush:#eac9cd;--sage:#e7ddd9;--gold:#a15d67;--line:#d9bac0;--mood-header:#f8f0ed;--mood-quiet:#efe1e2;--mood-soft:#f8e9e8;--mood-warm:#efd7d9;--mood-card:#fffaf7;--mood-hero:#f8f0ed;--mood-middle:#f8f0eddb;--mood-shadow:#dcaeb966}
html[data-mood-theme]:not([data-mood-theme="rose"]) body{background:var(--cream)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .garden-header{background:var(--mood-header)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .garden-home .wp-block-cover{background:var(--mood-quiet)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .garden-home .wp-block-cover__background{background:linear-gradient(90deg,var(--mood-hero) 0%,var(--mood-middle) 29%,transparent 78%)!important}
html[data-mood-theme]:not([data-mood-theme="rose"]) .about-section,
html[data-mood-theme]:not([data-mood-theme="rose"]) .microblading-section,
html[data-mood-theme]:not([data-mood-theme="rose"]) .poetry-section{background:var(--mood-quiet)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .treatment-section:nth-of-type(even),
html[data-mood-theme]:not([data-mood-theme="rose"]) .garden-footer{background:var(--mood-soft)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .offer-section,
html[data-mood-theme]:not([data-mood-theme="rose"]) .contact-section,
html[data-mood-theme]:not([data-mood-theme="rose"]) .escape-section{background:var(--mood-warm)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .poetry-section:after{background:var(--mood-middle)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .escape-section:after{background:linear-gradient(var(--mood-middle),var(--mood-soft))}
html[data-mood-theme]:not([data-mood-theme="rose"]) .little-moments,
html[data-mood-theme]:not([data-mood-theme="rose"]) .play-garden{background:linear-gradient(155deg,var(--mood-warm),var(--cream) 48%,var(--mood-quiet))}
html[data-mood-theme]:not([data-mood-theme="rose"]) .moment-card,
html[data-mood-theme]:not([data-mood-theme="rose"]) .relax-player,
html[data-mood-theme]:not([data-mood-theme="rose"]) .game-teasers,
html[data-mood-theme]:not([data-mood-theme="rose"]) .mini-game{background:var(--mood-card);border-color:var(--line);box-shadow:0 15px 36px var(--mood-shadow)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .moment-card button{border-color:var(--rose);color:var(--rose);background:var(--paper)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .moment-card button:hover{background:var(--blush)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .moment-card button[aria-pressed="true"]{background:var(--rose);color:white}
html[data-mood-theme]:not([data-mood-theme="rose"]) .breath-visual{background:radial-gradient(circle,var(--paper) 0 19%,var(--blush) 22%,var(--sage) 62%,var(--cream) 73%);box-shadow:0 0 0 12px var(--mood-shadow),0 0 0 24px var(--mood-shadow)}
html[data-mood-theme]:not([data-mood-theme="rose"]) .bloom-symbol,
html[data-mood-theme]:not([data-mood-theme="rose"]) .breath-visual span{color:var(--rose)}
html[data-mood-theme="ruhe"] .page-waves{filter:hue-rotate(105deg)}
html[data-mood-theme="leuchten"] .page-waves{filter:hue-rotate(28deg)}
html[data-mood-theme="mut"] .page-waves{filter:hue-rotate(-12deg)}
.mood-sample[data-mood="rose"]{background:linear-gradient(120deg,#d8b1b2,#f8ebe3)}

/* Larger visual areas align the small pauses with the game cards. */
.little-moments :is(.breath-card,.bloom-card){padding:0 0 28px;overflow:hidden;background:var(--paper);}
.little-moments .moment-visual-panel{width:100%;height:390px;flex-shrink:0;display:grid;place-items:center;margin-bottom:12px;background:radial-gradient(ellipse at 50% 45%,var(--paper),var(--blush) 65%,var(--sage));}
.little-moments .breath-visual{width:198px;height:198px;margin:0;align-self:auto;}
.little-moments .breath-visual span{font-size:34px;}
.little-moments .bloom-symbol{font-size:188px;line-height:1;margin:0;align-self:auto;color:var(--rose);}
.little-moments :is(.breath-card,.bloom-card)>:is(.kicker,h3,p,.moment-actions){margin-left:28px!important;margin-right:28px!important;}
.little-moments :is(.breath-card,.bloom-card) .kicker{margin-bottom:6px;}
.little-moments :is(.breath-card,.bloom-card) h3{margin-bottom:8px;}
.little-moments .breath-card > p:not(.kicker):not(.breath-status){margin-bottom:7px;}
.little-moments .breath-card .breath-status{margin-bottom:7px;}
.little-moments .bloom-card .bloom-message{margin-top:0!important;margin-bottom:7px!important;min-height:88px;}
.little-moments :is(.breath-card,.bloom-card) .moment-actions{margin-top:auto;padding-top:4px;}
@media(max-width:720px){
 .little-moments .moment-visual-panel{height:300px;margin-bottom:12px;}
 .little-moments .breath-visual{width:158px;height:158px;}
 .little-moments .bloom-symbol{font-size:154px;}
 .little-moments :is(.breath-card,.bloom-card)>:is(.kicker,h3,p,.moment-actions){margin-left:24px!important;margin-right:24px!important;}
}

.mood-note{font-size:11px!important;line-height:1.5!important;margin:0 0 14px!important;color:var(--muted)!important}
@media(max-width:720px){html[data-mood-theme]:not([data-mood-theme="rose"]) .garden-home .wp-block-cover__background{background:linear-gradient(180deg,transparent 240px,var(--mood-hero) 400px,var(--mood-hero) 100%)!important}}

