/* Isolated, predictable styling for the third-party Jalali date picker. */
jdp-container {
  --jdp-day-size: 42px;
  --jdp-primary: #2563eb;
  --jdp-red: #dc2626;
  --jdp-color-0: #fff;
  --jdp-color-1: #f4f7fb;
  --jdp-color-2: #e5ebf3;
  --jdp-color-3: #bcc9d9;
  --jdp-color-4: #66758a;
  --jdp-color-5: #263548;
  z-index: 11000 !important;
  width: 316px !important;
  min-width: 316px !important;
  max-width: 316px !important;
  padding: 10px !important;
  border: 1px solid #d8e1ec !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .18) !important;
  overflow: hidden !important;
  direction: rtl !important;
  font-family: Vazirmatn, Tahoma, sans-serif !important;
  line-height: 1.4 !important;
}
jdp-container, jdp-container *, jdp-container *::before, jdp-container *::after { box-sizing: border-box !important; }
jdp-container input,
jdp-container select,
jdp-container textarea {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  text-align: center !important;
}
jdp-container select { appearance: auto !important; cursor: pointer !important; }
jdp-container .jdp-months,
jdp-container .jdp-years {
  height: 42px !important;
  margin: 0 3px !important;
  align-items: stretch !important;
  gap: 4px !important;
  color: #263548 !important;
  font-size: 14px !important;
}
jdp-container .jdp-months { width: calc(54% - 6px) !important; }
jdp-container .jdp-years { width: calc(46% - 6px) !important; }
jdp-container .jdp-month,
jdp-container .jdp-year {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d7e0eb !important;
  border-radius: 9px !important;
  background: #fbfdff !important;
  font-weight: 750 !important;
  overflow: hidden !important;
}
jdp-container .jdp-icon-plus,
jdp-container .jdp-icon-minus {
  display: none !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 42px !important;
  place-items: center !important;
  border: 1px solid #d7e0eb !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
  color: #475569 !important;
}

jdp-container .jdp-month select,
jdp-container .jdp-year select,
jdp-container .jdp-year input {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background-color: #fbfdff !important;
  color: #263548 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 40px !important;
  text-align: center !important;
  text-align-last: center !important;
}
jdp-container .jdp-month select,
jdp-container .jdp-year select {
  padding-inline: 14px 8px !important;
  cursor: pointer !important;
}
jdp-container .jdp-year input { appearance: textfield !important; cursor: text !important; }
jdp-container .jdp-year input::-webkit-inner-spin-button,
jdp-container .jdp-year input::-webkit-outer-spin-button { appearance: none !important; margin: 0 !important; }
jdp-container .jdp-icon-plus:hover,
jdp-container .jdp-icon-minus:hover { border-color: #8db4ed !important; background: #eff6ff !important; color: #1d4ed8 !important; }
jdp-container .jdp-icon-plus svg,
jdp-container .jdp-icon-minus svg { width: 20px !important; height: 20px !important; padding: 2px !important; }
jdp-container .jdp-days-header { margin-top: 10px !important; padding: 4px 3px !important; border-radius: 8px !important; background: #f4f7fb !important; }
jdp-container .jdp-days { padding: 4px 3px 2px !important; }
jdp-container .jdp-day,
jdp-container .jdp-day-name {
  width: 14.285714% !important;
  flex-basis: 14.285714% !important;
  height: 36px !important;
  margin: 1px 0 !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #334155 !important;
  font-size: 13px !important;
  line-height: 34px !important;
  text-align: center !important;
}
jdp-container .jdp-day-name { color: #64748b !important; font-size: 12px !important; font-weight: 850 !important; }
jdp-container .jdp-day:not(.disabled-day):hover { z-index: 1; background: #edf4ff !important; color: #1d4ed8 !important; transform: none !important; }
jdp-container .jdp-day.today { border-color: #93b9ee !important; background: #f5f9ff !important; font-weight: 850 !important; }
jdp-container .jdp-day.selected { border-color: #2563eb !important; background: #2563eb !important; color: #fff !important; box-shadow: 0 4px 9px rgba(37, 99, 235, .24) !important; }
jdp-container .jdp-day.not-in-month { opacity: .32 !important; }
jdp-container .jdp-day.last-week,
jdp-container .jdp-day.holiday-day,
jdp-container .jdp-day.holly-day { color: #dc2626 !important; }
jdp-container .jdp-footer { padding: 9px 0 0 !important; border-top: 1px solid #edf1f6 !important; }
jdp-container .jdp-btn-today,
jdp-container .jdp-btn-empty,
jdp-container .jdp-btn-close {
  min-height: 34px !important;
  padding: 6px 11px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #2563eb !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.7 !important;
}
jdp-container .jdp-btn-empty { background: #f1f5f9 !important; color: #475569 !important; }
@media (max-width: 481px) {
  jdp-container { width: 100% !important; min-width: 280px !important; max-width: 100% !important; padding: 12px 12px 16px !important; border-radius: 16px 16px 0 0 !important; }
  jdp-container .jdp-day, jdp-container .jdp-day-name { height: 40px !important; line-height: 38px !important; }
}