/* Date picker pop-up (the DHTML calendar in admin/calendar) in the new theme.
   Replaces calendar-win2k-1.css; same class names, so calendar.js is unchanged. */

.calendar {
  position: relative; display: none; z-index: 1000;
  background: #fff; border: 1px solid #dfe4df; border-radius: 10px;
  box-shadow: 0 8px 28px rgba(31, 36, 32, .18), 0 2px 6px rgba(31, 36, 32, .08);
  padding: 8px; font: 13px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #1f2420; cursor: default;
}
.calendar table { border-collapse: separate; border-spacing: 2px; font: inherit; color: inherit; background: #fff; cursor: default; }

/* header: navigation buttons and month/year title */
.calendar .button, .calendar .nav {
  text-align: center; padding: 6px 4px; border-radius: 6px; font-weight: 700; color: #3f6f12; cursor: pointer;
}
.calendar .nav { background: none; }
.calendar thead .title {
  font-weight: 700; font-size: 14px; text-align: center; padding: 6px 4px; color: #1f2420; background: none;
}
.calendar thead .headrow { background: none; }
.calendar thead .daynames { background: none; }
.calendar thead .name {
  padding: 6px 0 4px; text-align: center; font-size: 11px; font-weight: 600; text-transform: uppercase;
  letter-spacing: .03em; color: #5f6b62; border: 0;
}
.calendar thead .weekend { color: #8a948c; }
.calendar thead .hilite { background: #eaf3df; border: 0; padding: 6px 4px; }
.calendar thead .active { background: #6aa32f; color: #fff; padding: 6px 4px; }

/* days */
.calendar tbody .day {
  width: 2.2em; height: 2.2em; text-align: center; padding: 0; border-radius: 6px; border: 0;
  font-variant-numeric: tabular-nums;
}
.calendar tbody .day.othermonth { color: #b9c1ba; }
.calendar tbody .day.othermonth.oweekend { color: #c9cfca; }
.calendar table .wn { padding: 0 6px; color: #8a948c; border: 0; background: none; font-size: 11px; }
.calendar tbody .rowhilite td { background: none; }
.calendar tbody .rowhilite td.wn { background: none; }
.calendar tbody td.hilite { background: #eaf3df; padding: 0; border: 0; color: #1f2420; }
.calendar tbody td.active { background: #d6e9bf; padding: 0; border: 0; }
.calendar tbody td.selected { background: #6aa32f; color: #fff; font-weight: 700; padding: 0; border: 0; }
.calendar tbody td.weekend { color: #5f6b62; }
.calendar tbody td.today { font-weight: 700; box-shadow: inset 0 0 0 2px #6aa32f; }
.calendar tbody td.today.selected { box-shadow: none; }
.calendar tbody .disabled { color: #c9cfca; }
.calendar tbody .emptycell { visibility: hidden; }
.calendar tbody .emptyrow { display: none; }

/* footer ("Select date" / today button) */
.calendar tfoot .footrow { text-align: center; background: none; color: #5f6b62; }
.calendar tfoot .ttip { background: none; color: #5f6b62; border-top: 1px solid #dfe4df; padding: 6px 2px 2px; font-size: 12px; }
.calendar tfoot .hilite { background: #eaf3df; border: 0; color: #1f2420; padding: 6px 2px 2px; }
.calendar tfoot .active { background: #6aa32f; color: #fff; padding: 6px 2px 2px; }

/* month/year drop-down menus */
.calendar .combo {
  position: absolute; display: none; top: 0; left: 0; width: 5em; cursor: default; z-index: 100;
  background: #fff; border: 1px solid #dfe4df; border-radius: 8px; box-shadow: 0 6px 18px rgba(31, 36, 32, .15);
  font-size: 13px; padding: 4px;
}
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 4px 2px; border-radius: 4px; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .hilite { background: #eaf3df; }
.calendar .combo .active { background: #6aa32f; color: #fff; font-weight: 700; }

/* time picker (not used by OrderMaster, kept tidy) */
.calendar td.time { border-top: 1px solid #dfe4df; padding: 4px 0; text-align: center; background: none; }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0 3px; font-weight: 700; background: #f3f5f2; border-radius: 4px; }
.calendar td.time .colon { padding: 0 2px; font-weight: 700; }
.calendar td.time span.hilite { background: #eaf3df; }
.calendar td.time span.active { background: #6aa32f; color: #fff; }