/* Xenora search bar: fields, destination suggestions, datepicker (shared by home + search results) */
.xh-field{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-3);padding:0 var(--space-4);min-height:52px;flex:1;transition:border-color .15s}
.xh-field:hover{border-color:var(--color-border-hover)}
.xh-field:focus-within{border-color:var(--color-border-input-focus,#242326);box-shadow:var(--shadow-focus)}
.xh-field--where{flex:1.4}.xh-field--when{flex:1.1}
.xh-field svg{flex:none;color:var(--color-text-primary)}
.xh-field__body{display:flex;gap:var(--space-4);min-width:0}
.xh-field__body input{flex:1}
.xh-field__col{display:flex;flex-direction:column;flex:1;min-width:0}
.xh-field label{font:600 12px/16px var(--font-body);color:var(--color-text-secondary)}
.xh-field input{border:0;outline:0;background:transparent;padding:0;font:400 14px/20px var(--font-body);color:var(--color-text-primary);width:100%;min-width:0}
.xh-field input::placeholder{color:var(--color-text-placeholder)}
.xh-field input.error{color:var(--color-status-error)}
.xh-field.is-invalid{border-color:var(--color-status-error)}
/* datepicker (bootstrap-datepicker.js markup) */
.datepicker{display:none;position:absolute;top:0;left:0;background:#fff;border-radius:var(--radius-3);box-shadow:var(--shadow-popover);padding:var(--space-3);font:400 14px/20px var(--font-body);z-index:1000!important;border:1px solid var(--color-border-subtle)}
.datepicker table{border-collapse:collapse}
.datepicker th,.datepicker td{text-align:center;width:36px;height:36px;border-radius:var(--radius-2);cursor:pointer}
.datepicker th{font-weight:600}
.datepicker td.day:hover,.datepicker th.switch:hover,.datepicker th.prev:hover,.datepicker th.next:hover,.datepicker span:hover{background:var(--color-bg-subtle)}
.datepicker td.active,.datepicker span.active{background:var(--color-brand-primary)!important;color:#fff}
.datepicker td.disabled,.datepicker td.old,.datepicker td.new{color:var(--color-text-disabled,#aaa7ac);cursor:default}
.datepicker td.disabled:hover{background:none}
.datepicker span.month,.datepicker span.year{display:inline-block;width:23%;line-height:44px;cursor:pointer;border-radius:var(--radius-2);text-align:center}
.datepicker-dropdown:before,.datepicker-dropdown:after{display:none}
.xh-field input[readonly]{cursor:pointer}
/* destination suggestions */
.xh-field--where{position:relative}
.xh-suggest{position:absolute;z-index:40;left:-1px;right:-1px;top:calc(100% + 8px);margin:0;padding:var(--space-2);list-style:none;background:var(--color-bg-surface);border-radius:var(--radius-3);box-shadow:var(--shadow-popover);max-height:280px;overflow:auto}
.xh-suggest[hidden]{display:none}
.xh-suggest li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-2);font:500 14px/20px var(--font-body);cursor:pointer}
.xh-suggest li svg{flex:none;color:var(--color-text-secondary);background:var(--color-bg-subtle);border-radius:var(--radius-2);padding:7px;width:34px;height:34px}
.xh-suggest li:hover,.xh-suggest li.active{background:var(--color-bg-subtle)}

/* the field wrapper shows the focus ring; never draw a second box on the inner input */
.xh-field input,.xh-field input:focus,.xh-field input:focus-visible,.xh-field input:active{outline:0!important;outline-offset:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none}