/* Riverfront date fields: Flatpickr inherits the existing navy, squared, editorial controls. */
body[data-concept="riverfront"] .flatpickr-input {
  color: var(--ink);
}
body[data-concept="riverfront"] .flatpickr-wrapper { width: 100%; }
body[data-concept="riverfront"] .flatpickr-calendar {
  width: min(320px, calc(100vw - 32px));
  border: 1px solid #b8c8d2;
  border-radius: 0;
  background: var(--paper);
  box-shadow: 0 18px 42px rgba(7, 31, 47, .2);
  color: var(--ink);
  font-family: var(--body-font);
  font-size: 15px;
  z-index: 100;
}
body[data-concept="riverfront"] .flatpickr-calendar.arrowTop::before,
body[data-concept="riverfront"] .flatpickr-calendar.arrowTop::after,
body[data-concept="riverfront"] .flatpickr-calendar.arrowBottom::before,
body[data-concept="riverfront"] .flatpickr-calendar.arrowBottom::after { display: none; }
body[data-concept="riverfront"] .flatpickr-months { align-items: center; min-height: 54px; background: var(--ink); color: #fff; }
body[data-concept="riverfront"] .flatpickr-current-month { padding-top: 13px; font: 600 22px/1 var(--heading); }
body[data-concept="riverfront"] .flatpickr-current-month .flatpickr-month,
body[data-concept="riverfront"] .flatpickr-current-month .cur-month { color: #fff; }
body[data-concept="riverfront"] .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: none; background: var(--ink); color: #fff; font: inherit; }
body[data-concept="riverfront"] .flatpickr-current-month input.cur-year { color: #fff; font: inherit; }
body[data-concept="riverfront"] .flatpickr-prev-month,
body[data-concept="riverfront"] .flatpickr-next-month { top: 0; width: 48px; height: 54px; padding: 14px; color: #d9edf7; }
body[data-concept="riverfront"] .flatpickr-prev-month:hover,
body[data-concept="riverfront"] .flatpickr-next-month:hover { color: #fff; background: #17445e; }
body[data-concept="riverfront"] .flatpickr-prev-month svg,
body[data-concept="riverfront"] .flatpickr-next-month svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body[data-concept="riverfront"] span.flatpickr-weekday { color: var(--muted); font: 600 12px/1.4 var(--body-font); text-transform: uppercase; }
body[data-concept="riverfront"] .flatpickr-weekdays { padding-top: 12px; }
body[data-concept="riverfront"] .flatpickr-days { width: 100%; padding: 8px 10px 12px; }
body[data-concept="riverfront"] .dayContainer { min-width: 100%; max-width: 100%; }
body[data-concept="riverfront"] .flatpickr-day { max-width: none; height: 40px; line-height: 40px; border-radius: 0; color: var(--ink); font-weight: 600; }
body[data-concept="riverfront"] .flatpickr-day:hover,
body[data-concept="riverfront"] .flatpickr-day:focus { border-color: #79a5bf; background: #e7f3f8; }
body[data-concept="riverfront"] .flatpickr-day.today { border-color: var(--accent); }
body[data-concept="riverfront"] .flatpickr-day.selected,
body[data-concept="riverfront"] .flatpickr-day.selected:hover,
body[data-concept="riverfront"] .flatpickr-day.selected:focus { border-color: var(--accent); background: var(--accent); color: #fff; }
body[data-concept="riverfront"] .flatpickr-day.flatpickr-disabled,
body[data-concept="riverfront"] .flatpickr-day.flatpickr-disabled:hover { color: #aab7be; }
body[data-concept="riverfront"] .flatpickr-calendar:focus-visible,
body[data-concept="riverfront"] .flatpickr-prev-month:focus-visible,
body[data-concept="riverfront"] .flatpickr-next-month:focus-visible { outline: 3px solid #c77527; outline-offset: -3px; }
body[data-concept="riverfront"] dialog .flatpickr-calendar.static { margin-top: 8px; }

@media (max-width: 390px) {
  body[data-concept="riverfront"] .flatpickr-calendar { width: calc(100vw - 24px); }
  body[data-concept="riverfront"] .flatpickr-day { height: 38px; line-height: 38px; }
}

@media (max-width: 759px) {
  body[data-concept="riverfront"] dialog .date-search { grid-template-columns: minmax(0, 1fr); }
  body[data-concept="riverfront"] dialog .date-search .field { grid-column: 1 / -1; width: 100%; }
  body[data-concept="riverfront"] dialog .flatpickr-wrapper { display: block; width: 100%; }
  body[data-concept="riverfront"] dialog .flatpickr-calendar.static {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
  }
}
/* Keep form-field styling out of Flatpickr's internal year control. */
body[data-concept="riverfront"] .flatpickr-months .flatpickr-month { height: 54px; }
body[data-concept="riverfront"] .flatpickr-current-month input.cur-year {
  min-height: 0; height: auto; padding: 0 0 0 .5ch; border: 0; background: transparent;
  font: inherit; line-height: 1; box-shadow: none;
}
body[data-concept="riverfront"] .flatpickr-rContainer { width: 100%; }
body[data-concept="riverfront"] .dayContainer { width: 100%; flex-basis: 100%; }