
.wow-ultra{
  --wow-blue:#1737c5;
  --wow-gold:#ffb300;
  --gold:#ffb300;
  --ink:#0f172a;
  --muted:#6b7280;
  --bg:#f6f8fb;
  --ring:0 0 0 3px rgba(23,55,197,.16);
  --shadow:0 14px 40px rgba(10,22,70,.14);
  --radius:14px;
  --soft-border:#e6e9f2;
  --brand-accent:#2c6bed;
  --accent-600:#e3572f;
}
.wow-ultra .bar{
  background:#fff;
  border-radius:18px;
  padding:5px;
  box-shadow:var(--shadow);
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
.wow-ultra .bar-compact{ gap:4px; padding:4px
}
.wow-ultra .seg{
  flex:1 1 220px; display:flex; gap:10px; align-items:center;
  background:#fff; border:1px solid rgba(15,23,42,.12); border-radius:var(--radius);
  padding:14px 16px; position:relative; max-height:58px;
}
.wow-ultra .seg:focus-within{ box-shadow:var(--ring); border-color:transparent
}
.wow-ultra .seg-label{
  font-weight:600;
  color:#111827;
  font-size:11px; /* explicit per request */
  line-height:1;
  margin:0 0 2px 0; /* remove right shift/padding from global .label, tighten spacing above input */
}
.wow-ultra .seg input{
  border:0; outline:0; width:100%; background:transparent;
  font-size:1rem; line-height:1.25; padding:0; margin:0; /* avoid looking pushed down */
}
.wow-ultra .where-editor{
  outline:0; min-height:1.25rem; font-size:1rem; line-height:1.25;
}
.wow-ultra .where-editor:empty:before{
  content: attr(data-placeholder); color:#9ca3af;
}
.wow-ultra .where-editor .where-chip{ gap:0; padding-right:5px; margin-right:5px
}
.wow-ultra .where-plus{ margin-left:2px; color:#6b7280; font-size:.9rem
}
.wow-ultra .chip-x{
  background: transparent; border:0; color:#6b7280; padding:0; margin-left:2px;
  width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; border-radius:9999px;
}
.wow-ultra .chip-x:hover{ background:#f3f4f6; color:#111827
}
.wow-ultra .summary{ color:#374151; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis
}
.wow-ultra .btn-search:focus{ box-shadow:var(--ring)
}

/* Inline search button now uses .btn-wow classes */
.wow-ultra.only-what .seg{ flex:1 1 100%
}
.wow-ultra.only-what .bar{ flex-wrap:nowrap
}
.wow-ultra .pane{
  position:absolute; left:0; right:0; top:calc(100% + 10px);
  background:#fff; border:1px solid var(--soft-border); border-radius:16px;
  box-shadow:var(--shadow); z-index:40; overflow:hidden; text-align:left;
}
.wow-ultra .pane.narrow{ width:min(560px, 96vw); right:auto
}
/* Adaptive alignment helpers */
.wow-ultra .pane.align-left{ left:0 !important; right:auto !important
}
.wow-ultra .pane.align-right{ left:auto !important; right:0 !important
}
.wow-ultra .pane .section-title{
  font-size:.85rem; font-weight:700; letter-spacing:.01em; color:#111827;
  padding:10px 14px; background:#f9fafb; border-bottom:1px solid #eef2f7;
}
.wow-ultra .listy{ max-height:360px; overflow:auto; padding:6px 0
}
.wow-ultra .item{ display:flex; align-items:center; gap:10px; padding:12px 14px; text-align:left; background:#fff; border:0; width:100%
}
.wow-ultra .item:hover, .wow-ultra .item[aria-selected="true"]{ background:#f2f5ff
}
.wow-ultra .item .title{ font-weight:600; color:#0f172a
}
.wow-ultra .item .type{ font-size:.75rem; padding:.1rem .5rem; border-radius:999px; background:#eef2ff; color:#2536eb; margin-left:.5rem
}
.wow-ultra .hl{ background:linear-gradient(180deg,rgba(255,233,150,.0),rgba(255,233,150,.9)); border-radius:4px
}
.wow-ultra .counter{ display:flex; align-items:center; gap:10px
}
.wow-ultra .btn-counter{ width:28px; height:28px; padding:0; border-radius:50%; border:1px solid #cfd5e1; background:#fff; color:#111827; display:inline-flex; align-items:center; justify-content:center
}
.wow-ultra .btn-counter:hover{ background:#f9fafb
}
.wow-ultra .btn-counter .bi{ font-size:14px; line-height:1
}
.wow-ultra [id$='when-pane']{ left:50%; transform:translateX(-50%); right:auto; max-width:min(980px, 96vw); border-radius:18px
}
.wow-ultra [id$='who-pane']{ left:auto; right:0; max-width:min(560px, 96vw); border-radius:18px
}
@media (max-width: 768px){
  /* On small screens, make WHO pane span the segment width to avoid overflow */
.wow-ultra [id$='who-pane']{ left:0; right:0; max-width:100%;
}
}
.wow-ultra .cal-head{ display:flex; border-bottom:1px solid var(--soft-border); background:#fff
}
.wow-ultra .cal-col{ width:50%; text-align:center; padding:18px 22px; font-weight:700; color:#0f172a; position:relative; background:none; border:0; cursor:pointer
}
.wow-ultra .cal-col:focus-visible{ outline:2px solid var(--brand-accent); outline-offset:2px
}
.wow-ultra .cal-col.active::after{ content:""; position:absolute; left:16px; right:16px; bottom:-1px; height:3px; background:var(--brand-accent); border-radius:3px
}
.wow-ultra .cal-body{ padding:12px 16px 0
}
.wow-ultra .flexible-pane{ padding:1rem; text-align:center; border:1px dashed var(--soft-border); border-radius:12px; background:#fafbff; font-size:.95rem
}
.wow-ultra .cal-foot{ display:flex; gap:12px; flex-wrap:wrap; padding:14px 16px; border-top:1px solid var(--soft-border); background:#fff; justify-content:center
}
.wow-ultra .cal-foot.is-disabled .chip{ opacity:.5; cursor:not-allowed
}
.wow-ultra .chip{ border-radius:999px; padding:12px 16px; font-weight:700; background:#fff; border:1px solid #cfd5e1
}
.wow-ultra .chip.primary{ border-color:var(--brand-accent); color:var(--brand-accent); box-shadow:inset 0 0 0 2px rgba(44,107,237,.06)
}
.wow-ultra .chip .bi{ margin-right:8px
}
.wow-ultra .cal-body .flatpickr-calendar{ border:0; box-shadow:none; margin:0 auto
}
.wow-ultra .flatpickr-innerContainer{ padding:0 4px 8px
}
.wow-ultra .flatpickr-months{ display:flex; justify-content:center; gap:18px
}
.wow-ultra .flatpickr-months .flatpickr-month{ flex:0 1 auto
}
.wow-ultra .flatpickr-months .flatpickr-current-month{ width:100%
}
.wow-ultra .flatpickr-months .flatpickr-month .flatpickr-next-month,
.wow-ultra .flatpickr-months .flatpickr-month .flatpickr-prev-month{ top:10px
}
.wow-ultra .flatpickr-months .flatpickr-month{ color:#0f172a; font-weight:700
}
.wow-ultra .flatpickr-weekdays{ margin-top:6px
}
.wow-ultra .flatpickr-day{ border-radius:10px
}
.wow-ultra .flatpickr-day.selected,
.wow-ultra .flatpickr-day.startRange,
.wow-ultra .flatpickr-day.endRange{ background:var(--brand-accent); border-color:var(--brand-accent); color:#fff
}
.wow-ultra .flatpickr-day.inRange{ background:rgba(44,107,237,.12); border-color:rgba(44,107,237,.12)
}
@media (max-width: 992px){
/* Search button layout handled by flex; sizing via .btn-wow sizes */
}

/* Specific tweak for home inline What list */
#home-inline-what-list { padding-top: 0px;
}
