/* Jalali/Persian datepicker RTL overrides for Doccure */

.mds-bs-persian-datetime-picker-popover {
  z-index: 1080;
  direction: rtl;
  text-align: center;
  font-family: inherit;
  max-width: min(340px, calc(100vw - 24px));
}

.mds-bs-persian-datetime-picker-popover .popover-header,
.mds-bs-persian-datetime-picker-popover .popover-body,
.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container {
  direction: rtl;
  text-align: center;
  font-family: inherit;
}

.mds-bs-persian-datetime-picker-popover .dropdown-menu {
  text-align: right;
  direction: rtl;
}

.daterange-wraper .form-control.bookingrange,
.calender-input .form-control.datetimepicker,
.form-icon .form-control.datetimepicker,
.bookingrange {
  cursor: pointer;
}

.mds-bs-persian-datetime-picker-popover td[data-mds-dtp-selected-day],
#datetimepickershow td[data-mds-dtp-selected-day],
.mds-bs-persian-datetime-picker-popover td.selected-range-days-start-end,
#datetimepickershow td.selected-range-days-start-end {
  border-radius: 50%;
}

/*
 * Inline booking calendar
 * Restore native table layout (day grid) and keep container from
 * spilling into the time-slot column.
 */
.booking-body .row > [class*="col-"] {
  min-width: 0;
}

.booking-body .booking-calendar-col > .card,
.booking-body .booking-calendar-col .card-body {
  overflow: hidden;
  max-width: 100%;
}

#datetimepickershow {
  direction: rtl;
  text-align: center;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

#datetimepickershow [data-mds-dtp-guid] {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
}

#datetimepickershow .mds-bs-dtp-container {
  direction: rtl;
  box-sizing: border-box;
  min-width: 400px;
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 12px;
  overflow: visible;
}

/* Keep calendar markup as real tables (not stacked blocks) */
#datetimepickershow table,
.mds-bs-persian-datetime-picker-popover table {
  display: table !important;
  width: 100%;
  margin-bottom: 0 !important;
  border-collapse: collapse;
}

#datetimepickershow thead,
.mds-bs-persian-datetime-picker-popover thead {
  display: table-header-group !important;
}

#datetimepickershow tbody,
.mds-bs-persian-datetime-picker-popover tbody {
  display: table-row-group !important;
}

#datetimepickershow tfoot,
.mds-bs-persian-datetime-picker-popover tfoot {
  display: table-footer-group !important;
}

#datetimepickershow tr,
.mds-bs-persian-datetime-picker-popover tr {
  display: table-row !important;
}

/*
 * IMPORTANT: our table display:table-row overrides must NOT
 * resurrect plugin rows that are meant to stay hidden
 * (duplicate month titles + time picker).
 */
#datetimepickershow tr[hidden],
#datetimepickershow [hidden],
#datetimepickershow input[data-mds-dtp-time],
#datetimepickershow [data-mds-dtp-time],
.mds-bs-persian-datetime-picker-popover tr[hidden],
.mds-bs-persian-datetime-picker-popover [hidden],
.mds-bs-persian-datetime-picker-popover input[data-mds-dtp-time],
.mds-bs-persian-datetime-picker-popover [data-mds-dtp-time],
.mds-bs-persian-datetime-picker-popover th[mds-dtp-inline-header],
.mds-bs-persian-datetime-picker-popover tr:has(th[mds-dtp-inline-header]) {
  display: none !important;
}

#datetimepickershow th,
#datetimepickershow td,
.mds-bs-persian-datetime-picker-popover th,
.mds-bs-persian-datetime-picker-popover td {
  display: table-cell !important;
  float: none !important;
  width: auto;
  max-width: none;
  text-align: center;
  vertical-align: middle;
}

#datetimepickershow .mds-bs-dtp-container table table tbody.days tr:first-child > td,
#datetimepickershow .mds-bs-dtp-container table table tbody.days td[data-day],
#datetimepickershow .mds-bs-dtp-container table table tbody.days td[data-nm] {
  width: 14.28% !important;
}

#datetimepickershow .mds-bs-dtp-container .btn {
  font-size: 12px;
  padding: 2px 1px;
  width: 100%;
}

#datetimepickershow .mds-bs-dtp-container .dropdown-menu,
.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container .dropdown-menu {
  min-width: 100px;
  width: 100px;
  text-align: center;
  direction: rtl;
}

.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container {
  min-width: 280px;
  box-sizing: border-box;
  font-size: 12px;
}

/* Compact popover chrome */
.mds-bs-persian-datetime-picker-popover {
  --bs-popover-header-padding-x: 0.5rem;
  --bs-popover-header-padding-y: 0.35rem;
  --bs-popover-body-padding-x: 0.35rem;
  --bs-popover-body-padding-y: 0.25rem;
}

.mds-bs-persian-datetime-picker-popover .popover-header {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  padding: 0.35rem 0.5rem !important;
  min-height: 0;
}

.mds-bs-persian-datetime-picker-popover .popover-body {
  padding: 0.25rem 0.35rem 0.35rem !important;
}

/* Collapse empty plugin boxes that leave blank gaps */
.mds-bs-persian-datetime-picker-popover .select-year-box.w-0,
.mds-bs-persian-datetime-picker-popover .select-year-inline-box.w-0,
.mds-bs-persian-datetime-picker-popover [data-name="dtp-years-container"].w-0,
#datetimepickershow .select-year-box.w-0,
#datetimepickershow .select-year-inline-box.w-0,
#datetimepickershow [data-name="dtp-years-container"].w-0 {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Tighter calendar chrome + day cells (popover + inline) */
.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container table td,
.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container table th,
#datetimepickershow .mds-bs-dtp-container table td,
#datetimepickershow .mds-bs-dtp-container table th {
  padding: 1px !important;
  line-height: 1.15;
}

.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container table table tbody.days tr:first-child > td,
#datetimepickershow .mds-bs-dtp-container table table tbody.days tr:first-child > td {
  padding-bottom: 2px !important;
  font-size: 11px;
}

.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container table table tbody.days td[data-day],
.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container table table tbody.days td[data-nm],
#datetimepickershow .mds-bs-dtp-container table table tbody.days td[data-day],
#datetimepickershow .mds-bs-dtp-container table table tbody.days td[data-nm] {
  height: 28px;
  min-width: 28px;
  font-size: 12px;
  border-radius: 50%;
}

.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container .btn,
.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container .btn-sm,
#datetimepickershow .mds-bs-dtp-container .btn,
#datetimepickershow .mds-bs-dtp-container .btn-sm {
  font-size: 11px !important;
  line-height: 1.2;
  padding: 2px 1px !important;
  min-height: 0;
}

.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container tfoot .btn,
#datetimepickershow .mds-bs-dtp-container tfoot .btn {
  font-size: 11px !important;
  padding: 4px 6px !important;
}

.mds-bs-persian-datetime-picker-popover .mds-bs-dtp-container tfoot td,
#datetimepickershow .mds-bs-dtp-container tfoot td {
  padding-top: 4px !important;
}