/*! MarekStejskal.cz - souhlas s vlozenym obsahem.
 * Nacita se az za ms-front.css, takze si bere jeho promenne i tlacitka.
 */

  /* ===== BRANA PRED CIZIM OBSAHEM ===== */

  .ms-gate{display:block;inline-size:100%;block-size:100%;min-block-size:var(--gate-h,auto)}
  .ms-gate.is-on{min-block-size:0}
  /* Brana v bezne sekci stranky, ne v modalnim okne - vyska podle obsahu. */
  .ms-gate--block{block-size:auto}
  .ms-gate--block.is-on iframe{block-size:auto}
  .ms-gate.is-on iframe{inline-size:100%;block-size:100%;min-block-size:var(--gate-h,26rem);border:0;display:block}

  .ms-gate__card{block-size:100%;display:grid;align-content:center;gap:.85rem;
    padding:clamp(1.5rem,4vw,2.4rem);background:var(--mist);color:var(--slate);
    font-size:var(--t-sm);text-align:start}
  .ms-gate__kicker{display:flex;align-items:center;gap:.45rem;color:var(--g-700);
    font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
  .ms-gate__name{color:var(--ink);font-size:var(--t-md)}
  .ms-gate__name b{font-weight:800}
  .ms-gate__data{max-inline-size:56ch}
  .ms-gate__act{display:flex;align-items:center;gap:1rem 1.4rem;flex-wrap:wrap;margin-block-start:.4rem}
  .ms-gate__go{padding:.85rem 1.6rem}
  /* Zaskrtnuti neni predvyplnene - souhlas na pristi navstevy musi byt
     vedomy krok, ne neco, co se stane samo tim, ze navstevnik klikne. */
  .ms-gate__rem{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--t-xs)}
  .ms-gate__rem input{inline-size:1.05rem;block-size:1.05rem;accent-color:var(--g-700);cursor:pointer}
  .ms-gate__links{font-size:var(--t-xs)}
  .ms-gate__links a{color:var(--g-700);font-weight:700;text-decoration:underline;text-underline-offset:3px}
  .ms-gate__links a:hover{color:var(--ink)}
  .ms-gate__ns{padding:1.2rem;background:var(--mist);font-size:var(--t-sm)}
  .ms-gate__ns a{color:var(--g-700);font-weight:700;text-decoration:underline}

  /* Prehravac videi je na tmavem podkladu a v pomeru 9/16. Dokud v nem stoji
     dotaz, pomer se pusti - text by se do uzkeho sloupce nevesel. */
  .vframe.is-ask{aspect-ratio:auto;background:var(--ink-2)}
  .vframe.is-ask .ms-gate__card,
  .ms-gate--dark .ms-gate__card{background:var(--ink-2);color:#A9BCB1}
  .vframe.is-ask .ms-gate__name,
  .ms-gate--dark .ms-gate__name{color:#fff}
  .vframe.is-ask .ms-gate__kicker,
  .vframe.is-ask .ms-gate__links a,
  .ms-gate--dark .ms-gate__kicker,
  .ms-gate--dark .ms-gate__links a{color:var(--g-500)}
  .vframe.is-ask .ms-gate__links a:hover,
  .ms-gate--dark .ms-gate__links a:hover{color:#fff}

  /* ===== OKNO NASTAVENI ===== */

  .ms-cset{inline-size:min(36rem,94vw)}
  .ms-cset__body{padding:1.3rem;overflow:auto;display:grid;gap:.9rem}
  .ms-cset__intro{font-size:var(--t-sm)}
  .ms-cset__row{display:flex;gap:.8rem;align-items:start;cursor:pointer;
    padding:.9rem 1rem;background:var(--mist);transition:background .25s}
  .ms-cset__row:hover{background:color-mix(in oklab,var(--g-500) 14%,white)}
  .ms-cset__row input{inline-size:1.15rem;block-size:1.15rem;flex:none;margin-block-start:.15rem;
    accent-color:var(--g-700);cursor:pointer}
  .ms-cset__row b{display:block;color:var(--ink);font-size:var(--t-sm)}
  .ms-cset__row small{display:block;margin-block-start:.2rem;font-size:var(--t-xs);line-height:1.5}
  .ms-cset__foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;
    flex-wrap:wrap;padding:1rem 1.3rem;border-block-start:1px solid var(--line);background:#fff}
  .ms-cset__more{font-size:var(--t-xs);color:var(--g-700);font-weight:700;
    text-decoration:underline;text-underline-offset:3px}

  /* ===== LISTA =====
     Vznika jen tehdy, kdyz nejaka sluzba bezi bez kliknuti. Dnes zadna,
     takze se tenhle kus na webu neobjevi - je pripraveny pro pripad,
     ze pribude mereni navstevnosti. */

  .ms-bar{position:fixed;z-index:60;inset-inline:0;inset-block-end:0;
    display:flex;align-items:center;justify-content:center;gap:1.2rem 1.8rem;flex-wrap:wrap;
    padding:1rem clamp(1rem,4vw,2.4rem);background:var(--ink);color:#93A79C;
    font-size:var(--t-sm);box-shadow:0 -20px 45px -30px rgba(0,0,0,.9);
    animation:ms-bar-in .45s var(--ease)}
  @keyframes ms-bar-in{from{translate:0 100%}to{translate:0 0}}
  @media (prefers-reduced-motion:reduce){.ms-bar{animation:none}}
  .ms-bar__text{max-inline-size:62ch}
  .ms-bar__text a{color:var(--g-500);font-weight:700;text-decoration:underline;text-underline-offset:3px}
  .ms-bar__act{display:flex;gap:.7rem;flex-wrap:wrap}
  /* Stejna sirka i stejna vaha u obou - odmitnuti nesmi byt schovanejsi. */
  .ms-bar__btn{justify-content:center;min-inline-size:11rem;padding:.85rem 1.4rem}
  .ms-bar .btn--ink{--bg:var(--ink-3);--fg:#fff;--hv:var(--slate);
    border:1px solid color-mix(in oklab,white 24%,transparent)}

  /* ===== ODKAZ V PATICCE ===== */

  /* Bez JavaScriptu okno nevznikne, tak at po sobe tlacitko nenechava
     mrtvy ovladaci prvek. Tridu js pridava skript hned po nacteni. */
  [data-ms-settings]{display:none}
  .js [data-ms-settings]{display:inline}
  /* Kdyz je z tlacitka udelane tlacitko, musi zustat flexem - jinak by se
     v nem rozsypal vnitrni odsazeny obsah. */
  .js .btn[data-ms-settings]{display:inline-flex}
  .fbase [data-ms-settings]{padding:0;font:inherit;color:inherit;text-decoration:underline;
    text-underline-offset:3px;text-decoration-color:color-mix(in oklab,white 35%,transparent)}
  .fbase [data-ms-settings]:hover{color:var(--g-500)}
  .fbase__legal{display:flex;gap:.5rem 1.1rem;flex-wrap:wrap;align-items:center}

  /* ===== STRANKA /cookies/ ===== */

  .ms-ck-act{display:flex;gap:.8rem;flex-wrap:wrap;margin-block-start:2rem}
  .ms-ck{display:grid;gap:var(--gap);list-style:none;padding:0}
  .ms-ck li{display:grid;gap:.7rem;padding:clamp(1.2rem,3vw,1.8rem);background:#fff;
    border-inline-start:3px solid var(--g-500);font-size:var(--t-sm)}
  .band--mist .ms-ck li{background:#fff}
  .ms-ck--store li{background:var(--mist);border-inline-start-color:var(--line)}
  .ms-ck__head{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
  .ms-ck__head > div{flex:1;min-inline-size:12rem}
  .ms-ck__head b{display:block;color:var(--ink);font-size:var(--t-md);font-weight:800}
  .ms-ck__head small{display:block;font-size:var(--t-xs);color:var(--slate)}
  .ms-ck__head em{font-style:normal;font-family:var(--mono);font-size:.66rem;
    letter-spacing:.12em;text-transform:uppercase;color:var(--g-700);
    padding:.35rem .7rem;background:var(--mist);white-space:nowrap}
  .ms-ck--store .ms-ck__head em{background:#fff}
  .ms-ck .mi{color:var(--g-700);flex:none}
  .ms-ck code{font-family:var(--mono);font-size:.9em;overflow-wrap:anywhere}
  .ms-ck__meta{display:flex;gap:.5rem 1.2rem;flex-wrap:wrap;align-items:baseline;
    font-size:var(--t-xs);color:var(--slate)}
  .ms-ck__meta a{color:var(--g-700);font-weight:700;text-decoration:underline;text-underline-offset:3px}
  .ms-ck__meta a:hover{color:var(--ink)}