/* Tlačítko „Vyzkoušet úpravy“, viz _editor-launcher.js. Protějšek karty Zpět
   vlevo dole (_zpet.css): žlutý lepicí papírek s páskou, lehce natočený,
   vzkaz „zkuste to“ místo dalšího tlačítka. Žlutá je jiná než všechno na
   kartě Zpět, takže se ta dvě nepletou; lem a stín mají stejné. Vybráno
   z deseti variant 23. 9. 2026. Vlastní písmo a barvy záměrně: není to
   součást ukázky. */
.demo-editace-tlacitko{position:fixed;right:16px;bottom:16px;z-index:45;display:inline-block;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;line-height:1;
  color:#0B1F3F;text-decoration:none;-webkit-tap-highlight-color:transparent}
.demo-editace-tlacitko:focus-visible{outline:3px solid #CC5803;outline-offset:6px;border-radius:6px}
.demo-editace-papir{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;
  padding:12px 18px 13px 14px;white-space:nowrap;border-radius:3px 3px 3px 10px;transform:rotate(-2.5deg);
  /* přehnutý roh vpravo nahoře */
  background:linear-gradient(225deg,#F4C84A 0 12px,transparent 12px),#FFE27A;
  box-shadow:0 0 0 2px #0B1F3F,0 0 0 5px #fff,0 10px 22px rgba(8,18,30,.38);
  transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.demo-editace-tlacitko:hover .demo-editace-papir{transform:rotate(0) translateY(-3px)}
.demo-editace-papir svg{grid-row:1/3}
.demo-editace-paska{position:absolute;left:50%;top:-10px;width:54px;height:18px;margin-left:-27px;
  background:rgba(255,255,255,.72);transform:rotate(4deg);box-shadow:0 1px 2px rgba(0,0,0,.15)}
.demo-editace-papir small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B4E00;margin-bottom:5px}
.demo-editace-papir b{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.01em}
.demo-editace-tlacitko .kratky{display:none}
/* Na mobilu zbývá vedle karty Zpět asi 100 px: bez tužky a s kratším textem. */
@media (max-width:560px){
  .demo-editace-tlacitko{right:12px;bottom:12px}
  .demo-editace-papir{display:block;padding:11px 12px 12px}
  .demo-editace-papir svg,.demo-editace-tlacitko .dlouhy{display:none}
  .demo-editace-tlacitko .kratky{display:inline}
}
/* 360 px (běžný Android): bez tohohle se papírek dotýká karty Zpět. */
@media (max-width:374px){
  .demo-editace-tlacitko{right:10px}
  .demo-editace-papir{padding:11px 8px 12px}
  .demo-editace-papir small{font-size:10.5px;letter-spacing:.04em}
}
@media (prefers-reduced-motion:reduce){.demo-editace-papir{transition:none}}