/* Villa directory controls: quiet, tactile and readable at every viewport size. */
.villa-directory-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.villa-search{display:flex;align-items:center;gap:9px;min-height:46px;flex:1 1 220px;max-width:320px;padding:0 11px 0 13px;border:1px solid #6f98877a;border-radius:9px;background:#103c39;color:#dbe9d9;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.villa-search:focus-within{border-color:#d9c89f;box-shadow:0 0 0 3px #d9c89f26;background:#12423e}
.villa-search svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.villa-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f1f5ec;font:inherit;font-size:14px}
.villa-search input::placeholder{color:#a9c2b2}
.villa-search button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:#d9e6d7;color:#21483b;font-size:19px;line-height:1;cursor:pointer}
.villa-search button:hover{background:#f0edda}
.villa-filter-pills{display:flex;gap:5px;flex-wrap:wrap;padding:4px;border:1px solid #587b6d55;border-radius:10px;background:#092c2f}
.villa-filter-pills button{min-height:36px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#bbd0c3;font-size:12px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.villa-filter-pills button:hover{background:#214b42;color:#edf2e7}
.villa-filter-pills button:active{transform:scale(.98)}
.villa-filter-pills button[aria-pressed=true]{background:#d9e3ce;color:#183f32}
.villa-filter-pills button span{opacity:.65;margin-left:3px;font-variant-numeric:tabular-nums}
.villa-result-count{margin-top:12px;color:#a9c3b4;font-size:12px;letter-spacing:.15px;font-variant-numeric:tabular-nums}
.villa-empty{grid-column:1/-1;display:grid;place-items:start;padding:48px 0 60px;max-width:430px}
.villa-empty h2{font-family:Georgia,serif;font-size:28px;line-height:1.15;margin:9px 0}
.villa-empty p{color:#a9c3b4;font-size:14px;line-height:1.6;margin:0 0 18px}
@media(max-width:700px){
 .villa-directory-tools{display:grid;grid-template-columns:1fr;gap:8px}
 .villa-search{max-width:none}
 .villa-filter-pills{width:100%;justify-content:space-between}
 .villa-filter-pills button{flex:1;padding-inline:6px}
 .villa-result-count{margin-top:10px}
 .villa-empty{padding:34px 0}
}
@media(prefers-reduced-motion:reduce){.villa-search,.villa-filter-pills button{transition:none}}