.wgl-specialist-schedule {
  --wgl-specialist-schedule-card-bg: #ffffff;
  --wgl-specialist-schedule-card-border: #f2bebe;
  --wgl-specialist-schedule-day-head-bg: #18b5c3;
  --wgl-specialist-schedule-day-head-color: #ffffff;
  --wgl-specialist-schedule-even-head-bg: #c2efec;
  --wgl-specialist-schedule-even-head-color: #36454f;
  --wgl-specialist-schedule-odd-head-bg: #f8d6d8;
  --wgl-specialist-schedule-odd-head-color: #36454f;
  --wgl-specialist-schedule-day-bg: #18b5c3;
  --wgl-specialist-schedule-day-color: #fff;
  --wgl-specialist-schedule-even-bg: #c2efec;
  --wgl-specialist-schedule-even-color: #36454f;
  --wgl-specialist-schedule-odd-bg: #f8d6d8;
  --wgl-specialist-schedule-odd-color: #36454f;
  --wgl-specialist-schedule-text: #36454f;
  --wgl-specialist-schedule-address: #0f6f87;
}

.wgl-specialist-schedule__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.wgl-specialist-schedule__card {
  background: var(--wgl-specialist-schedule-card-bg);
  border: 1px solid var(--vireon-form-border-color);
  border-radius: 18px;
  padding: 18px;
}

.wgl-specialist-schedule__card-header {
  margin-bottom: 14px;
}

.wgl-specialist-schedule__address {
  color: var(--wgl-specialist-schedule-address);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  margin: 0;
}

.wgl-specialist-schedule__table-wrap {
  border-radius: 12px;
  overflow: hidden;
  overflow-x: auto;
  position: relative;
}

.wgl-specialist-schedule__table-wrap::before {
  border: 1px solid var(--wgl-specialist-schedule-card-border);
  border-radius: inherit;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.wgl-specialist-schedule__table {
  border-collapse: collapse;
  color: var(--wgl-specialist-schedule-text);
  min-width: 100%;
  table-layout: fixed;
  width: 100%;
}

.wgl-specialist-schedule__table th,
.wgl-specialist-schedule__table td {
  border: 1px solid var(--wgl-specialist-schedule-card-border);
  padding: 12px 10px;
  text-align: center;
  vertical-align: middle;
}

.wgl-specialist-schedule__table thead th {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.wgl-specialist-schedule__head-day {
  background: var(--wgl-specialist-schedule-day-head-bg);
  color: var(--wgl-specialist-schedule-day-head-color);
}

.wgl-specialist-schedule__head-even {
  background: var(--wgl-specialist-schedule-even-head-bg);
  color: var(--wgl-specialist-schedule-even-head-color);
}

.wgl-specialist-schedule__head-odd {
  background: var(--wgl-specialist-schedule-odd-head-bg);
  color: var(--wgl-specialist-schedule-odd-head-color);
}

.wgl-specialist-schedule__day {
  background: var(--wgl-specialist-schedule-day-bg);
  color: var(--wgl-specialist-schedule-day-color);
  font-weight: 500;
  width: 72px;
}

.wgl-specialist-schedule__cell-even {
  background: var(--wgl-specialist-schedule-even-bg);
  color: var(--wgl-specialist-schedule-even-color);
}

.wgl-specialist-schedule__cell-odd {
  background: var(--wgl-specialist-schedule-odd-bg);
  color: var(--wgl-specialist-schedule-odd-color);
}

.wgl-specialist-schedule__cell-empty {
  display: inline-block;
  min-height: 1.2em;
  min-width: 1ch;
}

.wgl-specialist-schedule__empty {
  background: #f7fbfc;
  border: 1px dashed #bdd4dc;
  border-radius: 16px;
  color: #4b5563;
  padding: 18px 20px;
}

@media (max-width: 1024px) {
  .wgl-specialist-schedule__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .wgl-specialist-schedule__card {
    border-radius: 14px;
    padding: 14px;
  }

  .wgl-specialist-schedule__address {
    font-size: 18px;
  }

  .wgl-specialist-schedule__table th,
  .wgl-specialist-schedule__table td {
    font-size: 14px;
    padding: 10px 8px;
  }
}