/* Nástroje návodu z pluginu Háčkovanie. Farby berie z témy, ak ich definuje. */
.hk-nastroje{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0}
.hk-tlacidlo{display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:.5em .9em;border-radius:999px;border:1.5px solid var(--line,#E6DCCD);background:#fff;color:var(--ink,#221D1F);font:inherit;font-size:.92rem;font-weight:700;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s}
.hk-tlacidlo:hover{border-color:var(--ink,#221D1F)}
.hk-tlacidlo .hk-ikona{flex:none}
.hk-tlacidlo--whatsapp .hk-ikona{color:#1FA855}
.hk-tlacidlo--facebook .hk-ikona{color:#1877F2}
.hk-tlacidlo--pinterest .hk-ikona{color:#E60023}
.hk-tlacidlo--pocitadlo{background:var(--rasp,#9C3D54);border-color:transparent;color:#fff}
.hk-tlacidlo--pocitadlo:hover{background:var(--rasp-ink,#7D2A3D);border-color:transparent}
.hk-tlacidlo--pocitadlo[aria-expanded="true"]{background:var(--ink,#221D1F)}

.hk-zdielaj{margin:40px 0 8px;padding:26px 26px 18px;border:2px dashed var(--line,#E6DCCD);border-radius:24px;background:var(--paper,#FFFDF8)}
.hk-zdielaj__nadpis{margin:0;font-family:var(--display,inherit);font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
.hk-zdielaj .hk-nastroje{margin:16px 0 0}

.hk-pocitadlo{position:fixed;z-index:1000;left:50%;bottom:16px;transform:translateX(-50%);width:min(440px,calc(100% - 24px));padding:14px 18px 16px;border-radius:26px;background:var(--ink,#221D1F);color:#fff;box-shadow:0 24px 50px -16px rgba(0,0,0,.6)}
.hk-pocitadlo[hidden]{display:none}
.hk-pocitadlo__hlava{display:flex;align-items:center;justify-content:space-between}
.hk-pocitadlo__hlava b{font-family:var(--display,inherit);font-size:1.05rem}
.hk-pocitadlo__zavriet{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.hk-pocitadlo__telo{display:grid;grid-template-columns:64px 1fr 84px;align-items:center;gap:12px;margin:8px 0 10px}
.hk-pocitadlo__telo button{height:64px;border:0;border-radius:50%;font:800 2rem/1 var(--display,inherit);cursor:pointer}
.hk-pocitadlo__minus{background:rgba(255,255,255,.12);color:#fff}
.hk-pocitadlo__plus{height:84px!important;background:var(--mustard,#E2A72E);color:var(--ink,#221D1F);font-size:2.6rem!important;box-shadow:0 8px 20px -8px rgba(226,167,46,.7)}
.hk-pocitadlo__plus:active{transform:scale(.96)}
.hk-pocitadlo__stav{margin:0;text-align:center;line-height:1}
.hk-pocitadlo__cislo{display:block;font:800 3.2rem/1 var(--display,inherit);letter-spacing:-.03em}
.hk-pocitadlo__stav span{display:block;margin-top:4px;font-size:.85rem;font-weight:600;color:#C9BFBB}
.hk-pocitadlo__dalsie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.hk-pocitadlo__nula{border:1.5px solid rgba(255,255,255,.3);border-radius:999px;background:transparent;color:#fff;font:inherit;font-size:.9rem;font-weight:700;padding:.45em 1em;cursor:pointer}
.hk-pocitadlo__budik{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;cursor:pointer}
.hk-pocitadlo__budik[hidden]{display:none}
.hk-pocitadlo__budik input{width:20px;height:20px;accent-color:var(--mustard,#E2A72E)}
.hk-pocitadlo__tip{margin:10px 0 0;font-size:.85rem;color:#C9BFBB}
.hk-pocitadlo__tip[hidden]{display:none}
body.hk-pocitadlo-zapnute{padding-bottom:240px}
.hk-rad{cursor:pointer;border-radius:10px;transition:background .2s,opacity .2s}
.hk-rad:hover{background:rgba(226,167,46,.12)}
.hk-rad--aktualny{background:rgba(226,167,46,.28)!important;box-shadow:0 0 0 6px rgba(226,167,46,.28);scroll-margin:120px}
.hk-rad--hotovy{opacity:.5}

.hk-video{position:relative;aspect-ratio:16/9;margin:1.6em 0;border-radius:20px;overflow:hidden;background:#111}
.hk-video__spustit{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.hk-video__spustit img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.hk-video__spustit:hover img{transform:scale(1.03)}
.hk-video__ikona{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(255,255,255,.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239C3D54' d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E") 56% 50%/38px no-repeat;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .2s}
.hk-video__spustit:hover .hk-video__ikona{transform:scale(1.08)}
.hk-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

@media (max-width:640px){
  .hk-nastroje--hore .hk-tlacidlo:not(.hk-tlacidlo--pocitadlo) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hk-nastroje--hore .hk-tlacidlo:not(.hk-tlacidlo--pocitadlo){width:46px;padding:0;justify-content:center}
  .hk-nastroje--hore .hk-tlacit{display:none}
  .hk-tlacidlo--pocitadlo{margin-left:auto}
  .hk-zdielaj{padding:22px 18px 14px}
  .hk-video__ikona{width:64px;height:64px;margin:-32px 0 0 -32px;background-size:30px}
}
@media print{
  .hk-nastroje,.hk-zdielaj,.hk-pocitadlo{display:none!important}
  .hk-rad--aktualny,.hk-rad--hotovy{background:none!important;box-shadow:none!important;opacity:1}
}