/* Theme majidh1/jalaliDatePicker with Baveo Liquid Glass.
   One field = one control. Never nest a second bordered input. */
.jdp-field {
  display: grid;
  gap: 8px;
  margin: 0;
}
.form-stack > label.jdp-field,
.dash-card label.jdp-field,
.form-stack label.jdp-field {
  display: grid;
  gap: 8px;
  margin: 0;
}
.jdp-field-label {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--color-text);
}
.jdp-field-control {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
  border-radius: 16px;
  border: 1.5px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
  background: var(--glass, rgba(255, 255, 255, 0.86));
  backdrop-filter: blur(12px);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.jdp-field-control:hover {
  border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border));
}
.jdp-field-control:focus-within {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
}
.jdp-field-control i {
  position: absolute;
  inset-inline-start: 14px;
  font-size: 1.15rem;
  color: var(--color-primary);
  pointer-events: none;
  line-height: 1;
}
.jdp-field-control .jdp-input,
.form-stack .jdp-field-control .jdp-input,
.dash-card .jdp-field-control .jdp-input,
.dash-main .jdp-field-control .jdp-input,
.form-stack input.jdp-input,
.dash-card input.jdp-input,
.dash-main input.jdp-input {
  width: 100%;
  min-height: 48px;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 16px;
  background: transparent !important;
  box-shadow: none !important;
  outline: none;
  padding-inline-start: 44px !important;
  padding-inline-end: 14px !important;
  font: inherit;
  color: var(--color-text);
  direction: rtl;
  text-align: right;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.jdp-field-control .jdp-input:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.jdp-field:has(.jdp-input:disabled) .jdp-field-control {
  cursor: not-allowed;
  opacity: 0.7;
}
.jdp-input::placeholder {
  color: var(--color-text-muted, #7a7186);
}

jdp-overlay {
  z-index: 4990 !important;
}

jdp-container {
  --jdp-primary: var(--color-primary, #5a189a);
  --jdp-color-0: #fff;
  --jdp-color-1: color-mix(in srgb, var(--color-primary) 8%, #fff);
  --jdp-color-2: color-mix(in srgb, var(--color-primary) 14%, #fff);
  --jdp-color-3: color-mix(in srgb, var(--color-primary) 28%, #d7cce6);
  --jdp-color-5: var(--color-ink, #10002b);
  --jdp-day-size: 44px;
  z-index: 5000 !important;
  font-family: Vazirmatn, Tahoma, sans-serif;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(16, 0, 43, 0.16);
  border: 1px solid color-mix(in srgb, var(--color-primary) 22%, #fff);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px);
}

jdp-container .jdp-day.selected {
  background-color: var(--color-primary, #5a189a) !important;
  color: #fff !important;
  border-radius: 12px;
}

jdp-container .jdp-day.today {
  border-color: var(--color-primary, #5a189a);
}

jdp-container .jdp-btn-today,
jdp-container .jdp-btn-empty,
jdp-container .jdp-btn-close {
  background: var(--color-primary, #5a189a);
  border-radius: 999px;
  min-height: 36px;
}

@media (max-width: 481px) {
  jdp-container {
    border-radius: 22px 22px 0 0;
  }
}