/* Shared OnVaOu search layout, localized for NaarWaar. */
.header{gap:12px}
.header nav{gap:clamp(12px,1.5vw,27px)}
.header nav a{font-size:13px;white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:8px}
.header-actions a{text-decoration:none;font-weight:800;white-space:nowrap;padding:11px 16px;border-radius:999px;font-size:13px}
.header-actions .publish{border:1px solid #b6d3ca}
.header-actions .profile{background:#f8c349;color:#073b3f}
.header-actions a:hover{filter:brightness(.95)}
.search{align-items:stretch}
.search .search-field{display:flex;align-items:center;gap:12px;padding:11px 13px;min-width:0;border-right:1px solid #e2ebe8}
.search .search-field label{padding:0;border:0;display:block;min-width:0;flex:1;color:#829796}
.search .field-icon{color:#69b999;font-size:21px;flex:none}
.search .search-field input,.search .search-field select{padding:8px 0;min-width:0}
.search .location-field .field-main{flex:1;min-width:0}
.search .location-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.search .location-heading label{flex:none}
.search .location-toggle{display:flex;align-items:center;gap:2px;padding:2px;border-radius:999px;border:1px solid #c9e0d8;background:#f8fbf9;white-space:nowrap}
.search .location-toggle button{background:transparent;color:#587173;border:0;border-radius:999px;min-height:0;padding:4px 8px;font-size:11px;line-height:1.3}
.search .location-toggle button.active{background:#126758;color:white}
.search #city[hidden],.search #provinceFilter[hidden]{display:none!important}
.search .search-submit{min-width:170px}
.quick button.active{background:#f8cb58}
.results-view .hero{min-height:270px;padding:34px 5% 75px;background:linear-gradient(180deg,#eaf5f3,#f8faf5);display:block;color:#073b3f;overflow:visible}
.results-view .hero-family,.results-view .hero-shade,.results-view .hero-copy{display:none}
.results-view .hero .search{position:relative;left:auto;bottom:auto;transform:none;width:min(1250px,100%);margin:0 auto;box-shadow:0 22px 55px #0b484723}
.results-view .hero .quick{position:relative;left:auto;bottom:auto;transform:none;margin:22px auto 0;width:max-content;max-width:100%}
.results-view .hero .quick button{box-shadow:0 4px 18px #073b3f18}
.results-view .hero .search button.search-submit{background:#69b999}
@media(max-width:1350px){.header{padding-left:155px}.header .brand{left:2.5%}.header nav{gap:12px}.header nav a{font-size:12px}.header-actions{gap:5px}.header-actions a{padding:9px 11px;font-size:12px}}
@media(max-width:1100px){.header nav{display:none}.header-actions{margin-left:0}.results-view .hero .search{display:grid;grid-template-columns:1fr 1fr}.results-view .hero{min-height:360px}}
@media(max-width:700px){.header-actions .publish{display:none}.header-actions .profile{padding:8px 10px;font-size:11px}.header .language-switch{margin-left:auto}.search .search-field{border-right:0;border-bottom:1px solid #e2ebe8}.search .location-heading{flex-wrap:wrap}.hero .search .search-submit{width:100%}.results-view .hero{min-height:0;padding:20px 17px 35px}.results-view .hero .search{display:block}.results-view .hero .quick{width:100%;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap}.results-view .hero .quick button{flex:none}}

/* The entire result card opens its mini site, including the image. */
.results .card{position:relative;transition:transform .18s,box-shadow .18s}
.results .card:has(.card-body a):hover{transform:translateY(-3px);box-shadow:0 16px 32px #102e4b24}
.results .card-body a::after{content:"";position:absolute;inset:0}
.results .card:has(.card-body a:focus-visible){outline:3px solid #f8c349;outline-offset:3px}