/* ═══════════════════════════════════════════════════════════════════════
   DEKORACE · css/dekorace.css (úvod). Drobnosti, které z místnosti dělají domov (majitel 6. 10. 2026): monstera, hrnek s párou,
   miska popcornu, zapálené svíčky, kytička ve váze, pletená deka, sušenky a spící kočka. Kresby jsou symboly d-* v casti/symboly.html,
   leží na stole u okrajů sekcí (absolutně v .km-wrap--deko), nic nepřekrývají, nejdou chytit (pointer-events none) a na telefonu
   zůstávají jen dvě malé. Pohyb: plamen mihotá, pára stoupá, listy a kytky se lehce kývou, kočka dýchá a cuká ocasem, „zzz“ stoupá.
   V klidné úrovni pohybu všechno stojí. ═══════════════════════════════════════════════════════════════════════ */
/* Každá dekorace patří ke konkrétnímu papíru: leží u jeho rohu, kousek přes okraj (jako by stála na stole opřená o papír),
   proto je v HTML uvnitř karty (nebo v jejím obalu) a polohuje se k ní; nic nepřekrývá text. */
.km-deko{position:absolute;z-index:var(--z-ozdoba);pointer-events:none;overflow:visible;filter:drop-shadow(0 6px 8px rgb(var(--ink-rgb) / .14))}
.km-deko > svg{display:block;height:auto;overflow:visible}
.km-deko > svg:not([class]),.km-deko > .km-deko-telo{width:100%}        /* hlavní kresba; plamen, pára a ocas mají vlastní šířku */
/* porovnání: hrnek s párou na levém dolním rohu papíru s fotkou, malá monstera v popředí přes jeho pravý dolní roh (obě uvnitř figure) */
.pt-srov-scena{position:relative}
.pt-srov-list{z-index:1}
.km-deko--monstera{width:clamp(66px,6.2vw,84px);right:-34px;bottom:-26px;z-index:4;transform-origin:50% 96%;animation:km-deko-kyv 7s ease-in-out infinite alternate}   /* v popředí přes pravý dolní roh papíru s fotkou, zrcadlově k hrnku vlevo (nahoře by zakryla štítek Portrét) */
.km-deko--hrnek{left:-34px;bottom:-26px;width:clamp(64px,6.5vw,80px)}
.km-deko > .km-deko-para{position:absolute;left:14%;top:-44%;width:62%;animation:km-para 2.8s ease-in-out infinite alternate}
@keyframes km-para{from{translate:0 4px;opacity:.35}to{translate:0 -6px;opacity:.9}}
/* videa: miska popcornu u levého dolního rohu první karty, svíčka u pravého dolního rohu poslední */
.km-deko--miska{left:-44px;bottom:-22px;width:clamp(96px,9.5vw,120px)}
.km-deko--svicka{width:clamp(56px,5.6vw,72px)}
.km-deko--svicka-videa{right:-30px;bottom:-18px}
.km-deko > .km-deko-plamen{position:absolute;left:50%;top:0;width:32%;translate:-50% 0;transform-origin:50% 100%;animation:km-plamen 1.3s ease-in-out infinite alternate}
.km-deko-zar{position:absolute;left:50%;top:-18%;width:120%;aspect-ratio:1;translate:-50% 0;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,rgb(var(--s-mas-rgb) / .45),rgb(var(--s-mas-rgb) / 0) 62%);animation:km-zar 1.3s ease-in-out infinite alternate}
@keyframes km-plamen{0%{transform:scale(1) skewX(0)}35%{transform:scale(1.06,.93) skewX(3deg)}70%{transform:scale(.95,1.08) skewX(-3deg)}100%{transform:scale(1.02,.98) skewX(1.5deg)}}
@keyframes km-zar{from{opacity:.7;scale:.96}to{opacity:1;scale:1.06}}
/* ceny: kytička opřená o levý dolní roh první karty, spící kočka na pravém dolním rohu druhé */
.pt-ceny{position:relative}
.km-deko--kyticka{left:-52px;bottom:-26px;width:clamp(84px,8.5vw,110px);transform-origin:50% 100%;animation:km-deko-kyv 6s ease-in-out -2s infinite alternate}
@keyframes km-deko-kyv{from{rotate:-1.6deg}to{rotate:1.6deg}}
/* dotazy: sušenky u levého a svíčka u pravého dolního rohu lístku Napište nám */
.km-dotaz{position:relative}
.km-deko--susenky{left:-60px;bottom:-24px;width:clamp(100px,10.5vw,132px)}
.km-deko--svicka-dotazy{right:-30px;left:auto;bottom:-20px}   /* svíčka stojí přímo v pravém dolním rohu lístku, sušenky v levém */
.km-deko--kocka{right:-52px;bottom:-42px;width:clamp(120px,12.5vw,166px)}      /* spí na pravém dolním rohu růžové karty s obrazem */
.km-deko-telo{transform-origin:50% 100%;animation:km-dech 3.4s ease-in-out infinite alternate}
.km-deko > .km-deko-ocas{position:absolute;left:-12.7%;bottom:-23.3%;width:53.3%;transform-origin:16.7% 47%;animation:km-ocas 5s ease-in-out infinite}   /* symbol ocasu má okraj navíc (viewBox −12 −4 96 72), tlustý tah se jinak ořízl */
.km-deko-zz{position:absolute;right:10%;top:-18%;width:30px;height:30px;font:800 20px/1 var(--f-ui);color:var(--ink);opacity:.55}
.km-deko-zz i{position:absolute;right:0;bottom:0;font-style:normal;animation:km-zz 3.6s ease-out infinite}
.km-deko-zz i:nth-child(2){animation-delay:1.2s;font-size:85%}.km-deko-zz i:nth-child(3){animation-delay:2.4s;font-size:70%}
@keyframes km-dech{from{scale:1 1}to{scale:1.01 1.035}}
@keyframes km-ocas{0%,55%{rotate:0deg}70%{rotate:7deg}85%{rotate:-4deg}100%{rotate:0deg}}
@keyframes km-zz{0%{opacity:0;translate:0 0;scale:.6}20%{opacity:.8}100%{opacity:0;translate:14px -34px;scale:1.1}}
/* objevení s kartou: dekorace uvnitř karty naskočí po ní */
html.nastup [data-odhal] .km-deko{opacity:0;translate:0 10px;scale:.9}
html.nastup [data-odhal].V .km-deko{opacity:1;translate:0;scale:1;transition:opacity var(--d-odhal) var(--ease-kryt) calc(var(--zpozdeni,0s) + var(--odhal-cekani) + .3s),translate var(--d-odhal-pohyb) var(--pruzina-mekka) calc(var(--zpozdeni,0s) + var(--odhal-cekani) + .3s),scale var(--d-odhal-pohyb) var(--pruzina-mekka) calc(var(--zpozdeni,0s) + var(--odhal-cekani) + .3s)}
@media (max-width:1160px){.km-deko--monstera{right:-20px}.km-deko--kocka{right:-20px}.km-deko--miska{left:-24px}.km-deko--susenky{left:-30px}}
@media (max-width:900px){
  .km-deko{display:none}
  .km-deko--svicka-dotazy{display:block;right:-8px;bottom:-14px;width:50px}
  .km-deko--kyticka{display:block;left:-14px;bottom:-16px;width:66px}}
html[data-pohyb="klidna"] .km-deko,html[data-pohyb="klidna"] .km-deko *{animation:none}
@media (prefers-reduced-motion:reduce){.km-deko,.km-deko *{animation:none}}