/* Workhour ÄTA Flatpickr v1.1.0 – endast ÄTA-kalendern. */
.wh-ata-calendar.flatpickr-calendar {
  width: 348px; max-width: calc(100vw - 24px);
  padding: 12px; border-radius: 20px;
  border: 1px solid #e9e4e1;
  box-shadow: 0 18px 48px rgba(30,35,45,.16);
  font-family: inherit;
}
.wh-ata-calendar .flatpickr-months { padding: 6px 0 12px; }
.wh-ata-calendar .flatpickr-months .flatpickr-month { height: 42px; }
.wh-ata-calendar .flatpickr-current-month { font-size: 1.08rem; padding-top: 5px; }
.wh-ata-calendar .flatpickr-weekdays { margin-bottom: 6px; }
.wh-ata-calendar .flatpickr-weekday { color: #76727a; font-weight: 600; }
.wh-ata-calendar .flatpickr-days, .wh-ata-calendar .dayContainer { width: 100%; min-width: 0; max-width: none; }
.wh-ata-calendar .flatpickr-day {
  width: 14.2857%; max-width: 14.2857%; height: 43px; line-height: 43px;
  border-radius: 50%; font-weight: 500;
}
.wh-ata-calendar .flatpickr-day:hover,
.wh-ata-calendar .flatpickr-day:focus { background: #f8e9e5; border-color: #f8e9e5; }
.wh-ata-calendar .flatpickr-day.selected,
.wh-ata-calendar .flatpickr-day.selected:hover,
.wh-ata-calendar .flatpickr-day.selected:focus {
  background: #c45b49; border-color: #c45b49; color: white;
}
.wh-ata-calendar .flatpickr-day.today { border-color: #c45b49; }
.wh-ata-calendar .flatpickr-day.today:hover { background: #f8e9e5; color: #262626; }
.wh-ata-calendar .flatpickr-prev-month:hover svg,
.wh-ata-calendar .flatpickr-next-month:hover svg { fill: #c45b49; }
#ataDialog .js-ata-ordered-date { cursor: pointer; }

/* Centrera månadspilarna något längre ned i kalenderhuvudet. */
.wh-ata-calendar .flatpickr-months .flatpickr-prev-month,
.wh-ata-calendar .flatpickr-months .flatpickr-next-month {
  top: 8px;
}

/* v1.3.0: header med statiskt månadsnamn och centrerade navigeringspilar. */
.wh-ata-calendar .flatpickr-months .flatpickr-month { height: 46px; }
.wh-ata-calendar .flatpickr-current-month { padding-top: 10px; font-size: 16px; font-weight: 450; }
.wh-ata-calendar .flatpickr-current-month .cur-month { font-weight: 450; }
.wh-ata-calendar .flatpickr-current-month .numInputWrapper { width: 65px; }
.wh-ata-calendar .flatpickr-current-month input.cur-year { font-size: 16px; font-weight: 450; }
.wh-ata-calendar .flatpickr-months .flatpickr-prev-month,
.wh-ata-calendar .flatpickr-months .flatpickr-next-month { top: 12px; }