/* Desktop date picker and dropdown lists in the site theme (form-controls.js), in place of the browser's own
   popups: white panel with the fields' grey edge, the city picker's pale orange (#FCEFE0) for the hovered and
   chosen row, the chosen day filled orange (--color-primary). Phones keep the native pickers. */
.tmc-fc-pop{position:fixed; z-index:1000; background:#fff; border:1px solid #C7C1C1; border-radius:8px;
  box-shadow:0 10px 25px -5px rgba(0,0,0,.12), 0 4px 10px -6px rgba(0,0,0,.1); font-family:inherit; color:#1B1B1B}
.tmc-fc-pop *{box-sizing:border-box}
.tmc-fc-pop button{font:inherit; color:inherit; background:none; border:0; cursor:pointer}

/* dropdown list */
.tmc-fc-list{max-height:16rem; overflow-y:auto; overscroll-behavior:contain; padding:4px 0}
.tmc-fc-opt{display:block; width:100%; text-align:left; padding:8px 12px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.tmc-fc-opt.is-active{background:#FCEFE0}
.tmc-fc-opt.is-sel{background:#FCEFE0; font-weight:600; color:#C66B04}
.tmc-fc-opt[disabled]{color:#B5ADA5; cursor:default}
.tmc-fc-grp{padding:8px 12px 4px; font-size:12px; font-weight:700; color:#8A817A}

/* date picker */
.tmc-fc-cal{width:296px; padding:12px}
.tmc-fc-head{display:flex; align-items:center; justify-content:space-between; gap:6px; margin-bottom:8px}
.tmc-fc-pop .tmc-fc-title{flex:1; padding:6px 8px; border-radius:8px; font-weight:700; color:#35343D; text-align:center}
.tmc-fc-pop .tmc-fc-title:hover{background:#FCEFE0}
.tmc-fc-nav{width:34px; height:34px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; color:#B55D00}
.tmc-fc-nav:hover{background:#FCEFE0}
.tmc-fc-nav svg{width:18px; height:18px}
.tmc-fc-wk,.tmc-fc-days{display:grid; grid-template-columns:repeat(7,1fr); gap:2px}
.tmc-fc-wk span{text-align:center; font-size:12px; font-weight:700; color:#6B6259; padding:4px 0}
.tmc-fc-wk span:first-child{color:#BD5746}
.tmc-fc-day{height:36px; border-radius:8px; font-variant-numeric:tabular-nums}
.tmc-fc-day:hover{background:#FCEFE0}
.tmc-fc-day.is-active{background:#FCEFE0}
.tmc-fc-day.is-out{color:#B5ADA5}
.tmc-fc-day.is-sun{color:#DC2626}
.tmc-fc-day.is-today{box-shadow:inset 0 0 0 1.5px var(--color-primary, #FF851A)}
.tmc-fc-day.is-sel,.tmc-fc-day.is-sel:hover{background:var(--color-primary, #FF851A); color:#fff; font-weight:700}
.tmc-fc-day[disabled]{color:#D6D0CA; cursor:default; background:none}
.tmc-fc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:6px}
.tmc-fc-grid button{height:40px; border-radius:8px}
.tmc-fc-grid button:hover{background:#FCEFE0}
.tmc-fc-grid button.is-sel{background:var(--color-primary, #FF851A); color:#fff; font-weight:700}
.tmc-fc-foot{display:flex; justify-content:flex-end; margin-top:8px; padding-top:8px; border-top:1px solid #EFE9E3}
.tmc-fc-foot button{padding:6px 12px; border-radius:8px; font-weight:600; color:#B55D00}
.tmc-fc-foot button:hover{background:#FCEFE0}
.tmc-fc-pop button:focus-visible{outline:2px solid var(--color-primary, #FF851A); outline-offset:1px}
