/* ==========================================================================
   Kalendari dhe dropdown-at modernë (faqja + paneli)
   ========================================================================== */
.cs,.dp{position:relative;display:block;width:100%;min-width:0}
.cs__native,.dp__native{position:absolute!important;inset:0;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;pointer-events:none!important;z-index:-1}
.cs__btn,.dp__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cs__btn:disabled,.dp__btn:disabled{cursor:not-allowed;opacity:.6}
.cs__val,.dp__val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;padding-top:1px}
.cs.is-empty .cs__val,.dp.is-empty .dp__val{color:var(--muted,#857a70)}
.pk-ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cs__btn>.pk-ic{width:14px;height:14px;opacity:.7;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.cs.is-open .cs__btn>.pk-ic{transform:rotate(180deg)}
.dp__btn>.pk-ic{opacity:.65}
.cs.is-invalid .cs__btn,.dp.is-invalid .dp__btn{border-color:var(--err,#c53030)!important}

/* Paneli lundrues */
.pk{position:fixed;z-index:1200;left:0;top:0;display:flex;flex-direction:column;max-height:var(--pk-max,360px);background:var(--pk-bg,#fffdfa);color:var(--ink,#141210);border:1px solid var(--line,#e7dfd5);border-radius:var(--pk-r,2px);box-shadow:0 30px 60px -22px rgba(20,18,16,.38),0 2px 6px rgba(20,18,16,.05);font-family:var(--sans,Montserrat,system-ui,sans-serif);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:50% 0;transition:opacity .22s ease,transform .38s cubic-bezier(.16,1,.3,1),visibility 0s .38s;overflow:hidden}
.pk.is-up{transform-origin:50% 100%;transform:translateY(8px) scale(.985)}
.pk.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .38s cubic-bezier(.16,1,.3,1),visibility 0s}
.pk::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--gold,#b89a6a);transform:scaleX(0);transform-origin:left;transition:transform .6s .05s cubic-bezier(.16,1,.3,1);z-index:2}
.pk.is-up::before{top:auto;bottom:0}
.pk.is-open::before{transform:scaleX(1)}

/* Lista */
.pk__search{position:relative;flex:none;padding:10px 10px 8px;border-bottom:1px solid var(--line,#e7dfd5)}
.pk__search .pk-ic{position:absolute;left:22px;top:50%;margin-top:-7px;width:14px;height:14px;color:var(--muted,#857a70)}
.pk__search input{width:100%;height:40px;padding:0 12px 0 36px!important;border:1px solid var(--line-2,#d9cfc3)!important;border-radius:var(--pk-r,2px)!important;background:var(--paper,#f7f3ee)!important;font:400 14px/1 var(--sans,inherit)!important;outline:0;box-shadow:none!important;color:inherit}
.pk__search input:focus{border-color:var(--gold,#b89a6a)!important;background:#fff!important}
.pk__search input::-webkit-search-cancel-button{-webkit-appearance:none}
.pk__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px;scrollbar-width:thin;scrollbar-color:var(--line-2,#d9cfc3) transparent}
.pk__opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--pk-r,2px);font-size:14px;line-height:1.3;cursor:pointer;transition:background .15s,color .15s,padding .25s cubic-bezier(.16,1,.3,1)}
.pk__opt .pk-ic{width:15px;height:15px;opacity:0;transform:scale(.4);transition:opacity .2s,transform .35s cubic-bezier(.16,1,.3,1);color:var(--gold-ink,#8a6f45)}
.pk__opt.is-active{background:var(--paper-2,#efe8e0);padding-left:16px}
.pk__opt[aria-selected=true]{font-weight:600}
.pk__opt[aria-selected=true] .pk-ic{opacity:1;transform:none}
.pk__opt[aria-disabled=true]{opacity:.4;cursor:default}
.pk__opt.is-ph{color:var(--muted,#857a70)}
.pk__grp{padding:12px 12px 6px;font:600 10px/1 var(--sans,inherit);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink,var(--gold,#8a6f45))}
.pk__sep{height:1px;margin:6px 10px;background:var(--line,#e7dfd5)}
.pk__none{margin:0;padding:18px 14px;font-size:13px;color:var(--muted,#857a70);text-align:center}
.pk--cs .pk__opt{opacity:0;transform:translateY(-4px)}
.pk--cs.is-open .pk__opt{opacity:1;transform:none;transition:background .15s,color .15s,padding .25s cubic-bezier(.16,1,.3,1),opacity .3s,transform .4s cubic-bezier(.16,1,.3,1)}

/* Kalendari */
.pk [hidden]{display:none!important}
.pk--dp{width:320px;max-height:none;padding:14px 14px 10px;overflow:visible}
.dp__head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}
.dp__nav{width:36px;height:36px;display:grid;place-items:center;border:0;background:none;border-radius:50%;color:inherit;cursor:pointer;transition:background .2s,transform .3s}
.dp__nav:hover:not(:disabled){background:var(--paper-2,#efe8e0)}
.dp__nav:active:not(:disabled){transform:scale(.9)}
.dp__nav:disabled{opacity:.25;cursor:default}
.dp__nav .pk-ic{width:18px;height:18px}
.dp__title{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 10px;border-radius:30px;color:inherit;cursor:pointer;font:400 22px/1 var(--serif,'Cormorant Garamond',Georgia,serif);transition:background .2s}
.dp__title em{font-style:italic;color:var(--gold-ink,#8a6f45)}
.dp__title .pk-ic{width:13px;height:13px;opacity:.6;transition:transform .35s}
.dp__title.is-up .pk-ic{transform:rotate(180deg)}
.dp__title:hover{background:var(--paper-2,#efe8e0)}
.dp__week,.dp__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.dp__week span{padding:6px 0 8px;text-align:center;font:600 10px/1 var(--sans,inherit);letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#857a70)}
.dp__day{position:relative;width:40px;height:40px;justify-self:center;display:grid;place-items:center;border:0;background:none;border-radius:50%;font:400 14px/1 var(--sans,inherit);color:inherit;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s,transform .25s}
.dp__day:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--gold,#b89a6a)}
.dp__day:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--gold,#b89a6a)}
.dp__day.is-out{color:var(--muted,#857a70);opacity:.45}
.dp__day.is-we:not(.is-out){color:var(--gold-ink,#8a6f45)}
.dp__day.is-today::after{content:"";position:absolute;bottom:6px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--gold,#b89a6a)}
.dp__day.is-sel{background:var(--ink,#141210);color:var(--pk-bg,#fffdfa)!important;opacity:1;font-weight:600}
.dp__day.is-sel::after{background:var(--pk-bg,#fffdfa)}
.dp__day.is-pop{animation:dpPop .35s cubic-bezier(.16,1,.3,1)}
.dp__day:disabled{opacity:.22;cursor:not-allowed;text-decoration:line-through;text-decoration-thickness:1px}
.dp__months{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0 6px}
.dp__mon{height:52px;border:0;background:none;border-radius:var(--pk-r,2px);font:400 15px/1 var(--sans,inherit);color:inherit;cursor:pointer;transition:background .18s,box-shadow .18s}
.dp__mon:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--gold,#b89a6a)}
.dp__mon.is-today{color:var(--gold-ink,#8a6f45);font-weight:600}
.dp__mon.is-sel{background:var(--ink,#141210);color:var(--pk-bg,#fffdfa)}
.dp__mon:disabled{opacity:.25;cursor:not-allowed}
.dp__body.slide-l{opacity:0;transform:translateX(18px)}
.dp__body.slide-r{opacity:0;transform:translateX(-18px)}
.dp__body.go{opacity:1;transform:none;transition:opacity .3s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.dp__foot{display:flex;justify-content:space-between;margin-top:8px;padding-top:10px;border-top:1px solid var(--line,#e7dfd5)}
.dp__foot button{border:0;background:none;padding:8px 10px;cursor:pointer;color:var(--ink,#141210);font:600 10.5px/1 var(--sans,inherit);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--pk-r,2px);transition:background .2s,color .2s}
.dp__foot button:hover{background:var(--paper-2,#efe8e0)}
.dp__foot [data-act=clear]{color:var(--muted,#857a70)}
@keyframes dpPop{0%{transform:scale(.7)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
@media (max-width:420px){.pk--dp{padding:12px 10px 10px}.dp__day{font-size:13px}}
@media (prefers-reduced-motion:reduce){.pk,.pk.is-open,.dp__body.go,.pk--cs .pk__opt{transition:none!important;animation:none!important}}