/* [CW-QK129·追加 4] 共用日期日历与时间浮层（原在 store.css，CW-QK089）：预订页与三语首页找车小卡共用；脚本在 assets/picker.js */
/* [CW-QK089] 页面自己画的日期日历（浏览器自带日历跟系统语言走，英文页会弹中文）：日期框外包一层 .st-dp 作定位锚点 */
.st-dp{position:relative;min-width:0}
.field .st-dp input,.quick-card .st-dp input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;cursor:pointer;padding-right:44px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") no-repeat right 14px center/18px 18px}
.st-cal{position:absolute;z-index:1200;top:calc(100% + 6px);left:0;width:100%;min-width:288px;max-width:324px;box-sizing:border-box;padding:12px;
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);font-size:.95rem}
.st-cal__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.st-cal__title{font-weight:700;font-variant-numeric:tabular-nums}
.st-cal__nav{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);font:inherit;font-size:1.4rem;line-height:1;cursor:pointer}
.st-cal__nav:hover:not(:disabled){background:var(--gold-tint)}
.st-cal__nav:disabled{color:#c4bfb3;cursor:not-allowed}
.st-cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.st-cal__wd{padding:4px 0;font-size:.78rem;color:var(--ink-faint)}
.st-cal__day{height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}
.st-cal__day:hover:not(:disabled){background:var(--gold-tint)}
.st-cal__day.is-today{box-shadow:inset 0 0 0 1px var(--gold)}
.st-cal__day.is-sel{background:var(--ink);color:#fff}
.st-cal__day:disabled{color:#c4bfb3;cursor:not-allowed}
.st-cal button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
/* [CW-QK089] 时间：一个框＋一个浮层（上 24 个小时、下 12 个分钟），不再是两个下拉；#st-hour／#st-min 隐藏留作取值 */
.field .st-dp--time input,.quick-card .st-dp--time input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.st-tp__label{margin:2px 0 6px;font-size:.78rem;color:var(--ink-faint)}
.st-tp__label:not(:first-child){margin-top:12px}
.st-tp__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;text-align:center}
.st-tp__cell{height:38px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}
.st-tp__cell:hover{background:var(--gold-tint)}
.st-tp__cell.is-sel{background:var(--ink);color:#fff}
.st-tp .st-tp__cell:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.st-dp--time .st-cal{left:auto;right:0}
/* 首页找车小卡：浮层不比小卡宽（小卡在窄屏只有一栏宽），时间浮层靠右对齐 */
.quick-card .st-dp{position:relative;min-width:0}
.quick-card .st-cal{min-width:0;width:288px;max-width:calc(100vw - 48px)}
.quick-card .qf-row .qf:first-child .st-cal{left:0}
.quick-card .st-dp--time .st-cal{left:auto;right:0}