/* Donkerblauwe oppervlakken, lichte tekst en duidelijke bediening. */
:root{--navy:#2A3651;--paper:#2A3651;--surface:#2A3651;--ink:#f5f4ef;--muted:#c4cddd;--line:#52617b;--water:#edfafa;--water-hover:#ffffff;--water-deep:#9edfe6;--water-ink:#062c3a;--accent:var(--water);color-scheme:dark}
body{background-color:var(--paper);background-image:url('surface-pattern-dark.svg');color:var(--ink)}
.preview-bar{background:#111829;color:#c4cddd;font-size:10px}.site-header{background:#222943}.contact-bar{background:#111829;color:#edf0f7;border-bottom:1px solid #ffffff18}.contact-bar-inner{max-width:1500px;width:calc(100% - 64px);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;font-size:13px}.opening-status{display:flex;gap:10px;align-items:center;text-decoration:none;line-height:1.4}.status-dot{width:9px;height:9px;border-radius:50%;background:#fa7c85;box-shadow:0 0 0 4px #fa7c8518;flex:none}.is-open .status-dot{background:#72dc9c;box-shadow:0 0 0 4px #72dc9c18}.opening-status strong{font-weight:600}.contact-bar-links{display:flex;align-items:center;gap:24px}.contact-bar-links>a{text-decoration:none;white-space:nowrap}.contact-bar-links>a:hover,.opening-status:hover{text-decoration:underline}.whatsapp-link{display:inline-flex;align-items:center;gap:8px;background:#22533c;color:#edfff3;border:1px solid #65b487;border-radius:999px;padding:6px 14px;font-weight:600}.whatsapp-link svg{width:19px;height:19px}
.soft{background:#1d273e}.services-section,.valuation{background:#0b5f77}.services-section .service-card,.services-section .service-card:hover{background:#126f88;border-color:#6fd2df}.property-card,.filters,.contact-form,.object-contact,.empty-state{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.property-status{background:#0e6a83;color:#eaffff;border:1px solid #6fd2df}.commercial-link{border-color:var(--line);color:#8de4ec}.portrait span{background:#24304af2;color:var(--ink);border:1px solid var(--line)}.closing{background:#293550;border-color:#53607a}.site-footer{background:#111829}.site-footer p,.site-footer a,.footer-bottom{color:#d3dae6}.site-header .nav-list a:hover,.site-header .nav-list .current-menu-item a{box-shadow:0 2px var(--water)}.text-link,.commercial-link strong,.page-content a:not(.button),.object-contact>a,.contact-info>a{color:#8de4ec}
.button,.button.light,.button.neutral,.wp-block-button__link,.page-content .wp-block-button__link,.hero .button.light,.valuation .button.light{background:var(--accent);border-color:var(--accent);color:var(--water-ink)}.button:hover,.button.light:hover,.wp-block-button__link:hover{background:var(--water-hover);border-color:var(--water-hover);color:var(--water-ink)}.button.outline{background:#18203866;color:white;border-color:#d6dbe7}.button.outline:hover{background:#145a72}.page-content>h2::before{background:var(--accent)}.page-content>p,.detail-grid article p,.intro>div>p:not(.eyebrow){color:var(--muted)}
.notice,.contact-form .notice{background:#182138;color:var(--ink)!important;border-left-color:var(--water)}.notice.error{border-color:#ff999e}.notice.success{border-color:#7adea3}.field-error{color:#ffb3b8}[aria-invalid=true]{border-color:#ff999e!important}.filters input,.filters select,.contact-form input,.contact-form select,.contact-form textarea,.result-toolbar select{background:#131c30;color:var(--ink);border-color:#8090ad;border-radius:8px}input::placeholder,textarea::placeholder{color:#aebad0;opacity:1}.active-filters a{background:#145a72;color:#eaffff;border:1px solid #3aaec4;border-radius:20px}.pagination a{border-radius:12px}.pagination a[aria-current=page]{background:var(--accent);color:var(--water-ink)}.empty-state{border-radius:16px}.filters .small,.contact-info .small,.object-contact .small{color:#c4cddd}.specifications dt{color:#c4cddd}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plans-grid a{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:center;background:var(--surface)}.plans-grid img{width:100%;height:210px;object-fit:contain;background:#e6e6e2}.plans-grid span{display:block;padding:8px;font-size:13px}
dialog,#chat-panel.chatbox{background:#202b44;color:var(--ink);border:1px solid #748099}.close-dialog{color:var(--ink)}.chat-launch{background:var(--water);color:var(--water-ink);border-color:var(--water);box-shadow:0 4px 24px #0005}.chatbox-header{background:#0b5f77}.chat-messages{background:#172138}.assistant-message{background:#303d59;color:var(--ink);border-color:#63708b}.user-message{background:#145a72;color:white}.chat-message a{color:#a8edf2}.chatbox .chat-options button{background:#145a72;color:#eaffff;border-color:#3aaec4}.chatbox .chat-options button:hover{background:#1b7f99}.chat-composer,.chat-disclosure{background:#202b44;color:#ccd4e4;border-color:#59657e}.chat-composer input{background:#111b30;color:var(--ink);border-color:#7c8ba6}.chat-composer button{background:var(--accent);color:var(--water-ink)}.chatbox .chat-disclosure{color:#ccd4e4}.lightbox-stage>button{background:#2c3955;color:var(--ink)}.thumbnails button[aria-pressed=true]{border-color:var(--water)}.skip{background:var(--accent);color:var(--water-ink)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--water-hover)}.opening-hours{font-size:15px;margin-top:18px;color:#d8dfec}
@media(max-width:1100px){.contact-bar-inner{padding:10px 0;flex-wrap:wrap;justify-content:center;gap:8px 24px}.contact-bar-links{gap:22px}.opening-status{justify-content:center}}
@media(max-width:600px){.contact-bar-inner{width:calc(100% - 32px);font-size:11px;gap:10px}.opening-status{font-size:12px;width:100%}.contact-bar-links{width:100%;flex-wrap:wrap;justify-content:center;gap:8px 14px}.contact-bar-links>a{min-height:32px;display:inline-flex;align-items:center}.whatsapp-link{padding:6px 12px}.preview-bar{font-size:9px}.plans-grid{grid-template-columns:1fr 1fr}.plans-grid img{height:190px}.chat-launch{bottom:16px}.page-section{padding-bottom:85px}.contact-form input,.contact-form select{font-size:16px}}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif}h1{text-transform:uppercase;letter-spacing:-.025em;font-weight:650}.hero h1,.page-hero h1,.detail-heading h1{font-weight:650}.text-link,.commercial-link strong,.page-content a:not(.button),.object-contact>a,.contact-info>a{color:#e7fafa}
.site-header,.hero,.site-footer{background:#2A3651}.services-section,.valuation{background:#f3fbfb url('surface-pattern.svg') repeat;color:#2A3651}.services-section .section-heading>p,.services-section .eyebrow,.valuation .eyebrow,.valuation p:not(.eyebrow){color:#2A3651}.services-section .service-card,.services-section .service-card:hover{background:#fff;color:#2A3651;border-color:#b9e6ea}.services-section .service-card h3,.services-section .service-card p,.services-section .service-top span,.services-section .service-card .service-link{color:#2A3651}.services-section .service-card .service-link{border-color:#b9e6ea}.valuation .button.light{background:#2A3651;color:#fff;border-color:#2A3651}.valuation .button.light:hover{background:#3b4a68;border-color:#3b4a68}.valuation .subtle-link{color:#2A3651}.site-header .nav-list a:hover,.site-header .nav-list .current-menu-item a{box-shadow:0 2px var(--water)}
.preview-bar,.contact-bar,.chatbox-header,.closing{background:#2A3651}

/* Lichte navigatie, persoonlijke introductie en woningkaarten. */
.site-header{background:#f3fbfb;color:#2A3651;border-bottom:1px solid #d8e2e6}
.header-inner{min-height:116px}
.site-header .brand{background:#2A3651;border-radius:10px;padding:10px 14px}
.site-header .brand img{width:60px}
.site-header .nav-list,.site-header .nav-list a,.site-header .nav-cta,.site-header .menu-toggle{font-size:18px;font-weight:600}
.site-header .nav-list{gap:20px}
.site-header .nav-list a:hover,.site-header .nav-list .current-menu-item a{box-shadow:0 2px #2A3651}
.site-header .nav-cta{background:#2A3651;border-color:#2A3651;color:#fff;padding-inline:20px;gap:14px}
.site-header .nav-cta:hover{background:#3b4a68;border-color:#3b4a68}
.site-header .menu-toggle{color:#2A3651;border:1px solid #8190a1;background:transparent}
.contact-bar{background:#fff;color:#2A3651;border-bottom:1px solid #d8e2e6}
.contact-bar-inner{min-height:38px;font-size:12px;gap:16px}
.contact-bar-links{gap:20px}
.contact-bar-links>a{display:inline-flex;align-items:center;gap:7px;min-height:32px}
.holter-icon{width:20px;height:20px;flex:none}
.contact-bar .holter-icon{width:16px;height:16px}
.contact-bar .whatsapp-link{padding:3px 11px;line-height:1.4}
.owner-section{background:#f3fbfb url('surface-pattern.svg') repeat;color:#2A3651}
.owner-section .intro>div>p:not(.eyebrow){color:#43516b}
.owner-section .portrait span{background:#fff;color:#2A3651;border-color:#ccd7df}
.owner-section .button{background:#2A3651;color:#fff;border-color:#2A3651}
.owner-section .button:hover{background:#3b4a68;border-color:#3b4a68}
.property-card{background:#fff;color:#2A3651;border-color:#d9e1e8}
.property-body{background:#fff;color:#2A3651}
.property-body h3,.property-card .property-body h3 a,.property-body .property-price,.property-body .property-facts{color:#2A3651}
.property-body p{color:#526078}
.property-facts{border-color:#d9e1e8}
.site-footer{background:#2A3651;color:#fff;border-top:1px solid #ffffff24}
.site-footer h3{font-size:21px;font-weight:650;line-height:1.4}
.site-footer p,.site-footer a{font-size:17px;line-height:1.7;color:#f2f5fa}
.site-footer .footer-grid>div{min-width:0}
.site-footer a{overflow-wrap:anywhere}
.site-footer a:hover{text-decoration:underline}
.site-footer .opening-hours{font-size:16px;line-height:1.7;color:#f2f5fa}
.site-footer .footer-bottom,.site-footer .footer-bottom a,.site-footer .plain{font-size:14px;color:#f2f5fa}
.social-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:22px}
.footer-grid .social-links a{display:inline-flex;align-items:center;gap:12px;margin:0;min-height:44px;font-weight:600}
.social-links .holter-icon{width:23px;height:23px}
@media(min-width:901px) and (max-width:1150px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1380px){
 .site-header .menu-toggle{display:flex;gap:15px;align-items:center;padding:8px 15px}
 .site-header .header-inner{min-height:100px;flex-wrap:wrap;padding:12px 0;gap:0}
 .site-header nav{display:none;width:100%;padding:22px 0 12px;align-items:stretch;gap:20px}
 .site-header nav.open{display:flex;flex-direction:column}
 .site-header .nav-list{flex-direction:column;gap:3px}
 .site-header .nav-list a{padding:10px 0}
 .site-header .nav-cta{align-self:flex-start}
}
@media(max-width:1100px){.contact-bar-inner{padding:4px 0;gap:2px 20px}}
@media(max-width:600px){
 .contact-bar-inner{width:calc(100% - 32px);font-size:12px}
 .contact-bar .opening-status{font-size:11px;line-height:1.5}
 .contact-bar-links{gap:0 12px}
 .site-header .brand{padding:8px 10px}
 .site-header .brand img{width:50px}
 .site-footer h3{font-size:19px}
 .footer-grid{gap:30px 20px}
}


/* Rustige typografie, warme footer en herkenbare aanbodstatus. */
body{font-family:Arial,Helvetica,sans-serif;line-height:1.75}
h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:normal;line-height:1.2}
.hero h1,.page-hero h1,.detail-heading h1{font-weight:700;letter-spacing:-.015em;line-height:1.12}
.eyebrow{font-size:13px;letter-spacing:.07em;font-weight:700}
.button,.text-link,.service-card .service-link,.subtle-link{font-size:16px}
.service-card p{font-size:17px;line-height:1.75}
.service-card h3,.property-body h3{line-height:1.25;letter-spacing:normal}
.hero-content>p:not(.eyebrow),.intro>div>p:not(.eyebrow),.page-content>p,.detail-grid article p{line-height:1.8}
.property-card{display:flex;flex-direction:column}
.property-photo{flex-shrink:0}
.property-body{flex:1}
.property-body p{font-size:16px;color:#46536a}
.property-facts{font-size:14px;line-height:1.6;flex-wrap:wrap;gap:8px 18px}
.property-availability{display:flex;align-items:center;gap:10px;padding:14px 24px;min-height:54px;font-size:16px;font-weight:700;line-height:1.5;border-top:1px solid currentColor}
.availability-dot{width:10px;height:10px;border-radius:50%;background:currentColor;flex:none}
.property-availability.status-available{background:#e9f4ed;color:#21633a}
.property-availability.status-pending{background:#fff0dc;color:#984400}
.property-availability.status-sold{background:#fbeaea;color:#aa2828}
.property-availability.status-unknown{background:#edf0f4;color:#44516a}
.closing-section{background:#465d73;color:#fff}
.closing-section .closing{background:transparent;border:0;border-radius:0;margin-block:0;padding:64px 0}
.closing-section .eyebrow,.closing-section h2{color:#fff}
.closing-section .button{background:#fff;color:#2A3651;border-color:#fff}
.closing-section .button:hover{background:#f0eee8;border-color:#f0eee8}
.site-footer{background:#e8e3da;color:#2A3651;border-top:1px solid #d1c9bc}
.site-footer h3{color:#2A3651;font-weight:700}
.site-footer p,.site-footer a,.site-footer .opening-hours,.site-footer .footer-bottom,.site-footer .footer-bottom a,.site-footer .plain{color:#2A3651}
.site-footer .footer-logo{box-sizing:content-box;background:#2A3651;padding:14px 18px;border-radius:10px}
.site-footer .footer-bottom{border-top-color:#bdb8af;font-size:15px}
.site-footer .footer-bottom a,.site-footer .plain{font-size:15px}
.site-header :focus-visible,.site-footer :focus-visible,.owner-section :focus-visible,.services-section :focus-visible,.valuation :focus-visible,.property-card :focus-visible{outline-color:#2A3651}
@media(max-width:600px){
 .hero h1{font-size:clamp(34px,9vw,49px)}
 .closing h2{font-size:30px}
 .property-body h3{font-size:25px}
 .site-footer p,.site-footer a{font-size:17px}
}


/* Eén palet op de hele website: bijna wit, marineblauw en leiblauw. */
body{background:#f3fbfb url('surface-pattern.svg') repeat;color:#2A3651}
.soft{background:#2A3651 url('surface-pattern-dark.svg') repeat;color:#fff}
.page-section,.detail{--ink:#2A3651;--muted:#46556b;--surface:#fff;--line:#cbd7df;color:#2A3651;color-scheme:light}
.page-content>p,.detail-grid article p,.listing-intro,.contact-info .small,.object-contact .small,.filters .small,.specifications dt{color:#46556b}
.page-section .page-content>p:first-child{color:#2A3651}
.page-content a:not(.button),.detail .text-link,.object-contact>a,.contact-info>a{color:#2A3651}
.page-content>h2::before{background:#465d73}
.page-section .button,.detail .button,.page-content .wp-block-button__link{background:#2A3651;border-color:#2A3651;color:#fff}
.page-section .button:hover,.detail .button:hover,.page-content .wp-block-button__link:hover{background:#465d73;border-color:#465d73;color:#fff}
.filters,.contact-form,.object-contact,.empty-state{background:#fff;color:#2A3651;border-color:#cbd7df}
.filters input,.filters select,.contact-form input,.contact-form select,.contact-form textarea,.result-toolbar select{background:#f3fbfb;color:#2A3651;border-color:#7c8b9e}
.page-section input::placeholder,.page-section textarea::placeholder{color:#58677b}
.page-section .notice,.detail .notice,.contact-form .notice{background:#e4edf2;color:#2A3651!important;border-left-color:#465d73}
.page-section .notice.error{background:#fbeaea;color:#8f2424!important;border-color:#aa2828}
.page-section .notice.success{background:#e9f4ed;color:#21633a!important;border-color:#21633a}
.page-section .field-error{color:#aa2828}
.page-section [aria-invalid=true]{border-color:#aa2828!important}
.page-content .active-filters a{background:#e4edf2;color:#2A3651;border-color:#7c8b9e}
.page-content .pagination a{background:#fff;color:#2A3651;border-color:#7c8b9e}
.page-content .pagination a[aria-current=page]{background:#2A3651;color:#fff}
.plans-grid a{background:#fff;border-color:#cbd7df;color:#2A3651}
.page-section :focus-visible,.detail :focus-visible{outline-color:#2A3651}
.owner-section .intro{gap:48px;align-items:stretch}
.owner-section .portrait{align-self:center}
.owner-section .owner-copy{background:#2A3651;color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.owner-section .owner-copy h2,.owner-section .owner-copy .eyebrow,.owner-section .intro>.owner-copy>p:not(.eyebrow){color:#fff}
.owner-section .owner-copy h2{font-size:clamp(28px,2.7vw,42px)}
.owner-section .owner-copy .button{align-self:flex-start;background:#fff;color:#2A3651;border-color:#fff}
.owner-section .owner-copy .button:hover{background:#e4edf2;border-color:#e4edf2}
.owner-section .owner-copy :focus-visible{outline-color:#fff}
.site-footer{background:#1b263b;color:#fff;border-top:1px solid #52617b}
.site-footer h3,.site-footer p,.site-footer a,.site-footer .opening-hours,.site-footer .footer-bottom,.site-footer .footer-bottom a,.site-footer .plain{color:#f3f6fb}
.site-footer .footer-bottom{border-top-color:#52617b}
.site-footer :focus-visible{outline-color:#fff}
.social-links{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.footer-grid .social-links a{width:48px;height:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;margin:0;border:1px solid #7c8b9e;border-radius:50%;color:#fff;background:transparent}
.footer-grid .social-links a:hover{background:#465d73;border-color:#b8c8d7;text-decoration:none}
.social-links .holter-icon{width:24px;height:24px}
.chatbox-header,.user-message,.chatbox .chat-options button{background:#465d73;color:#fff}
.chatbox .chat-options button{border-color:#7c8b9e}
.chatbox .chat-options button:hover{background:#2A3651}
.chat-message a{color:#fff}
@media(max-width:900px){.owner-section .intro{gap:30px}.owner-section .owner-copy{padding:30px}}
@media(max-width:600px){.owner-section .owner-copy{padding:28px 24px}.owner-section .owner-copy h2{font-size:29px}}

.page-section .page-content a.wp-block-button__link{color:#fff}
