/* kleo/pw-practice-lessons — five-day week calendar. */

.pw-week-calendar {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
@media (max-width: 900px) {
  .pw-week-calendar {
    grid-template-columns: 1fr;
  }
}
.pw-day-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pw-day-head {
  background: var(--pw-accent);
  color: #fff;
  text-align: center;
  font-weight: 800;
  font-size: var(--pw-font-size-xsmall);
  letter-spacing: 0.06em;
  padding: 9px;
  border-radius: 10px;
}
.pw-day-theme {
  background: var(--pw-accent-soft);
  color: var(--pw-accent-deep);
  text-align: center;
  font-weight: 700;
  font-size: var(--pw-font-size-small);
  padding: 7px;
  border-radius: 8px;
}
.pw-day-cell {
  background: var(--pw-card);
  border: 2px solid var(--pw-line);
  border-radius: 10px;
  padding: 11px 12px;
  font-size: var(--pw-font-size-small);
  flex: 1;
}
.pw-day-cell .pw-cat {
  display: block;
  font-size: var(--pw-font-size-xsmall);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--pw-ink-soft);
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}
.pw-day-cell.pw-starred {
  background: var(--pw-gold-soft);
  border-color: var(--pw-gold);
}
.pw-day-cell .pw-star-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--pw-gold);
  color: #fff;
  font-size: var(--pw-font-size-xsmall);
  font-weight: 800;
  padding: 2px 9px;
  border-radius: 100px;
  margin-bottom: 6px;
}

/* Kleo's colour rules load after block styles. */
.pw-block--practice-lessons .pw-day-head,
.pw-block--practice-lessons .pw-star-badge {
  color: #fff;
}
.pw-block--practice-lessons .pw-day-theme {
  color: var(--pw-accent-deep);
}
.pw-block--practice-lessons .pw-day-cell {
  color: var(--pw-ink);
}
.pw-block--practice-lessons .pw-day-cell .pw-cat {
  color: var(--pw-ink-soft);
}