/* =========================================================
   Vluchtcompensaties 13.0 – gedurfde bento-stijl
   Space Grotesk koppen, DM Sans tekst, blokken in navy / blauw / oranje
   ========================================================= */
:root{--bt-r:28px;--bt-gap:16px}
html body{font-family:"DM Sans",system-ui,sans-serif!important}
html body h1,html body h2,html body h3,html body h4,html body .vc-bento-amount strong,html body .vc-site-nav a,html body [class*=btn],html body .vc-header-cta,html body .vc-bento-cta{font-family:"Space Grotesk",system-ui,sans-serif!important;letter-spacing:-.035em!important}
html body h2{font-size:clamp(34px,4.4vw,60px)!important;line-height:1!important;font-weight:700!important}
html body .vc-eyebrow,html body .eyebrow{font-family:"Space Grotesk",sans-serif!important;letter-spacing:.08em!important}

/* knoppen gedurfder: pill, groot */
html body .vc-btn,html body a.cb-btn,html body .vc-claim-panel-button,html body .vc-cta-band-button,html body .vc-header-cta,html body .vc-bento-cta,html body .vc-mobile-primary-action{border-radius:999px!important;font-weight:700!important}

/* ---------- header: compact, één rij gevoel ---------- */
html body .vc-header-cta{padding:12px 22px!important}
html body .cb-header-nav{border-top:0!important}
html body .vc-site-nav a{font-size:16px!important}

/* ---------- bento hero ---------- */
html body .vc-home .vc-hero.vc-bento-hero{background:#fff!important;padding:24px 0 40px!important;text-align:left!important;overflow:visible}
html body .vc-home .vc-bento-hero::before,html body .vc-home .vc-bento-hero::after{display:none!important;content:none!important}
html body .vc-bento{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:auto auto;gap:var(--bt-gap)}
html body .vc-bento-tile{border-radius:var(--bt-r);padding:36px;margin:0;position:relative;overflow:hidden}
html body .vc-home .vc-bento-main{grid-row:1/3;background:var(--b-navy)!important;padding:56px 48px;display:flex;flex-direction:column;justify-content:flex-end;min-height:600px}
html body .vc-home .vc-bento-main::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;border:60px solid rgba(0,77,245,.35)}
html body .vc-home .vc-bento-main .vc-eyebrow{color:var(--b-orange)!important;background:none!important;border:0!important;padding:0!important;margin-bottom:18px}
html body .vc-home .vc-bento-main h1{color:#fff!important;font-size:clamp(44px,5.6vw,84px)!important;line-height:.95!important;font-weight:700!important;margin:0 0 22px!important;position:relative}
html body .vc-home .vc-bento-main .vc-hero-copy{color:rgba(255,255,255,.82)!important;font-size:19px!important;line-height:1.55!important;max-width:520px;margin:0 0 30px!important}
html body .vc-home .vc-bento-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:var(--b-orange)!important;color:var(--b-navy)!important;padding:18px 30px;font-size:19px;text-decoration:none!important}
html body .vc-home .vc-bento-cta:hover{background:var(--b-orange-h)!important}
html body .vc-home .vc-bento-cta svg{width:20px;height:20px;stroke:var(--b-navy)!important}
html body .vc-home .vc-bento-note{color:rgba(255,255,255,.6)!important;font-size:14px;margin-top:14px}
html body .vc-home .vc-bento-photo{grid-column:2/4;min-height:320px;background:url("../images/hero-airport.jpg") center 35%/cover no-repeat!important}
html body .vc-home .vc-bento-amount{background:var(--b-orange)!important;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}
html body .vc-home .vc-bento-amount *{color:var(--b-navy)!important}
html body .vc-home .vc-bento-label{font-family:"Space Grotesk",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
html body .vc-home .vc-bento-amount strong{font-size:clamp(56px,6vw,92px);line-height:1;font-weight:700}
html body .vc-home .vc-bento-amount span:last-child{font-size:15px;line-height:1.4;max-width:220px}
html body .vc-home .vc-bento-benefits{background:var(--b-blue)!important;list-style:none;display:flex!important;flex-direction:column;justify-content:center;gap:18px!important;padding:36px!important;margin:0!important}
html body .vc-home .vc-bento-benefits li{color:#fff!important;font-family:"Space Grotesk",sans-serif;font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px}
html body .vc-home .vc-bento-benefits .vc-check,html body .vc-home .vc-bento-benefits .vc-check .vc-icon{width:28px!important;height:28px!important;border-radius:50%!important;background:#fff!important;display:inline-grid!important;place-items:center;flex:0 0 28px}
html body .vc-home .vc-bento-benefits .vc-check svg,html body .vc-home .vc-bento-benefits .vc-check svg path{stroke:var(--b-blue)!important;width:15px!important;height:15px!important}
html body .vc-home .vc-hero + .vc-section{padding-top:72px!important}

/* ---------- secties: koppen gestapeld, groot ---------- */
html body .vc-section{padding:88px 0!important}
html body .vc-section-heading{display:block!important;max-width:820px;margin-bottom:40px!important}
html body .vc-section-heading p{font-size:18px!important;margin-top:16px!important;max-width:620px}

/* ---------- kaarten: bento-blokken ---------- */
html body .vc-card,html body .vc-problem-card,html body .vc-help-card,html body .vc-support-card,html body .vc-step,html body .vc-news-card,html body .blog-card,html body .vc-airline-card,html body .vc-faq-item{border-radius:var(--bt-r)!important;border:0!important;background:var(--b-lg)!important}
html body .vc-section:nth-of-type(even) .vc-problem-card,html body .vc-section:nth-of-type(even) .vc-help-card,html body .vc-section:nth-of-type(even) .vc-support-card,html body .vc-steps-section .vc-step,html body .vc-faq-section .vc-faq-item{background:#fff!important}
html body .vc-problem-card h3,html body .vc-help-card h3,html body .vc-support-card h3{font-size:24px!important;line-height:1.1!important}

/* hulp-kaarten: eerste groot en navy */
html body .vc-support-section .vc-container > div:last-child{display:grid!important;grid-template-columns:1.4fr 1fr!important;gap:var(--bt-gap)!important}
html body .vc-support-section .vc-container > div:last-child > *:first-child{grid-row:1/3;background:var(--b-navy)!important;padding:44px!important;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}
html body .vc-support-section .vc-container > div:last-child > *:first-child *{color:#fff!important}
html body .vc-support-section .vc-container > div:last-child > *:first-child h3{font-size:36px!important}
html body .vc-support-section .vc-container > div:last-child > *:first-child .vc-icon{background:rgba(255,255,255,.12)!important}
html body .vc-support-section .vc-container > div:last-child > *:first-child svg{stroke:#fff!important}

/* probleem-kaarten: 2 groot, 2 klein */
html body .vc-problem-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:var(--bt-gap)!important}
html body .vc-problem-grid > *:nth-child(1){grid-column:span 2;background:var(--b-blue)!important}
html body .vc-problem-grid > *:nth-child(4){grid-column:span 2;background:var(--b-navy)!important}
html body .vc-problem-grid > *:nth-child(1) *,html body .vc-problem-grid > *:nth-child(4) *{color:#fff!important}
html body .vc-problem-grid > *:nth-child(1) .vc-problem-icon,html body .vc-problem-grid > *:nth-child(4) .vc-problem-icon{background:rgba(255,255,255,.14)!important}
html body .vc-problem-grid > *:nth-child(1) svg,html body .vc-problem-grid > *:nth-child(4) svg{stroke:#fff!important}
html body .vc-problem-card{padding:32px!important;min-height:260px}

/* vergelijking & overzicht: grotere radius, ruimte tussen blokken */
html body .vc-home .vc-compare-grid--clean,html body .vc-home .vc-claim-overview-grid{gap:var(--bt-gap)!important}
html body .vc-home .vc-compare-panel,html body .vc-home .vc-claim-steps-panel,html body .vc-home .vc-compensation-panel{border-radius:var(--bt-r)!important}
html body .vc-home .vc-compensation-panel{background:var(--b-lg)!important;border:0!important}

/* stappen: groot cijfer */
html body .vc-step-number,html body .vc-step [class*=number]{width:64px!important;height:64px!important;font-family:"Space Grotesk",sans-serif!important;font-size:24px!important;border:0!important;background:var(--b-orange)!important;color:var(--b-navy)!important;-webkit-text-fill-color:var(--b-navy)!important}
html body .vc-step{padding:36px!important}
html body .vc-cta-band{background:var(--b-orange)!important;border-radius:var(--bt-r)!important}
html body .vc-cta-band::after{border-color:rgba(5,22,76,.2)!important}
html body .vc-cta-band h2,html body .vc-cta-band p,html body .vc-cta-band-copy *,html body .vc-cta-band strong{color:var(--b-navy)!important}
html body .vc-cta-band-icon,html body .vc-cta-band-icon .vc-icon{background:var(--b-navy)!important}
html body .vc-cta-band-button{background:var(--b-navy)!important;color:#fff!important}
html body .vc-cta-band-button svg{stroke:#fff!important}

/* footer */
html body .cb-footer{border-radius:var(--bt-r) var(--bt-r) 0 0}

/* ---------- mobiel ---------- */
@media (max-width:980px){
  html body .vc-bento{grid-template-columns:1fr 1fr}
  html body .vc-home .vc-bento-main{grid-column:1/3;grid-row:auto;min-height:0;padding:40px 28px}
  html body .vc-home .vc-bento-photo{grid-column:1/3;min-height:240px}
  html body .vc-problem-grid{grid-template-columns:1fr 1fr!important}
  html body .vc-support-section .vc-container > div:last-child{grid-template-columns:1fr!important}
  html body .vc-support-section .vc-container > div:last-child > *:first-child{grid-row:auto;min-height:0}
}
@media (max-width:600px){
  html body .vc-bento{grid-template-columns:1fr}
  html body .vc-home .vc-bento-main,html body .vc-home .vc-bento-photo{grid-column:auto}
  html body .vc-home .vc-bento-amount{min-height:0;gap:12px}
  html body .vc-home .vc-bento-cta{align-self:stretch;justify-content:center}
  html body .vc-problem-grid{grid-template-columns:1fr!important}
  html body .vc-problem-grid > *{grid-column:auto!important}
  html body .vc-section{padding:56px 0!important}
}
/* 13.0 correcties */
html body .vc-home .vc-bento-main::after{right:-160px;top:-160px;z-index:0}
html body .vc-home .vc-bento-main > *{position:relative;z-index:1}
html body .vc-home .vc-bento-note{color:rgba(255,255,255,.72)!important}
html body .vc-problem-grid > *:nth-child(4){grid-column:1/-1!important;min-height:0}
html body .vc-problem-grid svg,html body .vc-support-section svg,html body .vc-bento svg{fill:none!important}
html body .vc-problem-grid > *:nth-child(1) .vc-problem-link span,html body .vc-problem-grid > *:nth-child(4) .vc-problem-link span,html body .vc-problem-grid > *:nth-child(1) .vc-problem-link .vc-icon,html body .vc-problem-grid > *:nth-child(4) .vc-problem-link .vc-icon{background:none!important}
html body .vc-support-section .vc-container > div:last-child > *:first-child .vc-icon *{background:none!important}
html body .vc-step-card{border:0!important;background:var(--b-lg)!important;border-radius:var(--bt-r)!important;padding:36px!important}
html body .vc-home .vc-step-pill{width:64px!important;height:64px!important;border:0!important;border-radius:50%!important;background:var(--b-orange)!important;color:var(--b-navy)!important;-webkit-text-fill-color:var(--b-navy)!important;font-family:"Space Grotesk",sans-serif!important;font-size:22px!important;display:grid!important;place-items:center}
html body .vc-cta-band-button svg,html body .vc-cta-band-button svg *,html body .vc-bento-cta svg *{fill:none!important}
html body .vc-cta-band-button .vc-icon,html body .vc-bento-cta .vc-icon{background:none!important}
html body .vc-home .vc-hero.vc-bento-hero small.vc-bento-note{color:rgba(255,255,255,.75)!important;opacity:1!important}
html body .vc-home .vc-bento-cta svg,html body .vc-home .vc-bento-cta svg *{stroke:var(--b-navy)!important;color:var(--b-navy)!important}
html body .vc-problem-grid > *:nth-child(1) .vc-problem-icon svg *,html body .vc-problem-grid > *:nth-child(4) .vc-problem-icon svg *,html body .vc-support-section .vc-container > div:last-child > *:first-child .vc-icon svg *{fill:none!important;stroke:#fff!important}
html body .vc-problem-grid > *:nth-child(1) .vc-problem-icon *,html body .vc-problem-grid > *:nth-child(4) .vc-problem-icon *,html body .vc-support-section .vc-container > div:last-child > *:first-child .vc-icon *{background:transparent!important;box-shadow:none!important}
html body .vc-problem-grid > *:nth-child(1) .vc-problem-icon *::before,html body .vc-problem-grid > *:nth-child(1) .vc-problem-icon *::after,html body .vc-problem-grid > *:nth-child(4) .vc-problem-icon *::before,html body .vc-problem-grid > *:nth-child(4) .vc-problem-icon *::after{display:none!important}

/* 20.5.1 – Home: unieke CTA in plaats van herhaalde €600-claim. */
html body .vc-home .vc-bento-check-card{justify-content:center;gap:14px!important}
html body .vc-home .vc-bento-check-card strong{font-size:clamp(27px,3vw,39px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
html body .vc-home .vc-bento-check-card > span:nth-of-type(2){font-size:16px;line-height:1.45;max-width:310px}
html body .vc-home .vc-bento-check-card .vc-bento-check-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;align-self:flex-start;border-radius:999px;background:var(--b-navy);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:15px;padding:13px 17px;margin-top:4px;transition:background-color .2s ease,transform .2s ease}
html body .vc-home .vc-bento-check-card .vc-bento-check-link:hover{background:#153876;transform:translateY(-2px)}
html body .vc-home .vc-bento-check-card .vc-bento-check-link:focus-visible{outline:3px solid var(--b-navy);outline-offset:3px}
html body .vc-home .vc-bento-check-card .vc-bento-check-link .vc-icon{display:inline-flex;align-items:center;justify-content:center;background:none!important}
html body .vc-home .vc-bento-check-card .vc-bento-check-link svg{width:18px;height:18px;stroke:#fff!important;fill:none!important}
@media(max-width:600px){html body .vc-home .vc-bento-check-card .vc-bento-check-link{align-self:stretch;justify-content:center}}

/* 20.5.2 – 98% CTA en volledig gevuld vliegtuigicoon. */
html body .vc-home .vc-bento-check-card strong{font-size:clamp(28px,3.2vw,45px)!important;line-height:1.08!important;overflow-wrap:break-word}
html body .vc-default-plane-icon path,html body .vc-default-plane-icon{fill:currentColor!important;stroke:none!important}