/* MIRA MAR glossary: matches the current shop theme. */
#mm-slovnik {
  --mm-blue:var(--color-primary,#2c458e);
  --mm-blue-hover:var(--color-primary-hover,#2c458e);
  --mm-bg:#f5f6f8;
  --mm-border:#dadada;
  --mm-muted:#7c7e8f;
  --mm-header-offset:0px;
  color:#0f0f0f;
  background:transparent;
  font-family:var(--template-font,"Roboto"),sans-serif;
  font-size:16px;
  line-height:1.5;
  color-scheme:light;
  width:100%;
  min-width:0;
}
#mm-slovnik *,#mm-slovnik *::before,#mm-slovnik *::after {box-sizing:border-box}
#mm-slovnik [hidden] {display:none!important}
#mm-slovnik .wrap {width:100%;max-width:none;margin:0;padding:0}
#mm-slovnik .masthead {padding:0 0 24px}
#mm-slovnik .eyebrow {font:inherit;font-size:13px;color:var(--mm-muted);letter-spacing:0;text-transform:none;margin:0 0 16px}
#mm-slovnik .eyebrow .dot {display:inline-block;width:5px;height:5px;background:var(--mm-blue);border-radius:50%;vertical-align:middle;margin-right:8px}
#mm-slovnik .lead {font:inherit;color:inherit;max-width:none;margin:0 0 24px;line-height:1.5}
#mm-slovnik .meta {display:flex;gap:12px 24px;flex-wrap:wrap;padding-top:16px;margin:0;border-top:1px solid var(--mm-border);font:inherit;font-size:13px;color:var(--mm-muted)}
#mm-slovnik .meta b {color:#0f0f0f;font-weight:500}
#mm-slovnik .toolbar {position:sticky;top:var(--mm-header-offset);z-index:10;background:var(--mm-bg);border-bottom:1px solid var(--mm-border)}
#mm-slovnik .toolbar-inner {display:flex;flex-direction:column;gap:16px;padding:16px 0}
#mm-slovnik .searchrow {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#mm-slovnik .search {position:relative;flex:1 1 260px;min-width:0}
#mm-slovnik .search svg {position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--mm-muted);pointer-events:none}
#mm-slovnik #mm-q {display:block;width:100%;height:48px;margin:0;padding:10px 44px;border:1px solid var(--mm-border);border-radius:8px;background:#fff;color:#0f0f0f;font:inherit;font-size:16px;box-shadow:none;appearance:none}
#mm-slovnik #mm-q::placeholder {color:#7c7e8f;opacity:1}
#mm-slovnik #mm-q:focus {border-color:var(--mm-blue)}
#mm-slovnik #mm-q::-webkit-search-cancel-button,#mm-slovnik #mm-q::-webkit-search-decoration {-webkit-appearance:none;appearance:none}
#mm-slovnik .clear {position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:6px 10px;border:0;border-radius:4px;background:transparent;color:#0f0f0f;cursor:pointer;font:inherit;font-size:22px;line-height:1}
#mm-slovnik .count {font:inherit;font-size:13px;color:var(--mm-muted);white-space:nowrap}
#mm-slovnik .cats {display:flex;flex-wrap:wrap;gap:8px}
#mm-slovnik .cat {display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:9px 17px;border:1px solid var(--mm-blue);border-radius:25px;background:#fff;color:var(--mm-blue);font:inherit;font-size:14px;font-weight:400;line-height:1.4;text-transform:uppercase;letter-spacing:0;cursor:pointer;transition:background .15s,color .15s}
#mm-slovnik .cat:hover,#mm-slovnik .cat[aria-pressed="true"] {background:var(--mm-blue-hover);border-color:var(--mm-blue-hover);color:#fff}
#mm-slovnik .cat[aria-pressed="true"] {box-shadow:inset 0 0 0 1px var(--mm-blue);font-weight:700}
#mm-slovnik .rail {display:flex;gap:4px;flex-wrap:wrap;margin:0;padding:0}
#mm-slovnik .rail button {display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:36px;padding:5px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--mm-blue);font:inherit;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer}
#mm-slovnik .rail button:hover:not(:disabled) {background:var(--mm-blue);color:#fff}
#mm-slovnik .rail button:disabled {color:#a3a5ae;cursor:default}
#mm-slovnik #mm-list {padding:0 0 40px}
#mm-slovnik .group {display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;padding:30px 0 0;border-top:1px solid var(--mm-border);scroll-margin-top:calc(var(--mm-header-offset) + var(--tb,180px) + 20px)}
#mm-slovnik .group:first-of-type {border-top:0}
#mm-slovnik .group-letter {position:sticky;top:calc(var(--mm-header-offset) + var(--tb,180px) + 20px);align-self:start;margin:0;color:var(--mm-blue);font-family:var(--template-headings-font,"Roboto"),sans-serif;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:0}
#mm-slovnik .group-letter span {display:inline-block;font-size:12px;font-weight:400;margin-left:6px;vertical-align:middle;color:var(--mm-muted)}
#mm-slovnik .entries {min-width:0}
#mm-slovnik .entry {padding:24px 0;border-top:1px solid var(--mm-border);scroll-margin-top:calc(var(--mm-header-offset) + var(--tb,180px) + 20px)}
#mm-slovnik .entries > .entry:first-child {border-top:0;padding-top:0}
#mm-slovnik .entry-head {display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:12px}
#mm-slovnik .entry h2 {margin:0;color:#0f0f0f;font-family:var(--template-headings-font,"Roboto"),sans-serif;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:0}
#mm-slovnik .chip {padding:4px 10px;border:1px solid #d0d8f2;border-radius:20px;background:#e6eaf8;color:var(--mm-blue);font:inherit;font-size:12px;line-height:1.5;letter-spacing:0;text-transform:none}
#mm-slovnik .entry p {margin:0;font:inherit;color:inherit;max-width:none;line-height:1.5;overflow-wrap:break-word}
#mm-slovnik .see {display:flex;gap:6px;flex-wrap:wrap;align-items:baseline;margin-top:12px;font:inherit;font-size:14px}
#mm-slovnik .see-label {color:var(--mm-muted);font:inherit;letter-spacing:0;text-transform:none}
#mm-slovnik .see a {color:var(--mm-blue);text-decoration:underline;text-underline-offset:3px;border:0}
#mm-slovnik .see a:hover {text-decoration:none}
#mm-slovnik .entry.mm-flash {animation:mm-glossary-flash 1.6s ease-out}
@keyframes mm-glossary-flash {from{background:#e6eaf8}to{background:transparent}}
#mm-slovnik .empty {padding:48px 0;text-align:center;color:var(--mm-muted)}
#mm-slovnik .empty strong {display:block;margin-bottom:8px;font:inherit;font-weight:700;font-size:20px;color:#0f0f0f}
#mm-slovnik footer {display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0;padding:20px 0 32px;border-top:1px solid var(--mm-border);background:transparent;color:var(--mm-muted);font:inherit;font-size:13px;letter-spacing:0}
#mm-slovnik footer a {color:var(--mm-blue)}
#mm-slovnik :focus-visible {outline:2px solid var(--mm-blue);outline-offset:3px}
@media(max-width:700px) {
 #mm-slovnik .group {grid-template-columns:minmax(0,1fr);gap:18px;padding-top:24px}
 #mm-slovnik .group-letter {position:static;font-size:26px}
 #mm-slovnik .entry h2 {font-size:20px}
 #mm-slovnik .cat {min-height:44px;padding:8px 12px;font-size:12px}
 #mm-slovnik .rail {gap:2px}
 #mm-slovnik .rail button {min-width:34px;min-height:40px}
 #mm-slovnik .toolbar {position:static}
 #mm-slovnik .group,#mm-slovnik .entry {scroll-margin-top:calc(var(--mm-header-offset) + 20px)}
}
@media(prefers-reduced-motion:reduce) {
 #mm-slovnik .entry.mm-flash {animation:none;outline:2px solid var(--mm-blue);outline-offset:4px}
 #mm-slovnik * {transition:none!important;scroll-behavior:auto!important}
}
