/* WoonRadar: quiet editorial polish, DM Sans and restrained warm accents. */
@media (min-width:801px){
  .housing-results[data-compact=true]:not([data-map=true]) .results-list .grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:13px;max-width:1160px;margin-inline:auto}
  .housing-results[data-compact=true]:not([data-map=true]) .card{display:grid;grid-template-columns:clamp(190px,24%,270px) minmax(0,1fr);min-height:178px;border-radius:14px;box-shadow:0 2px 12px #17344908;transition:border-color .2s,transform .2s}
  .housing-results[data-compact=true]:not([data-map=true]) .card:hover{border-color:#b7cbbf;transform:translateY(-1px)}
  .housing-results[data-compact=true]:not([data-map=true]) .card .image-wrap{min-height:178px;height:100%}
  .housing-results[data-compact=true]:not([data-map=true]) .card .content{padding:19px 24px;display:flex;flex-direction:column;justify-content:center;min-width:0}
  .housing-results[data-compact=true]:not([data-map=true]) .card .price{font-size:21px;letter-spacing:-.02em}
  .housing-results[data-compact=true]:not([data-map=true]) .card .address{font-size:16px}
  .housing-results[data-compact=true]:not([data-map=true]) .card .details{margin:7px 0}
  .housing-results[data-compact=true]:not([data-map=true]) .card .card-footer{margin-top:auto}
}
@media(max-width:800px){
 .housing-results[data-compact=true] .results-list .grid{grid-template-columns:1fr!important;gap:12px}
 .housing-results[data-compact=true] .card{grid-template-columns:minmax(110px,34%) minmax(0,1fr)}
 .housing-results[data-compact=true] .card .image-wrap{min-height:170px}
 .housing-results[data-compact=true] .card .content{padding:13px}
}
@media(max-width:470px){
 .housing-results[data-compact=true] .card{grid-template-columns:1fr}
 .housing-results[data-compact=true] .card .image-wrap{height:175px;min-height:0}
}
html[data-view=premium] #premiumOverlay{padding:52px 20px 76px!important}
html[data-view=premium] .premium-overlay .premium-panel{width:min(100%,780px);max-width:780px;border:1px solid #e5dacb;border-radius:22px;background:#fffdf9;padding:clamp(24px,4.5vw,52px);box-shadow:0 14px 45px #102d4210;overflow:visible}
html[data-view=premium] .premium-kicker{margin-bottom:24px}
html[data-view=premium] .premium-kicker img{max-width:240px;height:auto}
html[data-view=premium] #premiumHeading{font:600 clamp(32px,4.1vw,49px)/1.13 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;color:#0f2d4a;margin:0 0 14px;max-width:630px}
html[data-view=premium] #premiumHeading+p{font-size:16px;line-height:1.7;color:#4d6170;margin-bottom:24px}
html[data-view=premium] .premium-dialog-benefits{list-style:none;display:grid;gap:12px;padding:0;margin:0 0 26px}
html[data-view=premium] .premium-dialog-benefits li{position:relative;padding-left:29px;line-height:1.5;color:#183b4d}
html[data-view=premium] .premium-dialog-benefits li:before{content:'✓';position:absolute;left:0;top:0;color:#2e6b4f;font-weight:700}
html[data-view=premium] .premium-price{border:1px solid #e8dfd2;border-radius:13px;background:#f6f3ed;padding:19px 22px;line-height:1.65;margin:0 0 10px}
html[data-view=premium] .premium-price strong{font-size:19px;color:#0f2d4a}
html[data-view=premium] .premium-note{font-size:12px;line-height:1.6;color:#607078}
html[data-view=premium] .premium-details{margin:23px 0;border-top:1px solid #e8e0d5;border-bottom:1px solid #e8e0d5;padding:12px 0}
html[data-view=premium] .premium-details summary{font-size:13px;font-weight:650;color:#2e6b4f}
html[data-view=premium] #premiumLogin .account-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;border-radius:9px;background:#b94f40;color:white;text-decoration:none;font-weight:650;box-shadow:none}
html[data-view=premium] #premiumStatus,html[data-view=premium] #premiumAvailabilityNote{font-size:13px;line-height:1.65}
html[data-view=premium] .premium-consent{line-height:1.55}
@media(max-width:600px){html[data-view=premium] #premiumOverlay{padding:24px 12px 48px!important}html[data-view=premium] .premium-overlay .premium-panel{border-radius:15px;padding:26px 20px}html[data-view=premium] #premiumHeading{font-size:35px}}

/* Mobile search: one deliberate WoonRadar form instead of oversized stacked boxes. */
@media(max-width:600px){
 main{padding-inline:12px}
 .nav{min-height:70px;padding:9px 14px}
 .hero{min-height:285px;padding:24px 20px 94px}
 .search-panel{margin:-44px 0 0!important;padding:17px 15px 18px!important;border-radius:0 15px 15px 15px!important;border:1px solid #e6ded2;background:#fffdf9;box-shadow:0 10px 30px #16374a0b}
 .market-tabs{left:-1px;gap:4px}
 .market-tabs button{padding:12px 17px;min-height:43px;font-size:13px;border-radius:10px 10px 0 0}
 .search-panel .filters{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:11px!important;align-items:stretch}
 .search-panel .filters>div{padding:9px 12px!important;border:1px solid #dedfd7;border-radius:9px;background:#fff!important;min-height:69px;min-width:0;box-shadow:none}
 .search-panel .filters .search-location{grid-column:1/-1!important;min-height:70px}
 .search-panel .filters .search-radius{grid-column:1/-1!important;display:block;min-height:69px}
 .search-panel .filters .search-type,.search-panel .filters .search-rent{grid-column:auto!important;min-height:70px}
 .search-panel .filters>div>label:not(.outdoor-choice),.search-panel .search-rent:before{font-size:12px!important;font-weight:600;color:#526c70;margin:0 0 5px;line-height:1.4}
 .search-panel .filters input,.search-panel .filters select{font-size:15px!important;height:30px;min-height:30px;padding:2px 0;line-height:1.4}
 .search-panel .filters input::placeholder{color:#78878c}
 .search-panel .filters .search-radius select{width:100%;font-size:15px!important}
 .search-panel .type-picker summary,.search-panel .price-picker>summary{min-height:31px;height:auto;padding:3px 0;font-size:15px;line-height:1.4;color:#15384b}
 .search-panel .filters .search-rent{padding:9px 12px!important}
 .search-panel .filters .primary-search{grid-column:1/-1!important;grid-row:auto;min-height:48px!important;margin:5px 0 0!important;border-radius:9px;font-size:15px!important}
 .search-panel .search-secondary{display:flex;gap:12px 10px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #eae4da}
 .search-panel .search-secondary .all-filters{flex:1 1 100%;margin:0}
 .search-panel .all-filters>summary{min-height:42px;border-color:#d9e0d9;border-radius:8px;font-size:13px}
 .search-panel .all-filters[open]>.extra-filters{padding-top:10px}
 .search-panel .all-filters .quick-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;padding:10px 0 5px}
 .search-panel .all-filters .quick-filters label{font-size:12px!important;line-height:1.4;color:#526c70}
 .search-panel .all-filters .quick-filters input,.search-panel .all-filters .quick-filters select{font-size:14px!important;min-height:42px!important;border-radius:8px;background:white}
 .search-panel .search-submit-row{order:2!important;flex:1 1 auto;justify-content:flex-start!important;margin:0!important}
 .search-panel .search-submit-row .reset-filters-button{padding:8px 3px!important;font-size:12px}
 .search-panel .save-row{order:3!important;margin:0 0 0 auto!important;flex:0 1 auto}
 .search-panel .save-row button{min-height:42px!important;padding:9px 12px!important;font-size:12px!important;white-space:normal;text-align:center}
 .housing-results{margin:0 4px;padding-top:25px}
 .housing-results .results-header{gap:10px}
 .housing-results .offer-heading{font-size:24px}
 .housing-results .results-views button{font-size:12px;min-height:42px}
 .housing-results .sort-control{align-items:center;gap:9px}
 .housing-results .sort-control select{min-height:42px}
}
@media(max-width:390px){
 .search-panel{padding-inline:12px!important}
 .search-panel .filters{gap:8px!important}
 .search-panel .all-filters .quick-filters{grid-template-columns:1fr}
 .search-panel .save-row button{font-size:11px!important}
 .housing-results .results-views button{padding:7px 8px}
}

/* Premium: quiet legal disclosure and a single, coherent action hierarchy. */
html[data-view=premium] .premium-details{border:0;border-top:1px solid #e8e3d9;border-bottom:1px solid #e8e3d9;background:transparent;border-radius:0;box-shadow:none;padding:13px 0;margin:19px 0}
html[data-view=premium] .premium-details summary{display:list-item;list-style:revert;list-style-position:inside;color:#526a69!important;font-size:13px!important;font-weight:500!important;line-height:1.6;cursor:pointer;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;text-decoration:none!important}
html[data-view=premium] .premium-details summary::marker{color:#789188}
html[data-view=premium] .premium-details[open] summary{margin-bottom:12px}
html[data-view=premium] .premium-details p{font-size:13px;line-height:1.65}
html[data-view=premium] #premiumPersonalized{margin:0 0 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
html[data-view=premium] #premiumPersonalized[hidden]{display:none!important}
html[data-view=premium] #premiumPersonalized>p{margin:0}
html[data-view=premium] #premiumPersonalized a{display:inline-flex;align-items:center;min-height:44px;color:#245e4a;text-decoration:none;border-bottom:1px solid #b5c8bd;font-weight:600;font-size:14px}
html[data-view=premium] #premiumPersonalized>button{appearance:none;border:1px solid #cbd8d0;border-radius:9px;background:#f4f7f2;color:#173d33;font:600 14px var(--wr-interface);min-height:44px;padding:10px 16px;cursor:pointer}
html[data-view=premium] #premiumPersonalized>button:hover{background:#eaf1e9}
html[data-view=premium] #premiumStatus{margin:12px 0;color:#54686a}
html[data-view=premium] #premiumAvailabilityNote{padding-top:14px;border-top:1px solid #e8e3d9;color:#68777a}
@media(max-width:600px){
 html[data-view=premium] #premiumOverlay{padding:18px 12px 36px!important}
 html[data-view=premium] .premium-overlay .premium-panel{padding:24px 20px!important;border-radius:16px}
 html[data-view=premium] .premium-kicker{margin-bottom:18px}
 html[data-view=premium] .premium-kicker img{max-width:205px}
 html[data-view=premium] #premiumHeading{font-size:clamp(32px,8.5vw,41px);line-height:1.14;margin-bottom:13px}
 html[data-view=premium] #premiumHeading+p{font-size:15px;line-height:1.55;margin-bottom:18px}
 html[data-view=premium] .premium-dialog-benefits{gap:12px;margin-bottom:20px}
 html[data-view=premium] .premium-dialog-benefits li{font-size:14px;line-height:1.5;padding-left:26px}
 html[data-view=premium] .premium-price{padding:15px 16px;font-size:14px;line-height:1.55}
 html[data-view=premium] .premium-price strong{font-size:17px}
 html[data-view=premium] .premium-note{font-size:11px}
 html[data-view=premium] #premiumPersonalized{gap:8px}
 html[data-view=premium] #premiumPersonalized>button{width:100%;text-align:center;justify-content:center}
}
/* Service: reduce stacked visual weight without hiding help or contact options. */
@media(max-width:600px){
 html[data-view=service] .service-panel,html[data-view=service] .service-card{box-shadow:none}
 html[data-view=service] details summary{cursor:pointer}
}

/* Keep navigation focused on the Dutch WoonRadar experience. Translation
   hooks remain in the markup for compatibility, but no language picker is shown. */
.wr-language,.mobile-menu nav>label:has([data-language-picker]){display:none!important}
/* Results have a sensible default order; avoid a redundant sorting row on mobile.
   Preserve the sortOrder select in DOM for existing filtering JavaScript. */
@media(max-width:600px){
 .housing-results .sort-control,.results-toolbar .sort-control,.sort-control{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
}

/* Mobile housing types belong directly beneath their field, not in a floating dialog. */
@media(max-width:800px){
 .search-panel .search-type{position:relative!important;overflow:visible!important}
 .search-panel .type-picker[open] .type-popover{position:static!important;display:grid!important;gap:2px!important;left:auto!important;top:auto!important;width:100%!important;max-width:100%!important;max-height:none!important;min-width:0!important;box-sizing:border-box!important;box-shadow:none!important;border:0!important;border-top:1px solid #e4e6dd!important;border-radius:0!important;background:transparent!important;padding:8px 0 0!important;margin-top:8px!important}
 .search-panel .type-popover label{min-height:44px!important;padding:8px 3px!important;display:flex!important;align-items:center!important;gap:12px!important;white-space:normal!important;font-size:14px!important}
 .search-panel .type-popover input[type=checkbox]{flex:0 0 20px!important;width:20px!important;height:20px!important}
}

/* Premium: calm, compact presentation without changing subscription logic. */
html[data-view=premium] #premiumOverlay{padding:28px 16px 48px!important}
html[data-view=premium] .premium-overlay .premium-panel{
 max-width:680px;border:1px solid #e9e4d9;background:#fffdf9;
 box-shadow:0 8px 28px rgba(20,36,71,.045);padding:clamp(24px,4vw,38px)
}
html[data-view=premium] .premium-kicker{margin-bottom:16px}
html[data-view=premium] .premium-kicker img{max-width:195px}
html[data-view=premium] #premiumHeading{font-size:clamp(31px,4vw,43px);line-height:1.08;margin-bottom:9px}
html[data-view=premium] #premiumHeading+p{font-size:15px;margin-bottom:18px}
html[data-view=premium] .premium-dialog-benefits{gap:7px;margin-bottom:18px}
html[data-view=premium] .premium-dialog-benefits li{font-size:14px;padding-left:25px}
html[data-view=premium] .premium-dialog-benefits li:before{color:#245C45}
html[data-view=premium] .premium-price{
 background:transparent;border:0;border-top:1px solid #e5e5df;
 border-radius:0;padding:15px 0 5px;margin:0
}
html[data-view=premium] .premium-price strong{font-size:17px;color:#142447}
html[data-view=premium] .premium-legal-links{font-size:12px;line-height:1.6;margin:8px 0 16px}
html[data-view=premium] .premium-legal-links a{color:#34537f;text-decoration-thickness:1px;text-underline-offset:3px}
html[data-view=premium] #premiumPersonalized{gap:8px;margin:12px 0}
html[data-view=premium] #premiumPersonalized>button{
 background:#f6f8fc;color:#142447;border-color:#d5dceb;box-shadow:none
}
html[data-view=premium] #subscriptionActions button{background:#142447;border-color:#142447}
html[data-view=premium] #premiumAvailabilityNote{margin-top:12px;padding-top:10px}
@media(max-width:600px){
 html[data-view=premium] #premiumOverlay{padding:12px 10px 30px!important}
 html[data-view=premium] .premium-overlay .premium-panel{padding:22px 19px!important}
 html[data-view=premium] .premium-kicker img{max-width:180px}
 html[data-view=premium] #premiumHeading{font-size:34px}
 html[data-view=premium] .premium-dialog-benefits{gap:7px}
 html[data-view=premium] .premium-dialog-benefits li{font-size:13px;line-height:1.45}
 html[data-view=premium] .premium-price{padding-top:12px}
}

/* Language selection is a first-class navigation control, not a hidden feature. */
.wr-header .wr-language{display:flex!important;align-items:center!important;margin-left:6px}
.wr-header .wr-language select{min-height:42px;width:66px;padding:7px 9px;border:1px solid #d8dbe2;border-radius:10px;background:#fffdf9;color:#142447;font:600 13px 'DM Sans',sans-serif;cursor:pointer}
.mobile-menu nav>label:has([data-language-picker]){display:block!important}
@media(max-width:760px){
 .wr-header .wr-language{display:flex!important;margin-left:auto!important}
 .wr-header .wr-language select{width:60px;min-height:42px}
 .wr-header .mobile-menu{margin-left:0!important}
}

/* Account: WoonRadar's calm royal-blue identity, one coherent workspace. */
html[data-view=account] #authPanel.account-panel{max-width:860px;margin:22px auto 18px;padding:clamp(20px,4vw,38px);border:1px solid #e5e4de;border-radius:20px;background:#fffdf9;box-shadow:0 6px 28px #14244708;color:#142447}
html[data-view=account] #authPanel>h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,5vw,47px);line-height:1.05;letter-spacing:-.02em;color:#142447;margin:6px 0 7px}
html[data-view=account] #authPanel>p{color:#63717a;font-size:14px;margin:0 0 24px}
html[data-view=account] #signOutBtn{float:right;margin:0 0 12px 12px;border:0;background:transparent;color:#52627b;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:9px}
html[data-view=account] #accountManageLinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}
html[data-view=account] #accountManageLinks[hidden]{display:none!important}
html[data-view=account] #accountManageLinks a{display:flex;align-items:center;justify-content:center;min-height:62px;padding:12px;border:1px solid #e1e5eb;border-radius:12px;background:#f7f8fb;color:#142447;font-weight:600;font-size:13px;text-decoration:none;text-align:center;line-height:1.4;transition:border-color .15s,background .15s}
html[data-view=account] #accountManageLinks a:hover{background:#eef2fb;border-color:#9eb0d8}
html[data-view=account] #premiumWorkspace.premium-workspace{max-width:none;margin:22px 0 0;padding:24px 0 0;background:transparent;border:0;border-top:1px solid #e3e7ed;border-radius:0;box-shadow:none}
html[data-view=account] #premiumWorkspace>h2{font-family:'Cormorant Garamond',Georgia,serif;color:#142447;font-size:clamp(29px,4vw,38px);margin:0 0 8px}
html[data-view=account] #premiumWorkspace>p{color:#63717a;font-size:14px;line-height:1.6}
html[data-view=account] #premiumWorkspace h3{color:#142447;font-size:17px;margin:25px 0 13px}
html[data-view=account] #premiumWorkspace .account-section{background:transparent;border:0;border-top:1px solid #e4e7ec;border-radius:0;padding:12px 0;margin-top:20px}
html[data-view=account] #premiumWorkspace .workspace-row{border-color:#e7e9ee;gap:10px}
html[data-view=account] #premiumWorkspace button{border-color:#d5dce8;background:#fffdf9;color:#142447;border-radius:9px;font-size:13px}
html[data-view=account] #premiumWorkspace button:hover{background:#eef2fb}
html[data-view=account] #premiumWorkspace a{color:#1034A6}
html[data-view=account] #meldinginstellingen{max-width:none;border:0;border-top:1px solid #e3e7ed;border-radius:0;background:transparent;box-shadow:none;padding:22px 0 10px;margin:24px 0;color:#142447}
html[data-view=account] #meldinginstellingen h3{font-size:19px;margin:0 0 8px;color:#142447}
html[data-view=account] #meldinginstellingen>p{font-size:13px;color:#63717a;line-height:1.6}
html[data-view=account] #meldinginstellingen button{border-color:#d5dce8;border-radius:9px;background:#fffdf9;color:#142447}
html[data-view=account] #meldinginstellingen #saveAlertsBtn{background:#1034A6;color:#fff;border-color:#1034A6}
html[data-view=account] #meldinginstellingen input[type=checkbox]{accent-color:#1034A6}
html[data-view=account] #meldinginstellingen select{border-color:#d5dce8;border-radius:9px;background:#fff;color:#142447}
@media(max-width:650px){
 html[data-view=account] #authPanel.account-panel{margin:12px 10px 18px;padding:20px 18px;border-radius:16px}
 html[data-view=account] #accountManageLinks{grid-template-columns:1fr;gap:8px;margin-bottom:18px}
 html[data-view=account] #accountManageLinks a{min-height:48px;justify-content:flex-start;padding:11px 14px}
 html[data-view=account] #premiumWorkspace.premium-workspace{padding-top:20px;margin-top:20px}
 html[data-view=account] #premiumWorkspace .workspace-row button{flex:1 1 auto}
}