/* Takeaway Pacific · css/when.css. The ride form's When card: Now / Later, then a day and a time (js/front/when-picker.js). */
.whenwrap{display:flex;flex-direction:column;gap:10px;width:100%}
.whenpick{display:flex;flex-direction:column;gap:6px;animation:wpIn 260ms var(--out,ease-out)}
.whenpick[hidden]{display:none}
.wp-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.whenpick select.input{appearance:auto;width:100%;min-height:48px;font-weight:700;font-size:16px}
.wp-t{position:relative;display:block}
.wp-t svg{position:absolute;left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);pointer-events:none;opacity:.7}
.wp-t select.input{padding-left:38px}
@keyframes wpIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.whenpick{animation:none}}