@import '/src/vendor/flatpickr/flatpickr.min.css';
/* N38: only picker-owned controls and the flatpickr popup. */
input.rakeez-datetime {
  direction: ltr;
  text-align: left;
  font-variant-numeric: tabular-nums;
  padding-inline-end: 38px;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px 18px;
  cursor: pointer;
}
input.rakeez-datetime--date {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18'/%3E%3C/svg%3E");
}
input.rakeez-datetime--time {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
.flatpickr-calendar {
  direction: rtl;
  font-family: var(--font);
  background: var(--bg-elev);
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-3);
  z-index: 2000;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-time input,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  background: var(--bg-elev);
  color: var(--text);
}
.flatpickr-calendar .flatpickr-day { color: var(--text); }
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.selected:hover {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled { color: var(--text-3); opacity: .45; }
.flatpickr-calendar .numInput,
.flatpickr-calendar .flatpickr-day {
  direction: ltr;
  unicode-bidi: isolate;
  font-family: Arial, sans-serif;
  font-variant-numeric: tabular-nums;
}
.flatpickr-calendar .rakeez-year-input-hidden { display: none; }
.flatpickr-calendar .rakeez-year-select {
  width: 72px;
  padding: 2px 4px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--bg-elev);
  color: var(--text);
  font: inherit;
  font-family: Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  direction: ltr;
}
/* RTL visual order: minute, hour, period; flatpickr keeps its hour/minute bindings. */
.flatpickr-calendar .flatpickr-time { direction: rtl; }
.flatpickr-calendar .flatpickr-time > .numInputWrapper:nth-child(3) { order: 0; }
.flatpickr-calendar .flatpickr-time .flatpickr-time-separator { order: 1; }
.flatpickr-calendar .flatpickr-time > .numInputWrapper:first-child { order: 2; }
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm { order: 3; }
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  direction: rtl;
  unicode-bidi: isolate;
}
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm { width: 28%; white-space: nowrap; }
@media (max-width: 360px) {
  .flatpickr-calendar { max-width: calc(100vw - 20px); }
}