/* Compact route search; the header and introductory line retain their layout. */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body:not(.results-page) .search-panel{max-width:820px;margin-inline:auto;padding:0;border:0;background:transparent;box-shadow:none}
body:not(.results-page) .search-toolbar{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.compact-trip-picker{position:relative;min-width:0}
.compact-trip-picker select,.search-toolbar .baggage-picker>summary{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:9px 14px;color:var(--ink);background:var(--paper);font-size:14px;cursor:pointer}
.compact-trip-picker select{appearance:none;-webkit-appearance:none;height:42px;max-width:100%;padding-inline-end:34px}
.compact-trip-picker::after{content:'⌄';position:absolute;inset-inline-end:12px;top:8px;pointer-events:none;color:var(--blue-dark)}
.search-toolbar .baggage-picker{position:relative;min-width:110px;margin:0;padding:0;border:0}
.search-toolbar .baggage-picker>summary{gap:12px;white-space:nowrap}
.search-toolbar .baggage-options{position:absolute;z-index:20;inset-inline-start:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 36px));margin:0;background:var(--paper);box-shadow:var(--shadow);border:1px solid var(--line)}
body:not(.results-page) #firstRoute{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
body:not(.results-page) #firstRoute>.autocomplete{border:1px solid var(--line);background:var(--paper);padding:9px 15px 8px;border-radius:12px}
body:not(.results-page) #firstRoute>.autocomplete>label{margin:0;font-size:12px;line-height:20px;color:var(--muted)}
body:not(.results-page) #firstRoute>.autocomplete>input{height:32px;min-height:32px;border:0;border-radius:0;padding:0 48px 0 0;background:transparent;box-shadow:none;font-size:16px}
html[dir=rtl] body:not(.results-page) #firstRoute>.autocomplete>input{padding:0 0 0 48px}
body:not(.results-page) #firstRoute>.autocomplete:focus-within{border-color:var(--blue);outline:2px solid var(--blue-soft);outline-offset:1px}
.swap-airports{position:absolute;z-index:9;inset-inline-end:16px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:3px solid var(--bg);border-radius:50%;background:var(--paper);color:var(--blue-dark);display:grid;place-items:center;padding:9px}
.swap-airports:hover{background:var(--blue-soft)}
.swap-airports svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(90deg)}
.search-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}
.search-meta.is-multicity{grid-template-columns:minmax(0,1fr)}
.compact-picker{position:relative;min-width:0}
.compact-picker>summary{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:72px;padding:10px 15px;padding-inline-end:32px;border:1px solid var(--line);border-radius:12px;background:var(--paper);list-style:none;cursor:pointer;position:relative}
.compact-picker>summary::-webkit-details-marker{display:none}
.compact-picker>summary::after{content:'⌄';position:absolute;inset-inline-end:12px;top:24px;color:var(--blue-dark)}
.picker-label{font-size:12px;color:var(--muted)}
.picker-value{font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.picker-panel{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:20;width:min(390px,calc(100vw - 36px));padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.traveller-picker .picker-panel{inset-inline-start:auto;inset-inline-end:0}
.date-picker-panel,.traveller-picker-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.picker-panel .field label{margin-inline-start:3px}
.traveller-picker-panel .children-ages{grid-column:1/-1;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.picker-done{grid-column:1/-1;min-height:42px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:650}
.compact-search-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 2px;font-size:13px}
.direct-flight-option{cursor:pointer;min-height:32px}
.more-search-options{position:relative;color:var(--muted);font-size:12px}
.more-search-options>summary{cursor:pointer}
body:not(.results-page) .more-search-options .search-options{position:absolute;z-index:18;top:calc(100% + 8px);inset-inline-end:0;display:grid;width:min(350px,calc(100vw - 36px));padding:16px;margin:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}
body:not(.results-page) .search-btn{height:52px;min-height:48px;width:100%;max-width:none;margin:0;border-radius:12px;font-size:16px}
body:not(.results-page) .search-panel[data-trip-type=multicity] #firstRoute{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr) 28px;gap:8px;align-items:end}
body:not(.results-page) .search-panel[data-trip-type=multicity] #firstRoute>.autocomplete{padding:0;border:0;background:transparent}
body:not(.results-page) .search-panel[data-trip-type=multicity] #firstRoute>.autocomplete>input{height:52px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--paper)}
body:not(.results-page) .search-panel[data-trip-type=multicity] #firstRoute>.autocomplete>label{margin:0 0 6px}
@media(max-width:760px){
  body:not(.results-page) .search-toolbar{position:relative}
  .search-toolbar .baggage-picker{position:static}
  .search-toolbar .baggage-options{inset-inline-start:0;inset-inline-end:auto;width:min(360px,100%);max-width:100%;min-inline-size:0;max-height:70dvh;overflow:auto}
}
@media(max-width:460px){
  .compact-trip-picker select,.search-toolbar .baggage-picker>summary{font-size:13px}
  .search-meta{gap:8px}.compact-picker>summary{padding:9px 11px;padding-inline-end:25px;min-height:76px}
  .picker-value{font-size:13px}.compact-picker>summary::after{inset-inline-end:8px}
  .compact-search-options{gap:8px;font-size:12px}.more-search-options{font-size:11px}
  body:not(.results-page) .search-panel[data-trip-type=multicity] #firstRoute{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px}
  body:not(.results-page) .search-panel[data-trip-type=multicity] #outboundField{grid-column:1/3}
}