/* Israeli date / time / month pickers (see js/pickers.js) */
.pick { position: relative; display: block; inline-size: 100%; min-inline-size: 0; }
.pick > input { padding-inline-end: 3.1rem; }
.pick-btn {
  position: absolute; inset-block: 0; inset-inline-end: 0; inline-size: var(--tap); min-block-size: var(--tap);
  display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent;
  border-start-end-radius: var(--radius-sm); border-end-end-radius: var(--radius-sm); font-size: 1.15rem; cursor: pointer;
}
.pick-btn:hover { background: var(--hover); }
.pick > input[aria-invalid="true"] { border-color: var(--danger); }

.pk-sheet { max-inline-size: 380px; }
.pk { display: flex; flex-direction: column; gap: .6rem; }
.pk-nav { display: flex; align-items: center; justify-content: center; gap: .15rem; }
.pk-nav .iconbtn { min-inline-size: 40px; min-block-size: 44px; }
.pk-title { text-align: center; font-size: 1.05rem; flex: 1; }
.pk-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .2rem; }
.pk-wd { text-align: center; font-size: .8rem; font-weight: 700; color: var(--muted); padding-block: .2rem; }
.pk-day, .pk-cell {
  min-block-size: 44px; min-inline-size: 0; padding: 0; border: 1px solid transparent; border-radius: var(--radius-sm);
  background: var(--input-bg); font-size: 1rem; cursor: pointer;
}
.pk-day:hover:not(:disabled), .pk-cell:hover { background: var(--hover); }
.pk-day.today { border-color: var(--accent); font-weight: 700; }
.pk-day[aria-pressed="true"], .pk-cell[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: #fff; }
.pk-day:disabled { color: var(--disabled); cursor: not-allowed; }
.pk-months { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; }
.pk-times { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .25rem; }
.pk-cell { border-color: var(--border); }
.pk-sub { font-weight: 600; font-size: .88rem; color: var(--muted); }