/* VVW Clubgids 1.5.0 | Bewust afgeschermd van globale JouwWeb CSS. */
.vvwg-root,.vvwg-root *{box-sizing:border-box}
.vvwg-root{color:#19364a;max-width:1100px;width:100%;min-width:0;margin:16px auto 24px;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.vvwg-root :is(a,button,input,select):focus-visible{outline:2px solid #2585ac;outline-offset:2px}
.vvwg-root [hidden]{display:none!important}
.vvwg-root .vvwg-kicker{font-size:11px;font-weight:750;letter-spacing:1.4px;text-transform:uppercase;color:#b4ddeb!important;margin:0 0 6px}
.vvwg-root .vvwg-overview-head{padding:20px 22px;border-radius:12px;background:#1f6283;color:white}
.vvwg-root .vvwg-overview-head h2{font-size:26px;font-weight:750;line-height:1.2;color:white!important;margin:0}
.vvwg-root .vvwg-lead{font-size:14px;max-width:800px;margin:8px 0 0;color:#fff!important}
.vvwg-root .vvwg-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding-top:16px}
.vvwg-root label.vvwg-field{display:flex;flex-direction:column;flex:1 1 200px;font-size:12px;font-weight:750;color:#19364a;min-width:0}
.vvwg-root label.vvwg-search-field{flex:1.4 1 230px}
.vvwg-root .vvwg-field :is(input,select){font:400 15px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;display:block!important;width:100%!important;height:42px!important;min-height:42px!important;padding:8px 10px!important;margin:5px 0 0!important;border:1px solid #a9bdc9!important;border-radius:7px!important;color:#19364a!important;background:white!important;box-shadow:none!important}
.vvwg-root .vvwg-reset{flex:0 1 110px;height:42px;margin:0;padding:8px;border:1px solid #a9bdc9;border-radius:7px;background:#f4f8fa;color:#19364a;cursor:pointer;font-size:13px;font-weight:650}
.vvwg-root .vvwg-count{font-size:12px;color:#607584;margin:10px 0}
.vvwg-root .vvwg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;align-items:stretch;margin:12px 0}
.vvwg-root .vvwg-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #dce6ea;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px rgba(17,50,70,.05);margin:0}
.vvwg-root .vvwg-card-photo,.vvwg-root .vvwg-card-placeholder{display:block!important;width:100%!important;height:140px!important;max-height:140px!important;margin:0!important;object-fit:cover;object-position:center;background:#dce8ed;color:#346276}
.vvwg-root .vvwg-card-placeholder{display:grid!important;place-items:center}
.vvwg-root .vvwg-card-content{display:flex;flex:1;flex-direction:column;padding:14px;min-width:0}
.vvwg-root .vvwg-card-location{color:#607584;font-size:12px;margin:0 0 5px}
.vvwg-root h3.vvwg-card-name{font-family:inherit!important;font-size:17px!important;font-weight:750!important;line-height:1.3!important;color:#1b445c!important;margin:0 0 10px!important;overflow-wrap:anywhere}
.vvwg-root .vvwg-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.vvwg-root .vvwg-tag{display:inline-block;padding:3px 8px;background:#edf6f9;border:1px solid #d9eaf0;border-radius:30px;color:#205b76;font-size:11px;font-weight:700;line-height:1.4}
.vvwg-root a.vvwg-card-link{display:block;margin:auto 0 0;padding:9px 10px;background:#1f6283;color:#fff!important;font-size:13px;font-weight:750;text-align:center;text-decoration:none!important;border-radius:6px}
.vvwg-root a.vvwg-card-link:hover{background:#164d69}
.vvwg-root .vvwg-empty,.vvwg-root .vvwg-error{background:#f4f8fa;border:1px solid #dce6ea;border-radius:9px;padding:15px}
.vvwg-root .vvwg-detail{max-width:960px;margin:0 auto;background:white;border:1px solid #dce6ea;border-radius:16px;overflow:hidden;box-shadow:0 7px 26px rgba(17,50,70,.08)}
.vvwg-root .vvwg-detail-head{display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#173a52,#23678a);color:#fff;padding:25px 30px}
.vvwg-root h2.vvwg-detail-name{font-family:inherit!important;color:#fff!important;font-size:clamp(21px,3.3vw,30px)!important;line-height:1.2!important;margin:0;font-weight:750!important}
.vvwg-root .vvwg-detail-place{color:#e2eff4!important;font-size:14px;margin:8px 0 0}
.vvwg-root .vvwg-logo{flex:0 0 86px;width:86px;height:86px;object-fit:contain}
.vvwg-root .vvwg-detail-body{padding:25px 30px}
.vvwg-root .vvwg-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.18fr);gap:27px;align-items:start;margin-bottom:18px}
.vvwg-root .vvwg-photo-wrap{margin:0;position:relative;border-radius:11px;overflow:hidden;background:#dce8ed}
.vvwg-root .vvwg-main-photo{width:100%!important;height:258px!important;object-fit:cover;display:block!important;margin:0!important}
.vvwg-root .vvwg-image-empty{height:200px;display:grid;place-items:center;color:#608090}
.vvwg-root .vvwg-about h3{color:#215f7d;font-size:17px;font-weight:750;margin:0 0 10px}
.vvwg-root .vvwg-description{white-space:pre-line;margin:0;font-size:15px}
.vvwg-root .vvwg-section-title{display:flex;align-items:center;gap:10px;color:#1b445c;font-size:19px;font-weight:750;margin:12px 0}
.vvwg-root .vvwg-section-title::before{content:"";display:block;width:5px;height:20px;border-radius:4px;background:#2c86aa;flex:none}
.vvwg-root .vvwg-data{margin:0;border:1px solid #dce6ea;border-radius:11px;overflow:hidden}
.vvwg-root .vvwg-data-row{display:grid;grid-template-columns:minmax(150px,29%) minmax(0,1fr)}
.vvwg-root .vvwg-data-row+.vvwg-data-row{border-top:1px solid #dce6ea}
.vvwg-root .vvwg-data-row dt,.vvwg-root .vvwg-data-row dd{margin:0;padding:10px 14px;overflow-wrap:anywhere}
.vvwg-root .vvwg-data-row dt{background:#f4f8fa;color:#3b5668;font-weight:750}
/* 1.6.10: Alleen de linkerkolom heeft een vet lettergewicht.
   Ook HTML-strong, contactlabels en statussen in de rechterkolom blijven normaal. */
.vvwg-root .vvwg-detail .vvwg-data-row dd,
.vvwg-root .vvwg-detail .vvwg-data-row dd *{font-weight:400!important}

.vvwg-root .vvwg-data-row a{color:#17668e;text-decoration:underline;text-underline-offset:2px}
.vvwg-root .vvwg-contact+.vvwg-contact{margin-top:11px}
.vvwg-root .vvwg-contact strong{display:block;font-weight:750}
.vvwg-root .vvwg-contact-line{display:flex;flex-wrap:wrap;gap:5px 10px}
.vvwg-root .vvwg-facilities{padding-top:18px}
.vvwg-root .vvwg-fac-icons{display:block;max-width:100%;height:auto;border-radius:6px}
.vvwg-root .vvwg-detail-footer{padding-top:22px}
.vvwg-root a.vvwg-back{color:#17668e;font-weight:750;text-decoration:none}
@media(max-width:680px){
 .vvwg-root{font-size:15px;margin:9px auto 18px}
 .vvwg-root .vvwg-controls{gap:10px}
 .vvwg-root label.vvwg-field,.vvwg-root label.vvwg-search-field{flex:1 1 100%}
 .vvwg-root .vvwg-reset{flex:1 1 100%}
 .vvwg-root .vvwg-overview-head{padding:17px}
 .vvwg-root .vvwg-overview-head h2{font-size:23px!important}
 .vvwg-root .vvwg-detail-head{padding:19px 18px;gap:12px}
 .vvwg-root h2.vvwg-detail-name{font-size:22px!important}
 .vvwg-root .vvwg-logo{width:62px;height:62px;flex-basis:62px}
 .vvwg-root .vvwg-detail-body{padding:18px}
 .vvwg-root .vvwg-intro{grid-template-columns:1fr;gap:18px}
 .vvwg-root .vvwg-main-photo{height:auto!important;max-height:300px;object-fit:cover}
 .vvwg-root .vvwg-data-row{grid-template-columns:1fr}
 .vvwg-root .vvwg-data-row dt{padding:7px 12px 2px}
 .vvwg-root .vvwg-data-row dd{padding:3px 12px 10px}
}
/* Vaste sectie voor tanken/afvalwater en aangevinkte voorzieningen. */
.vvwg-root .vvwg-services{padding-top:14px}
.vvwg-root .vvwg-service-note{margin:4px 0 0;white-space:pre-line}
.vvwg-root .vvwg-availability{color:#215f7d;font-weight:750}
.vvwg-root .vvwg-facility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;margin-top:10px;align-items:stretch}
.vvwg-root .vvwg-facility-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:120px;text-align:center;gap:10px;padding:12px 10px 10px;background:linear-gradient(180deg,#fbfdff,#f4f8fa);border-radius:12px;border:1px solid #d9e6ed;box-shadow:0 2px 10px rgba(17,50,70,.04)}
.vvwg-root .vvwg-facility-tile:hover{border-color:#bfd5df;box-shadow:0 5px 16px rgba(17,50,70,.08)}
.vvwg-root img.vvwg-facility-icon{display:block!important;width:48px!important;height:48px!important;max-width:48px!important;object-fit:contain;background:#fff;padding:6px;border:1px solid #d9e6ed;border-radius:10px;box-shadow:0 1px 5px rgba(17,50,70,.06)}
.vvwg-root .vvwg-facility-label{display:block;color:#2f5065;font-size:13px;line-height:1.3;font-weight:650;letter-spacing:-.1px;hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.vvwg-root .vvwg-empty-facilities{font-size:13px;color:#667b87;margin:0}

/* 1.5 – herkenbaar Ankerhaven-embleem, bruikbaar binnen het WordPress-thema. */
.vvwg-root .vvwg-detail-head-text{flex:1 1 auto;min-width:0}
.vvwg-root .vvwg-head-marks{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex:0 0 auto}
.vvwg-root img.vvwg-anchor-badge{display:block!important;width:86px!important;height:86px!important;max-width:86px!important;object-fit:contain!important;margin:0!important}
.vvwg-root img.vvwg-logo{display:block!important;margin:0!important}
.vvwg-root .vvwg-about:empty{display:none}
.vvwg-single-shell{width:100%;max-width:1140px;margin:32px auto 48px;padding:0 18px;min-height:50vh;box-sizing:border-box}
.vvwg-single-shell .vvwg-root{margin:0 auto}
.vvwg-single-shell .vvwg-detail{max-width:960px}
.vvwg-root .vvwg-data-row dd:empty::after{content:'\00a0'}
@media(max-width:680px){
 .vvwg-root .vvwg-head-marks{gap:7px}
 .vvwg-root img.vvwg-anchor-badge{width:55px!important;height:55px!important;max-width:55px!important}
 .vvwg-single-shell{margin:18px auto 28px;padding:0 10px}
 .vvwg-root .vvwg-facility-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
 .vvwg-root .vvwg-facility-tile{min-height:108px;padding:10px 8px 9px;gap:8px}
 .vvwg-root .vvwg-facility-label{font-size:12px;line-height:1.28}
}
