.ulekarzy_grafik_wrap { }
.ulekarzy_grafik_controls {
  display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:.75rem 0;
}
.ulekarzy_grafik_selects { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; }
.ulekarzy_grafik_selects select {
  padding:.4rem .6rem; border:1px solid #cbd5e1; border-radius:8px; background:#fff;
}
.ulekarzy_grafik_nav { display:flex; gap:.5rem; }
.ulekarzy_grafik_navbtn {
  padding:.35rem .6rem; border:1px solid #cbd5e1; border-radius:8px; background:#fff; cursor:pointer;
}
.ulekarzy_grafik_navbtn[disabled] { opacity:.5; cursor:not-allowed; }

.ulekarzy_grafik_week { width:100%; border-collapse:separate; border-spacing:12px; }
.ulekarzy_grafik_week--single { border-spacing:0; }
.ulekarzy_grafik_col {
  background:#fff; border:1px solid #e5e7eb; border-radius:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.04); padding:30px; min-width:180px; vertical-align:top; text-align: center;
}

.ulekarzy_grafik_dayhead { display:flex; flex-direction:column; gap:2px; margin-bottom:10px; align-items:center; text-align:center; }
.ulekarzy_grafik_month { font-size:12px; color:#64748b; text-transform:lowercase; }
.ulekarzy_grafik_daynum { font-size:32px; font-weight:400; line-height:1; color:#826aad; }
.ulekarzy_grafik_weekday { font-size:12px; color:#64748b; text-transform:lowercase; }

.ulekarzy_grafik_title { font-weight:700; margin:.4rem 0 .2rem; font-size: 0.9em; display: block; text-align: center; }
.ulekarzy_grafik_spec { margin:.4rem 0; text-align: center; }
.ulekarzy_grafik_specname { font-weight:700; margin:.2rem 0; }

.ulekarzy_grafik_doclist { display:flex; flex-direction:column; gap:.2rem; }
.ulekarzy_grafik_docitem {
  font-size:0.9em; position:relative; padding-bottom:14px;
}
.ulekarzy_grafik_docitem::before{
  content:""; position:absolute; left:calc(50% - 3px); bottom: 0;
  width:6px; height:6px; border-radius:999px; background:#e3e0f0;
}

.ulekarzy_grafik_fade { transition:opacity .2s ease, transform .2s ease; }

.ulekarzy_grafik_week--grid {
  width: 100%;
  border-collapse: separate;
  border-spacing: 12px;
  table-layout: fixed;
}
.ulekarzy_grafik_week--grid > tbody > tr > td {
  width: 33.3333%;
  vertical-align: top;
}
.ulekarzy_grafik_col {
  height: 100%;
}

@media (max-width: 1200px){
  .ulekarzy_grafik_week--grid { border-spacing: 0; table-layout: auto; }
  .ulekarzy_grafik_week--grid > tbody > tr > td { width: auto; }
}


@media (max-width: 1200px){
  .ulekarzy_grafik_week { border-spacing:0; }
  .ulekarzy_grafik_col { min-width:auto; width:100%; }

  .ulekarzy_grafik_col { padding:16px; }

  .ulekarzy_grafik_daynum { font-size:36px; }
  .ulekarzy_grafik_month, .ulekarzy_grafik_weekday { font-size:13px; }

}

@media (max-width: 640px){
  .ulekarzy_grafik_controls { gap:.75rem; }
  .ulekarzy_grafik_selects { width:100%; }
  .ulekarzy_grafik_selects label { width:100%; }
  .ulekarzy_grafik_selects select { width:100%; }
  .ulekarzy_grafik_nav { width:100%; justify-content:space-between; }
}