@use "sass:map";

// Technically private as all overrides come from the calendar
@mixin ql-calendar-header-theme($theme) {

  .days {
    display: flex;
    flex-flow: row;
    width: var(--width);
    height: var(--calendar-header-height);
    background-color: var(--calendar-header-background-color);
    justify-content: center;
    align-items: center;
    border-bottom: var(--calendar-border);
    border-top: var(--calendar-border);
    box-sizing: border-box;

    .day {

      // Last cell doesnt need this as the calendar has it
      &:last-of-type {
        border-right: none;
      }

      &:first-of-type {
        border-left: var(--calendar-border);
      }

      box-sizing: border-box;
      border-left: none;
      border-right: var(--calendar-border);
      color: var(--calendar-header-text-color);

      display: flex;
      flex-flow: row;
      justify-content: var(--calendar-header-text-align);
      align-items: center;
      flex: 1 1 calc(var(--width) / 7);
    }
  }
}