/* انتخابگر تاریخ شمسی — هفته از شنبه، جمعه با رنگ متفاوت */

.jdp{
  position:absolute;z-index:60;top:calc(100% + 6px);inset-inline-start:0;width:min(336px,100%);min-width:300px;
  padding:14px;border-radius:14px;direction:rtl;
  background:#1c1402;border:1px solid rgba(209,159,25,.5);
  box-shadow:0 34px 64px -16px rgba(0,0,0,.9),0 0 0 4px rgba(0,0,0,.25);
  opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity .18s var(--ease),transform .18s var(--ease);
}
.jdp.is-open{opacity:1;transform:none}
.jdp--up{top:auto;bottom:calc(100% + 6px);transform-origin:bottom center}

.jdp__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.jdp__nav{
  display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:19px;
  border:1px solid rgba(255,244,215,.14);background:rgba(255,244,215,.05);color:var(--cream);transition:var(--transition)
}
.jdp__nav:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.jdp__title{display:flex;gap:6px;flex:1;min-width:0}
.jdp__sel{
  flex:1;min-width:0;height:40px;padding:0 8px;border-radius:10px;border:1px solid rgba(255,244,215,.14);
  background:#251b03;color:var(--cream);font:700 15px var(--font-body);cursor:pointer;outline:0;text-align:center;text-align-last:center
}
.jdp__sel--year{flex:.85}
.jdp__sel:focus{border-color:var(--gold)}
.jdp__sel option{background:#251b03;color:var(--cream)}

.jdp__week,.jdp__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.jdp__week{margin-bottom:6px}
.jdp__week span{padding:6px 0;text-align:center;font-size:13px;font-weight:700;color:var(--gold)}
.jdp__week .is-fri{color:#ff9b8a}
.jdp__blank{display:block}
.jdp__day{
  height:40px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;
  color:var(--cream);font:600 15px var(--font-body);transition:background .15s,color .15s,border-color .15s,transform .15s
}
.jdp__day:hover{background:rgba(209,159,25,.2)}
.jdp__day:focus-visible{outline:0;border-color:var(--gold);background:rgba(209,159,25,.18)}
.jdp__day.is-fri{color:#ff9b8a}
.jdp__day.is-today{border-color:rgba(209,159,25,.75)}
.jdp__day.is-selected{background:linear-gradient(180deg,#e4b022,#c99013);color:var(--ink);font-weight:800;border-color:transparent;box-shadow:0 8px 16px -8px rgba(209,159,25,.9)}

.jdp__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,244,215,.1)}
.jdp__foot button{height:38px;padding:0 16px;border-radius:9px;cursor:pointer;font:700 14px var(--font-body);transition:var(--transition)}
.jdp__today{border:1px solid rgba(209,159,25,.6);background:rgba(209,159,25,.12);color:var(--gold)}
.jdp__today:hover{background:var(--gold);color:var(--ink)}
.jdp__close{border:1px solid rgba(255,244,215,.14);background:transparent;color:var(--sand)}
.jdp__close:hover{color:var(--cream);border-color:rgba(255,244,215,.3)}
.jdp__len{font-size:12px;color:var(--sand)}

@media (max-width:575px){
  .jdp{position:fixed;inset-inline:12px;bottom:12px;top:auto;width:auto;min-width:0;transform-origin:bottom center;transform:translateY(12px)}
  .jdp.is-open{transform:none}
}