/* Náskok · menu „Stáhnout ▾“ u dílu (REVIEW-21): makro `stahnout_dil` v app/sablony/dily/_makra_dilu.html, chování v slozka.js.
   Vzhled stejný jako menu „Stáhnout“ v CV studiu (static/web/cv-studio.css: .cvs-menu, .cvs-menu__volba), jen s oborem
   `.sl-stahnout`, protože cv-studio.css se načítá jen na stránce CV. Cíl kliknutí aspoň 44 px (WCAG 2.5.8), žádné
   vodorovné rolování na 360 px: na úzké obrazovce je menu pruh u spodního okraje (jako ve studiu). Mimo tisk. */
.sl-stahnout { position: relative; display: inline-block; }
.sl-stahnout [hidden] { display: none !important; }
.sl-stahnout .cvs-menu {
  position: absolute; left: 0; top: calc(100% + 6px); z-index: 48; min-width: 17.5rem; max-width: min(22rem, 92vw);
  padding: 0.4rem; display: grid; gap: 2px;
  background: var(--plocha, #fff); color: var(--text, #1a1d29); border: 1px solid var(--linka, #dcd7cc); border-radius: 12px;
  box-shadow: var(--n-stin-2, 0 8px 24px rgba(16, 24, 32, 0.18));
}
.sl-stahnout .cvs-menu__volba {
  display: grid; gap: 2px; align-content: center; text-align: left; min-height: 2.75rem; padding: 0.6rem 0.75rem; border: 0; border-radius: 8px;
  background: none; color: inherit; font: inherit; cursor: pointer;
}
.sl-stahnout .cvs-menu__volba:hover, .sl-stahnout .cvs-menu__volba:focus-visible { background: var(--plocha-2, #f1efe9); }
.sl-stahnout .cvs-menu__volba small { color: var(--tlumeny, #545a6a); font-size: 0.8rem; }
.sl-stahnout :focus-visible { outline: 3px solid var(--produkt-text, #1b4fd6); outline-offset: 2px; }

@media (max-width: 40rem) {
  .sl-stahnout .cvs-menu {
    position: fixed; left: 0.75rem; right: 0.75rem; top: auto; bottom: calc(1rem + env(safe-area-inset-bottom));
    min-width: 0; max-width: none; z-index: 61;
  }
}

@media print {
  .sl-stahnout { display: none !important; }
}