/* Shared search-bar styles — used by index.html, attractions.html, tickets.html
   and all 226 destination posts. Edit here once; every page picks it up.

   Layout notes worth keeping:
   - .hero-content must be width:100% on the pages that use it. It is a flex
     item, so without it the column shrinks to its content and this bar can
     never reach its max-width (this is what clipped the placeholder before).
   - .hp-label / .hp-dateval are nowrap so "CHECK OUT" and "Add date" cannot
     break onto a second line and squash the bar.
   - Do NOT put overflow:hidden on the hero: it clips the .hp-ac autocomplete.
*/

.hp-search{max-width:1040px;margin:2rem auto 0;width:100%;}
.hp-search-inner{display:flex;background:#fff;border:1px solid #e4ddd0;border-radius:18px;box-shadow:0 16px 44px rgba(28,26,23,0.20);overflow:visible;}
.hp-field{display:flex;flex-direction:column;justify-content:center;padding:17px 24px;border-right:1px solid #e4ddd0;flex:1;min-width:0;position:relative;text-align:left;}
.hp-field.hp-dest{flex:2.6;}
.hp-label{font-size:0.64rem;letter-spacing:0.16em;text-transform:uppercase;color:#6B6458;margin-bottom:4px;white-space:nowrap;}
.hp-nights{color:#B59A6A;letter-spacing:0.08em;text-transform:none;font-size:0.62rem;}
.hp-dateval{font-size:1.02rem;font-weight:300;color:#b3ab9c;cursor:pointer;white-space:nowrap;}
.hp-dateval.filled{color:#1C1A17;}
.hp-datefield{cursor:pointer;}
.hp-field input{border:none;outline:none;text-overflow:ellipsis;font-family:'Jost',sans-serif;font-size:1.04rem;font-weight:300;color:#1C1A17;background:transparent;width:100%;}
.hp-field input::placeholder{color:#b3ab9c;}
.hp-go{background:#B59A6A;border:none;border-radius:0 18px 18px 0;color:#fff;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;padding:0 2.6rem;cursor:pointer;flex-shrink:0;transition:background 0.2s;}
.hp-go:hover{background:#9a824f;}
.hp-ac{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e4ddd0;border-top:none;list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto;display:none;z-index:200;box-shadow:0 14px 30px rgba(28,26,23,0.12);}
.hp-ac li{padding:10px 16px;cursor:pointer;font-size:0.88rem;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #F2EDE4;color:#1C1A17;}
.hp-ac li:hover{background:#F2EDE4;}
.hp-ac li .hp-ac-label{color:#6B6458;font-size:0.76rem;}
@media(max-width:600px){.hp-search-inner{flex-direction:column;border-radius:16px;}.hp-field{border-right:none;border-bottom:1px solid #e4ddd0;}.hp-go{padding:16px;border-radius:0 0 16px 16px;}}