@import url('style-v19.css');

/* ShareSpare v2.0 — vrijgekomen afspraken */
.hero-new{grid-template-columns:minmax(0,.86fr) minmax(0,1.35fr);align-items:stretch;padding-top:74px;padding-bottom:74px}
.hero-copy{display:flex;flex-direction:column;justify-content:center}
.hero-new h1{font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:18px 0 24px}
.hero-new h1 em{color:var(--coral);font-family:Georgia,serif;font-weight:400}
.hero-new .hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:570px}
.hero-search{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;background:white;padding:12px;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 44px #102a4312}
.hero-search input,.hero-search select{margin:0}
.hero-search button{grid-column:1/-1}
.hero-small{font-size:13px!important;margin:14px 0 0}.hero-small a{color:var(--coral);font-weight:800}
.entrepreneur-cta{margin-top:24px;padding:20px;border:1px solid #d6e2e9;border-radius:16px;background:#ffffff;box-shadow:0 12px 28px #102a4312;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.entrepreneur-cta strong{font-size:23px;line-height:1.2;color:var(--navy)}.entrepreneur-cta span{font-size:15px;line-height:1.5;color:var(--muted)}.entrepreneur-cta a{display:inline-flex;align-items:center;justify-content:center;margin-top:5px;padding:15px 22px;border-radius:10px;background:#1677e8;color:#fff;font-size:17px;font-weight:900;box-shadow:0 8px 20px #1677e833}.entrepreneur-cta a:hover{background:#0868d6}
.hero-photo{min-width:0;width:100%;max-width:620px;min-height:0;aspect-ratio:1060/1484;position:relative;justify-self:center;border-radius:28px;overflow:hidden;background:#fffaf3 url('annulert-home-infographic-v29.png') center/contain no-repeat;box-shadow:0 28px 70px #17364b2e}
.hero-photo>img{visibility:hidden;width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.hero-photo>div{display:none}
.hero-photo>div strong{color:var(--navy)}.hero-photo>div span{font-size:12px;color:var(--muted)}
.brand-logo{width:205px;height:50px;display:flex;align-items:center}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}footer .brand-logo{filter:none}.moderation-form{width:min(390px,100%);display:grid;gap:12px}.moderation-form label{font-size:13px;font-weight:800;color:var(--navy)}.moderation-form textarea{min-height:92px;margin-top:7px}.moderation-form .inline{justify-content:flex-end}
.footer-tagline{margin:0;font-weight:700;color:#d7e5ed}
.cookie-banner[hidden]{display:none!important}.cookie-banner{position:fixed;z-index:9999;left:50%;bottom:20px;transform:translateX(-50%);width:min(920px,calc(100% - 28px));padding:19px 21px;background:#102a43;color:#fff;border:1px solid #ffffff24;border-radius:16px;box-shadow:0 20px 60px #071a2a55;display:flex;align-items:center;justify-content:space-between;gap:24px}.cookie-banner strong{font-size:18px}.cookie-banner p{margin:6px 0 0;color:#d6e3ea;font-size:13px;line-height:1.55}.cookie-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.cookie-actions a{color:#fff;text-decoration:underline;font-size:13px;font-weight:700}.cookie-actions button{border:0;border-radius:9px;padding:12px 17px;background:#f35f45;color:#fff;font-weight:900;cursor:pointer}.admin-delete-form{display:flex;align-items:center;gap:10px}.admin-delete-form .reject{border:0;border-radius:8px;padding:12px 15px;color:#fff;font-weight:800;cursor:pointer}
.filterbar{display:grid;grid-template-columns:1.2fr 1fr .8fr auto;gap:10px;margin-bottom:32px;background:white;padding:14px;border:1px solid var(--line);border-radius:15px}.filterbar input,.filterbar select{margin:0}
.appointment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.appointment-card{display:block;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s;min-width:0}.appointment-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #17364b18}.appointment-card>img,.card-placeholder{width:100%;height:220px}.appointment-card>img{display:block;object-fit:contain;object-position:center;background:linear-gradient(145deg,#f3f8fa,#fff5f1);padding:14px;box-sizing:border-box}.card-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#e5eef3,#fff1eb)}.card-placeholder span{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:white;color:var(--coral);font-size:36px;font-weight:900}
.card-body{padding:21px}.category{display:inline-flex;background:#fff0eb;color:#9b4b38;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;letter-spacing:.5px}.card-body h2{font-size:22px;margin:13px 0 7px}.business{color:var(--muted);font-size:13px}.slot{margin-top:19px;padding:14px;background:#f2f7f9;border-radius:11px;display:flex;justify-content:space-between;gap:8px;font-size:13px}.slot span{color:var(--muted)}.price{display:flex;justify-content:flex-end;align-items:baseline;gap:9px;margin-top:16px}.price del{color:var(--muted)}.price strong{font-size:25px;color:var(--navy)}
.back{display:inline-block;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:20px}.detail-photo{display:block;width:100%;height:420px;object-fit:contain;object-position:center;background:linear-gradient(145deg,#f3f8fa,#fff5f1);padding:24px;box-sizing:border-box;border-radius:20px;margin-bottom:25px}.appointment-detail h1{margin:13px 0 5px}.business-large{font-size:17px!important;font-weight:700}.address-note{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.booking del{color:var(--muted)}.booking-slot{background:#eff6f8;border-radius:12px;padding:17px;margin:20px 0;display:flex;flex-direction:column;gap:6px}.booking-slot span{color:var(--muted);font-size:13px}.unavailable{background:#fff0ed;color:#a84635;padding:15px;border-radius:10px;font-weight:700;margin-top:20px}
.form-card small{display:block;color:var(--muted);font-weight:400;margin-top:7px}.actions{display:flex;gap:10px;margin-top:24px}.secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;padding:14px 20px;background:white;font-weight:800}.profile-form{max-width:780px}
.alert-nav{color:var(--coral)!important}.alert-heading{max-width:760px}.alert-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;align-items:start}.alert-form{display:grid;gap:18px}.alert-form fieldset{border:0;padding:0;margin:0}.alert-form legend{font-weight:800;margin-bottom:12px}.category-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-checks .check{border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.consent{align-items:flex-start}.alert-benefits,.push-activation{background:var(--navy);color:white;border-radius:20px;padding:28px}.alert-benefits h2,.push-activation h2{color:white;margin-top:0}.alert-benefits>div{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #ffffff24}.alert-benefits b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:var(--coral)}.alert-benefits span{display:flex;flex-direction:column;color:#d7e5ed;font-size:13px}.alert-benefits strong{color:white;font-size:15px;margin-bottom:3px}.alert-benefits>p{color:#bcd0da;font-size:13px;line-height:1.6;margin-bottom:0}.push-activation{margin-top:25px;background:#183c50}.push-activation p{color:#d7e5ed}.push-activation .primary{margin-top:8px}
.latest-home{max-width:1120px;margin:0 auto;padding:70px 24px 34px}.latest-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.latest-heading h2{font-size:clamp(34px,4vw,50px);letter-spacing:-2px;margin:10px 0 8px}.latest-heading p{color:var(--muted);margin:0}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.latest-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 15px 42px #102a4310;transition:transform .2s,box-shadow .2s}.latest-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px #102a4322}.latest-media{height:230px;position:relative;background:linear-gradient(145deg,#edf5f7,#fff1eb);overflow:hidden}.latest-media img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;padding:14px;box-sizing:border-box}.latest-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--coral);font-size:64px;font-weight:900}.date-badge{position:absolute;top:14px;left:14px;min-width:50px;background:#fff;border-radius:11px;padding:8px 7px;text-align:center;box-shadow:0 8px 25px #102a4326;color:var(--coral);font-size:11px;font-weight:900;line-height:1.1}.date-badge b{display:block;color:var(--navy);font-size:21px;margin-bottom:3px}.latest-content{padding:21px}.latest-content h3{font-size:23px;margin:12px 0 6px}.latest-content>p{color:var(--muted);font-size:14px;margin:0}.latest-meta{display:flex;gap:16px;margin:18px 0;color:#526b7a;font-size:13px}.latest-price{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:16px}.latest-price del{color:var(--muted);font-size:14px}.latest-price strong{font-size:25px;color:var(--navy)}

@media(max-width:900px){.hero-new{grid-template-columns:1fr}.hero-photo{min-height:0}.appointment-grid{grid-template-columns:repeat(2,1fr)}.filterbar{grid-template-columns:1fr 1fr}.filterbar button{grid-column:1/-1}.alert-layout{grid-template-columns:1fr}.latest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hero-new{padding:50px 16px}.hero-new h1{font-size:50px;letter-spacing:-2.5px}.hero-search,.filterbar,.appointment-grid,.category-checks{grid-template-columns:1fr}.hero-search button,.filterbar button{grid-column:auto}.hero-photo{min-height:0;border-radius:18px}.brand-logo{width:175px;height:44px}.slot{align-items:flex-start;flex-direction:column}.actions{flex-direction:column}.detail-photo{height:300px;padding:14px}.latest-home{padding:52px 16px 24px}.latest-heading{align-items:flex-start;flex-direction:column}.latest-grid{grid-template-columns:1fr}.latest-heading h2{font-size:36px}.latest-media{height:220px}.moderation-form{width:100%}.moderation-form .inline{align-items:stretch}}
@media(max-width:640px){.cookie-banner{bottom:10px;align-items:stretch;flex-direction:column;gap:14px}.cookie-actions{justify-content:space-between}.admin-delete-form{width:100%;align-items:stretch;flex-direction:column}}

/* Annulert v1.9 — duidelijke locatie, kaart en beheerstatus */
.business-large{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.location-pill,.latest-location{display:inline-flex;align-items:center;background:#eaf4f7;color:var(--navy);border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}
.latest-content>p.latest-business{color:var(--muted);font-size:14px;margin:0 0 9px}
.latest-location{width:max-content;max-width:100%;box-sizing:border-box}
.location-block{margin-top:28px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.location-copy{padding:25px}.location-copy h2{margin:7px 0}.location-copy p{color:var(--muted)}
.map-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.map-actions .primary,.map-actions .secondary{min-height:48px;box-sizing:border-box}
.map-wrap{height:340px;border-top:1px solid var(--line)}.map-wrap iframe{display:block;width:100%;height:100%;border:0}.map-wrap[hidden]{display:none}
.admin-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.admin-stats span{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 15px;color:var(--muted);font-size:12px}.admin-stats b{color:var(--navy);font-size:16px;margin-bottom:2px}
@media(max-width:640px){.map-actions{flex-direction:column}.map-actions .primary,.map-actions .secondary{width:100%}.map-wrap{height:270px}}

/* Annulert v2.0 — dealalerts binnen een gekozen straal */
.alert-place-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alert-place-grid label{min-width:0}.alert-place-grid small{display:inline;color:var(--muted);font-weight:400}.alert-form select{width:100%}.radius-note{color:var(--muted);font-size:13px}
@media(max-width:640px){.alert-place-grid{grid-template-columns:1fr}}

/* Annulert v3.1 — transparante prijsstelling */
.pricing-page{min-height:700px;background:linear-gradient(180deg,#f7f4ee 0,#fff 68%);padding:72px max(24px,calc((100vw - 1050px)/2)) 100px}.pricing-hero{max-width:800px;margin:0 auto 42px;text-align:center}.pricing-hero h1{font-size:clamp(43px,6vw,68px);line-height:1.04;letter-spacing:-3px;color:var(--navy);margin:16px 0}.pricing-hero p{font-size:18px;line-height:1.65;color:var(--muted);margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 18px 55px #102a4310;display:flex;flex-direction:column}.price-card.featured{border:2px solid #1677e8;box-shadow:0 22px 65px #1677e81c}.price-label{color:var(--coral);font-size:11px;font-weight:900;letter-spacing:1.8px}.price-card.featured .price-label{color:#1677e8}.price-card h2{font-size:27px;color:var(--navy);margin:10px 0 18px}.price-card .price{display:flex;align-items:center;gap:14px;margin-bottom:18px}.price-card .price strong{font-size:45px;line-height:1;color:var(--navy)}.price-card .price span{color:var(--muted);font-size:12px;line-height:1.45}.price-card>p{color:var(--muted);line-height:1.6}.price-card ul{list-style:none;padding:0;margin:12px 0 25px;display:grid;gap:12px}.price-card li{position:relative;padding-left:27px;color:#345062}.price-card li:before{content:'✓';position:absolute;left:0;color:#2f966b;font-weight:900}.price-button{margin-top:auto;width:100%}.payment-note{background:#eef6ff;border-radius:12px;padding:15px;margin:0 0 20px;display:flex;flex-direction:column;gap:5px}.payment-note strong{color:#105da9;font-size:13px}.payment-note span{color:#526b7a;font-size:12px;line-height:1.5}.pricing-faq{margin-top:70px}.pricing-faq>h2{text-align:center;color:var(--navy);font-size:36px}.pricing-faq>div{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pricing-faq article{background:#f7fafb;border:1px solid var(--line);border-radius:15px;padding:23px}.pricing-faq h3{color:var(--navy);margin:0 0 8px}.pricing-faq p{color:var(--muted);line-height:1.6;margin:0}
@media(max-width:760px){.pricing-page{padding:52px 16px 75px}.pricing-grid,.pricing-faq>div{grid-template-columns:1fr}.price-card{padding:26px}.pricing-hero{text-align:left}.pricing-hero h1{letter-spacing:-2px}}
.subscription-card{max-width:880px;margin:0 0 28px;padding:24px 28px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.subscription-card.is-active{border-color:#75c9a2;background:#f3fbf7}.subscription-card h2{margin:6px 0;color:var(--navy)}.subscription-card p{margin:0;color:var(--muted)}.payment-unavailable{display:block;margin-top:auto;padding:14px;border-radius:10px;background:#fff4e8;color:#875a21;text-align:center;font-weight:700}
@media(max-width:760px){.subscription-card{align-items:flex-start;flex-direction:column}}

/* Annulert v3.9 — specifiek tijdstip delen */
.share-panel{margin:27px 0;padding:23px;border:1px solid #cfe0e8;border-radius:18px;background:linear-gradient(135deg,#f3f9fc,#fff7f3);box-shadow:0 12px 32px #102a430d}.share-panel h2{margin:6px 0 7px;font-size:23px}.share-panel p{margin:0;color:var(--muted);line-height:1.55}.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.share-button{appearance:none;border:0;border-radius:10px;padding:12px 16px;color:#fff;font:800 14px/1.2 inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.share-button.facebook{background:#1877f2}.share-button.instagram{background:linear-gradient(115deg,#833ab4,#fd1d1d,#fcb045)}.share-button.email{background:#ef6548}.share-button.copy{background:#102a43}.share-button:hover{filter:brightness(.95);transform:translateY(-1px)}.share-feedback{min-height:20px;margin-top:11px!important;font-size:13px;font-weight:700;color:#315a70!important}
@media(max-width:640px){.share-actions{display:grid;grid-template-columns:1fr 1fr}.share-button{width:100%;box-sizing:border-box}}
.user-pill{background:#EF6548!important;color:#fff!important}.category-checks .category-all{grid-column:1/-1;background:#fff3ef;border-color:#EF6548;font-weight:900}.category-all input:checked+span{color:#d84f34}
.role-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.role-tags .role-tag{white-space:nowrap}
.topbar nav .alert-nav{color:inherit!important}.topbar nav a.active{color:#EF6548!important}
.verification-card{max-width:880px;margin:0 0 28px;padding:24px 28px;border:1px solid #efc879;border-radius:18px;background:#fffaf0}.verification-card.is-verified{border-color:#75c9a2;background:#f3fbf7}.verification-card h2{margin:6px 0;color:var(--navy)}.verification-card p{margin:0;color:var(--muted)}.verify-business-form{min-width:300px;display:grid;gap:12px;align-content:center}.verification-details{display:grid;gap:4px;padding:12px;border-radius:10px;background:#fff7df}.verification-details span{font-size:12px;color:#526b7a}.verify-business-form button{border:0;border-radius:9px;padding:12px 15px;color:#fff;font-weight:800;cursor:pointer}
.verified-badge{display:inline-flex;align-items:center;width:max-content;margin:6px 0;padding:6px 9px;border-radius:999px;background:#e9f7f0;color:#1e654c;font-size:11px;font-weight:900}