/* skryty na desktopu */
.mk-burger { display: none; }

/* marienkova.design — mobilni uprava (pridano dodatecne) */

@media (max-width: 900px) {

  /* ---- hlavni navigace ---- */
  .mk-nav {
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px !important;
    gap: 12px;
  }
  .mk-brand { font-size: 17px; }

  .mk-burger {
    display: inline-flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 42px; height: 42px;
    padding: 0 8px; margin: 0;
    border: 0; background: transparent; cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .mk-burger span {
    display: block; width: 100%; height: 2px; border-radius: 2px;
    background: #1d1e18;
    transition: transform .22s ease, opacity .16s ease;
  }
  body.mk-menu-open .mk-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  body.mk-menu-open .mk-burger span:nth-child(2) { opacity: 0; }
  body.mk-menu-open .mk-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .mk-nav .mk-nav-right {
    display: none !important;
    position: absolute; top: calc(100% + 6px); left: 12px; right: 12px;
    flex-direction: column; align-items: stretch; gap: 0;
    padding: 10px 18px 18px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(29, 30, 24, .18);
    z-index: 60;
  }
  body.mk-menu-open .mk-nav .mk-nav-right { display: flex !important; }

  .mk-nav-right .nav-link {
    width: 100%; padding: 14px 2px; font-size: 18px; line-height: 1.2;
    border-bottom: 1px solid rgba(29, 30, 24, .08);
  }
  .mk-nav-right .nav-link:last-of-type { border-bottom: 0; }
  .mk-nav-right .ct-langs { margin-top: 12px; }
  .mk-nav-right .ct-pill { margin-top: 12px; width: 100%; justify-content: center; }

  /* ---- plovouci odznak ---- */
  .ct-badge {
    width: 68px !important; height: 68px !important;
    top: auto !important; left: auto !important;
    right: 12px !important; bottom: 14px !important;
  }
  .ct-badge-text { font-size: 8px !important; }

  /* ---- barevna paleta u projektu: posledni policko na celou sirku ---- */
  .pr-palette-row > *:last-child:nth-child(odd) { grid-column: 1 / -1; }

  /* ---- dokumentova stranka (zasady) ---- */
  doc-page { min-width: 0 !important; width: 100% !important; max-width: 100% !important; }
}

@media (max-width: 420px) {
  .mk-nav { padding: 12px 14px !important; }
  .ct-badge { width: 60px !important; height: 60px !important; }
}