/* Společné díly variant kostry: týden ordinace, rozbalovací řádky, přepínač variant. */
.vyber { position: fixed; left: 16px; bottom: 16px; z-index: 40; display: flex; gap: 4px; padding: 4px; background: var(--ink); border-radius: var(--r-kulaty); box-shadow: var(--stin); }
.vyber a { display: grid; place-items: center; min-width: 44px; height: 44px; padding-inline: var(--m-3); border-radius: var(--r-kulaty); color: var(--bila); font-weight: 600; font-size: var(--t-xs); text-decoration: none; }
.vyber a:hover { background: rgba(255, 255, 255, 0.16); color: var(--bila); }
.vyber a[aria-current] { background: var(--bila); color: var(--ink); }

/* Týden v ordinaci: dny vedle sebe jako rozvrh, dnešek zvýrazněný */
.tyden { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)); gap: var(--m-2); }
.tyden div { display: flex; flex-direction: column; gap: var(--m-1); padding: var(--m-3); background: var(--papir); border-radius: var(--r-s); }
.tyden dt { font-size: var(--t-xs); color: var(--text-slaby); }
.tyden dd { font-weight: 600; font-size: 1rem; line-height: 1.3; white-space: nowrap; }
.tyden__volno { font-weight: 400 !important; font-size: var(--t-xs) !important; white-space: normal !important; color: var(--text-slaby); }
.tyden .je-dnes { background: var(--tyrkys-tmava); color: var(--bila); }
.tyden .je-dnes dt, .tyden .je-dnes dd { color: var(--bila); }

.vypis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--m-2) var(--m-6); }
.fakta div { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: var(--m-4); padding-block: var(--m-3); border-top: 1px solid rgba(20, 49, 58, 0.18); }
.fakta dt { font-weight: 600; }
.pojistovny { display: flex; flex-wrap: wrap; align-items: center; gap: var(--m-4) var(--m-6); }
.pojistovny img { height: 34px; width: auto; }

.telefony { display: flex; flex-wrap: wrap; gap: var(--m-4) var(--m-7); }
.vtel { display: inline-flex; align-items: center; gap: var(--m-2); min-height: 44px; color: var(--ink); font: 700 1.75rem/1.1 var(--pismo-nadpis); letter-spacing: -0.02em; text-decoration: none; white-space: nowrap; }
.vtel:hover { color: var(--tyrkys-tmava); }
.vtel .ik { width: 24px; height: 24px; color: var(--tyrkys-tmava); }
.telefony p { font-size: var(--t-xs); color: var(--text-slaby); }

.rozbal { border-top: 1px solid var(--linka); }
.rozbal:last-child { border-bottom: 1px solid var(--linka); }
.rozbal summary { display: flex; align-items: center; justify-content: space-between; gap: var(--m-4); min-height: 60px; font: 600 1.1875rem/1.25 var(--pismo-text); cursor: pointer; list-style: none; transition: color 180ms; }
.rozbal summary::-webkit-details-marker { display: none; }
.rozbal summary:hover { color: var(--tyrkys-tmava); }
.rozbal summary::after { content: "+"; flex: none; font: 500 1.75rem/1 var(--pismo-nadpis); color: var(--tyrkys-tmava); transition: transform 240ms var(--krivka); }
.rozbal[open] summary::after { transform: rotate(45deg); }
.rozbal__obsah { padding-bottom: var(--m-5); }

@media (max-width: 760px) {
  .tyden { grid-template-columns: 1fr; gap: 0; }
  .tyden div { flex-direction: row; justify-content: space-between; align-items: baseline; gap: var(--m-4); padding: var(--m-3); background: none; border-radius: var(--r-s); border-top: 1px solid var(--linka); }
  .tyden div:first-child { flex-direction: column; gap: 0; }
  .tyden dt { font-size: var(--t-s); color: var(--ink); }
  .vypis { grid-template-columns: 1fr; }
  .vtel { font-size: 1.5rem; }
  .vyber { left: 8px; bottom: 8px; }
  .vyber a { min-width: 40px; }
}