/* ===== WEEKENDWEGBUNGALOWS.NL – GLOBAL STYLES ===== */
:root {
–groen: #2d6a2d;
–groen-light: #4a9e4a;
–oranje: #f5a623;
–bg-zacht: #f7f9f4;
–rand: #d4e8d4;
}
/* Hero */
.wwb-hero {
background: linear-gradient(135deg, var(–groen) 0%, #3d8a3d 100%);
color: #fff; border-radius: 14px; padding: 40px 28px 32px;
text-align: center; margin-bottom: 36px;
}
.wwb-hero h1 { color: #fff; font-size: clamp(1.6rem,5vw,2.4rem); line-height:1.2; margin:0 0 12px; }
.wwb-hero p { font-size: clamp(.95rem,3vw,1.1rem); opacity:.92; margin:0 0 22px; }
.wwb-hero-btns { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
/* Knoppen */
.wwb-btn-primary {
display:inline-flex; align-items:center; gap:8px;
background: var(–oranje); color: #1a1a1a !important;
font-weight:700; font-size:1.05rem; padding:14px 30px;
border-radius:50px; text-decoration:none !important;
box-shadow:0 4px 16px rgba(0,0,0,.2); transition:transform .15s;
}
.wwb-btn-primary:hover { transform:translateY(-2px); }
.wwb-btn-outline {
display:inline-flex; align-items:center; gap:8px;
background:transparent; color:#fff !important;
font-weight:600; font-size:1rem; padding:13px 26px;
border-radius:50px; border:2px solid rgba(255,255,255,.7);
text-decoration:none !important; transition:background .15s;
}
.wwb-btn-outline:hover { background:rgba(255,255,255,.15); }
/* Park-kaartjes grid */
.wwb-parks {
display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px; margin:20px 0 32px;
}
.wwb-park-card {
background:#fff; border-radius:12px; overflow:hidden;
box-shadow:0 2px 12px rgba(0,0,0,.08); border:1px solid var(–rand);
transition:box-shadow .2s, transform .2s;
}
.wwb-park-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.13); transform:translateY(-3px); }
.wwb-park-card-body { padding:18px 20px; }
.wwb-park-card-badge {
display:inline-block; background:var(–groen); color:#fff;
font-size:.72rem; font-weight:700; letter-spacing:.04em;
padding:3px 10px; border-radius:20px; margin-bottom:8px; text-transform:uppercase;
}
.wwb-park-card h3 { margin:0 0 6px; font-size:1.1rem; color:#1a1a1a; }
.wwb-park-card p { margin:0 0 14px; font-size:.88rem; color:#555; line-height:1.55; }
.wwb-park-card .wwb-card-link {
display:inline-flex; align-items:center; gap:6px;
background:var(–groen); color:#fff !important;
font-weight:600; font-size:.88rem; padding:9px 18px;
border-radius:8px; text-decoration:none !important;
}
.wwb-park-card .wwb-card-link:hover { background:#245a24; }
/* USP strip */
.wwb-usps {
display:flex; flex-wrap:wrap; gap:10px; list-style:none;
padding:0; margin:0 0 28px;
}
.wwb-usps li {
flex:1 1 calc(50% – 10px); min-width:180px;
background:var(–bg-zacht); border-left:4px solid var(–groen-light);
padding:10px 14px; border-radius:6px; font-size:.9rem;
}
/* Secties */
.wwb-section-title {
font-size:clamp(1.1rem,4vw,1.5rem) !important;
border-left:4px solid var(–groen-light);
padding-left:12px !important; color:var(–groen) !important;
margin:32px 0 14px !important;
}
.wwb-intro { font-size:1.03rem; line-height:1.75; color:#333; margin-bottom:20px; }
/* Regio blokken */
.wwb-regions {
display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:16px; margin:16px 0 28px;
}
.wwb-region {
background:var(–bg-zacht); border-radius:10px;
padding:18px 20px; border-top:4px solid var(–groen-light);
}
.wwb-region h3 { color:var(–groen); margin:0 0 6px; font-size:1rem; }
.wwb-region p { font-size:.88rem; color:#555; margin:0 0 12px; line-height:1.5; }
.wwb-region a { color:var(–groen); font-weight:600; text-decoration:none; font-size:.88rem; }
.wwb-region a:hover { text-decoration:underline; }
/* Info box */
.wwb-infobox {
background:var(–bg-zacht); border:1px solid var(–rand);
border-radius:10px; padding:20px 22px; margin:20px 0;
}
.wwb-infobox h3 { color:var(–groen); margin:0 0 8px; font-size:1rem; }
.wwb-infobox ul { margin:0; padding-left:18px; }
.wwb-infobox ul li { font-size:.9rem; margin-bottom:4px; }
/* CTA banner */
.wwb-cta-banner {
background:linear-gradient(135deg,var(–groen),var(–groen-light));
color:#fff; border-radius:12px; padding:28px 24px;
text-align:center; margin:32px 0;
}
.wwb-cta-banner h2 { color:#fff; margin:0 0 8px; font-size:clamp(1.1rem,4vw,1.4rem); }
.wwb-cta-banner p { margin:0 0 18px; opacity:.9; font-size:.97rem; }
.wwb-cta-banner .wwb-btn-primary { background:var(–oranje); }
/* Tabel */
.wwb-table { width:100%; border-collapse:collapse; font-size:.9rem; margin:14px 0; }
.wwb-table th { background:var(–groen); color:#fff; padding:10px 14px; text-align:left; }
.wwb-table td { padding:9px 14px; border-bottom:1px solid var(–rand); }
.wwb-table tr:nth-child(even) td { background:var(–bg-zacht); }
/* Sticky boekknop mobiel */
@media(max-width:768px) {
.wwb-sticky { position:fixed; bottom:0; left:0; right:0; background:var(–groen); z-index:9999; padding:10px 14px; text-align:center; box-shadow:0 -2px 10px rgba(0,0,0,.25); }
.wwb-sticky a { display:block; background:var(–oranje); color:#1a1a1a !important; font-weight:700; padding:12px; border-radius:8px; text-decoration:none !important; font-size:1rem; }
body { padding-bottom:66px !important; }
}
@media(max-width:600px) {
.wwb-parks, .wwb-regions { grid-template-columns:1fr; }
.wwb-usps li { flex:1 1 100%; }
}