/* VOLT v9.5 · Persian date picker */
@keyframes jdpIn{from{opacity:0;transform:translateY(14px) scale(.97)}}
@keyframes jdpSheet{from{transform:translateY(100%)}}
@keyframes jdpFade{from{opacity:0}}

/* the field: looks like every other input, with a calendar mark at the end */
input.jdp-field.jdp-field{cursor:pointer;caret-color:transparent;-webkit-user-select:none;user-select:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8a63' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M7 3v3M17 3v3M4 8.5h16M5.5 5h13A1.5 1.5 0 0 1 20 6.5v12a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18.5v-12A1.5 1.5 0 0 1 5.5 5z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:left 12px center!important;background-size:18px 18px!important;padding-left:40px!important;text-overflow:ellipsis}
input.jdp-field.jdp-empty::placeholder{color:#b9bec7aa}
input.jdp-field:disabled{cursor:not-allowed;opacity:.6}

/* the calendar */
dialog.jdp-pop{position:fixed;inset:0;z-index:2147483000;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:16px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden!important;animation:none!important;direction:rtl;font-family:inherit;color:#F4F5F7}
dialog.jdp-pop[open]{display:grid!important;grid-template-rows:none!important;place-items:center}
dialog.jdp-pop::backdrop{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.jdp-pop.out{opacity:0;transition:opacity .15s}
.jdp-scrim{position:absolute;inset:0;background:#05060899;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:jdpFade .2s both}
.jdp-card{position:relative;width:min(352px,100%);max-height:calc(100dvh - 32px);overflow:auto;display:grid;gap:12px;padding:16px 16px 14px;border-radius:26px;
  background:linear-gradient(160deg,#25272c,#17191d 60%);border:1px solid #ffffff1c;box-shadow:0 30px 80px -20px #000c,inset 0 1px 0 #ffffff1f;animation:jdpIn .26s cubic-bezier(.2,.9,.25,1) both}
.jdp-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:4px 4px 10px;border-bottom:1px solid #ffffff14}
.jdp-top small{grid-column:1;color:#B9BEC7;font-size:12px;font-weight:700}
.jdp-top b{grid-column:1;font-size:17px;font-weight:900;line-height:1.5;overflow-wrap:anywhere}
.jdp-x{grid-column:2;grid-row:1/span 2;width:38px;height:38px;border-radius:12px;border:1px solid #ffffff1f;background:#ffffff0d;color:inherit;display:grid;place-items:center;cursor:pointer}
.jdp-x svg,.jdp-step svg,.jdp-title svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jdp-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}
.jdp-step{height:44px;border-radius:14px;border:1px solid #ffffff1a;background:#ffffff0a;color:inherit;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .15s}
.jdp-step:active{transform:scale(.94)}
.jdp-title{height:44px;border-radius:14px;border:0;background:transparent;color:inherit;font:inherit;font-size:16px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.jdp-title svg{color:#ff8a63}
.jdp-title[aria-expanded="true"]{background:#ff6f3b1f;color:#ffb08f}
.jdp-week,.jdp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.jdp-week span{text-align:center;font-size:12px;font-weight:800;color:#B9BEC7;padding:2px 0}
.jdp-week .fri{color:#ff8f7a}
.jdp-day{aspect-ratio:1;min-height:38px;border-radius:13px;border:1px solid transparent;background:transparent;color:#F4F5F7;font:inherit;font-size:15px;font-weight:800;cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .15s}
.jdp-day:hover{background:#ffffff12}
.jdp-day:active{transform:scale(.9)}
.jdp-day.fri{color:#ff9d88}
.jdp-day.today{border-color:#ff8a63;color:#ffb08f}
.jdp-day.sel{background:linear-gradient(140deg,#ffa17e,#ff6f3b);color:#1A0B05;border-color:transparent;box-shadow:0 8px 22px -6px #ff6f3bcc}
.jdp-day:disabled{opacity:.28;cursor:not-allowed;text-decoration:line-through}
.jdp-day:focus-visible,.jdp-step:focus-visible,.jdp-title:focus-visible,.jdp-foot button:focus-visible,.jdp-x:focus-visible,.jdp-months button:focus-visible,.jdp-years button:focus-visible{outline:2px solid #ffa17e;outline-offset:2px}
.jdp-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.jdp-years{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:150px;overflow:auto;margin-top:10px;padding:8px;border-radius:16px;background:#0000002e;overscroll-behavior:contain}
.jdp-months button,.jdp-years button{min-height:40px;border-radius:12px;border:1px solid #ffffff14;background:#ffffff08;color:inherit;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.jdp-months button.sel,.jdp-years button.sel{background:linear-gradient(140deg,#ffa17e,#ff6f3b);color:#1A0B05;border-color:transparent}
.jdp-time{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:800;color:#B9BEC7}
.jdp-time input{width:auto!important;min-width:0;max-width:150px;height:42px;border-radius:12px;border:1px solid #ffffff22;background:#ffffff0d;color:#F4F5F7;padding:0 12px;font:inherit}
.jdp-foot{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.jdp-foot button{flex:1 1 0;min-width:88px;min-height:44px;border-radius:14px;font:inherit;font-weight:900;font-size:14px;cursor:pointer;border:1px solid #ffffff1f;background:#ffffff0d;color:#F4F5F7}
.jdp-foot .jdp-today{border-color:#ff8a6366;color:#ffb08f}
.jdp-foot .jdp-ok{background:linear-gradient(140deg,#ffa17e,#ff6f3b);color:#1A0B05;border-color:transparent}
.jdp-foot button:disabled{opacity:.4;cursor:not-allowed}

/* phones: a sheet from the bottom */
@media (max-width:600px){
  dialog.jdp-pop[open]{place-items:end stretch;padding:0!important}
  .jdp-card{width:100%;max-height:92dvh;border-radius:26px 26px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom));animation:jdpSheet .3s cubic-bezier(.2,.9,.25,1) both}
  .jdp-card::before{content:"";justify-self:center;width:42px;height:4px;border-radius:9px;background:#ffffff33;margin:-4px 0 2px}
  .jdp-day{min-height:42px;font-size:16px}
}
@media (max-width:340px){.jdp-day{min-height:34px;font-size:14px;border-radius:11px}.jdp-week,.jdp-grid{gap:2px}}
@media (prefers-reduced-motion:reduce){.jdp-card,.jdp-scrim{animation:none}}