/* Календар у формах (assets/js/datepicker.js) — Air Datepicker у кольорах бренду */

.dp-input {
  cursor: pointer; padding-right: 2.5rem;
  background: var(--bs-body-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ee5d1c' viewBox='0 0 16 16'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E") no-repeat right .9rem center / 16px;
}
.dp-input[readonly] { background-color: var(--bs-body-bg); }

.air-datepicker {
  --adp-z-index: 1070; /* над модалками Bootstrap (1055) */
  --adp-width: 300px;
  --adp-padding: 10px;
  --adp-font-family: var(--bs-body-font-family);
  --adp-font-size: 15px;
  --adp-color: var(--text);
  --adp-color-secondary: var(--text-muted);
  --adp-accent-color: var(--brand-orange);
  --adp-color-current-date: var(--brand-orange);
  --adp-color-disabled: #c4c8ce;
  --adp-color-other-month: #c4c8ce;
  --adp-color-other-month-hover: var(--text-muted);
  --adp-day-name-color: var(--brand-navy);
  --adp-day-name-color-hover: var(--brand-orange);
  --adp-background-color-hover: var(--brand-sand-soft);
  --adp-background-color-active: #efe3d5;
  --adp-cell-background-color-selected: var(--brand-orange);
  --adp-cell-background-color-selected-hover: var(--brand-orange-dark);
  --adp-border-color: var(--border);
  --adp-border-color-inner: var(--border);
  --adp-border-radius: var(--radius);
  --adp-cell-border-radius: 50%;
  --adp-day-cell-height: 36px;
  --adp-nav-height: 40px;
  --adp-nav-arrow-color: var(--brand-navy);
  --adp-btn-height: 36px;
  --adp-btn-color: var(--brand-blue);
  --adp-btn-border-radius: var(--radius-sm);
  box-shadow: var(--shadow-float);
}
.air-datepicker-overlay { --adp-overlay-z-index: 1065; --adp-overlay-background-color: rgba(15, 42, 74, .45); }
.air-datepicker.-is-mobile- { --adp-width: min(340px, calc(100vw - 32px)); }

.air-datepicker-nav--title { font-weight: 700; color: var(--brand-navy); text-transform: capitalize; }
.air-datepicker-nav--title i { color: var(--text-muted); }
.air-datepicker-body--day-name { font-size: .8rem; font-weight: 700; text-transform: none; }
.air-datepicker-cell.-current- { font-weight: 700; }
.air-datepicker-cell.-selected-, .air-datepicker-cell.-selected-.-current- { color: #fff; font-weight: 700; }
.air-datepicker-cell.-weekend-:not(.-disabled-):not(.-selected-):not(.-other-month-) { color: var(--brand-orange-dark); }
.air-datepicker-button { font-weight: 600; }