/* Instelbare huisstijl; standaard AVIA-kleuren als instellingen niet laden. */
:root{--brand-primary:#e30613;--brand-secondary:#9e0012;--brand-accent:#fff;--brand-background:#fff5f6;--brand-text:#302329;--brand-on-primary:#fff;--brand-on-secondary:#fff;--brand-on-accent:#000;--brand-on-background:#000;--red:var(--brand-primary);--blue:var(--brand-primary);--ink:var(--brand-text);--paper:var(--brand-background)}
body{color:var(--brand-text)}
.topline{background:var(--brand-primary);color:var(--brand-on-primary)}.topline a{color:inherit}
.site-header{border-color:var(--brand-primary)}.site-header nav a:hover,.red,.service-tile b{color:var(--brand-primary)}
.site-header nav .nav-account,.nav-account,.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary);box-shadow:0 5px 0 #0002}
.site-header nav .nav-account:hover{background:var(--brand-secondary);color:var(--brand-on-secondary)}
.hero{background:var(--brand-secondary);color:var(--brand-on-secondary)}
.hero-shade{background:linear-gradient(90deg,var(--brand-secondary) 0%,color-mix(in srgb,var(--brand-secondary) 85%,transparent) 40%,color-mix(in srgb,var(--brand-primary) 30%,transparent) 100%)}
.hero h1,.hero .eyebrow,.hero-content p,.hero-bottom{color:var(--brand-on-secondary)}
.hero h1 em,.membership-intro em,.discount-stamp strong{color:var(--brand-accent)}
.hero-actions .primary,.hero-badge{background:var(--brand-accent);color:var(--brand-on-accent);box-shadow:0 5px 0 #0002}
.hero .outline{background:var(--brand-secondary);border-color:var(--brand-on-secondary);color:var(--brand-on-secondary)}
.service-graphic,.steps article>span{background:var(--brand-primary);color:var(--brand-on-primary)}
.service-graphic>span,.service-graphic>b{color:var(--brand-on-primary)!important}
.service-tile:nth-child(n),.steps article:nth-child(n),.faq,.benefit-strip{background:var(--brand-background);color:var(--brand-on-background);border-color:color-mix(in srgb,var(--brand-primary) 20%,white)}
.service-tile p,.service-tile>div>span,.steps p,.faq details p,.benefit-strip small{color:inherit}
.benefit-strip b,.features li:before{color:var(--brand-primary)}
.programs{background:linear-gradient(#fff,var(--brand-background))}
.section-heading p,.section-note,footer p,footer>div,dialog>p,.consent,.checkout-note{color:var(--brand-text)}
.membership-section{background:linear-gradient(120deg,var(--brand-secondary),var(--brand-primary));color:var(--brand-on-primary)}
.membership-intro{background:var(--brand-secondary);color:var(--brand-on-secondary);border-radius:24px;padding:20px}
.membership-intro p,.membership-intro>.eyebrow{color:inherit}
.membership-actions{color:var(--brand-text)}.membership-actions p,.membership-actions small{color:inherit}
.membership-actions .outline{background:var(--brand-background);border-color:var(--brand-primary);color:var(--brand-on-background)}
.dialog-close,.checkout-total{background:var(--brand-background);color:var(--brand-on-background)}
input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--brand-primary)}
/* Kleuren zijn gekoppeld aan de programmacode, onafhankelijk van volgorde. */
.program-card.program-themed:nth-child(n){background:var(--program-color);border-color:var(--program-color);color:var(--program-text);box-shadow:0 7px 0 color-mix(in srgb,var(--program-color) 75%,black)}
.program-card.program-themed:nth-child(n) .description,.program-card.program-themed:nth-child(n) .features,.program-card.program-themed:nth-child(n) .features li:before,.program-card.program-themed:nth-child(n) .member-hint{color:var(--program-text)}
.program-card.program-themed:nth-child(n) .price,.program-card.program-themed:nth-child(n) .card-label,.program-card.program-themed:nth-child(n) .button{background:var(--brand-accent);color:var(--brand-on-accent)}
.program-card.program-themed:nth-child(n) .price{box-shadow:inset 0 0 0 5px #0001}.program-card.program-themed:nth-child(n) .price small{color:inherit}
.program-card.program-themed:nth-child(n) .features li.polish{background:var(--brand-accent);color:var(--brand-on-accent)}.program-card.program-themed:nth-child(n) .features li.polish:before{color:var(--brand-on-accent)!important}
@media(max-width:780px){.hero-shade{background:linear-gradient(90deg,var(--brand-secondary),color-mix(in srgb,var(--brand-primary) 65%,transparent))}}

/* Kaartbreedte past zich aan het aantal actieve programma's aan. */
.program-grid{--program-count:5;--row-count:min(var(--program-count),5);--program-gap:18px;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--program-gap)}
.program-grid:not(:has(>.program-card:nth-child(5))){--program-count:4}
.program-grid:not(:has(>.program-card:nth-child(4))){--program-count:3}
.program-grid:not(:has(>.program-card:nth-child(3))){--program-count:2}
.program-grid:not(:has(>.program-card:nth-child(2))){--program-count:1}
.program-grid>.program-card{flex:0 0 calc((100% - (var(--row-count) - 1)*var(--program-gap))/var(--row-count));min-width:0}
@media(max-width:1250px){.program-grid{--row-count:min(var(--program-count),3)}}
@media(max-width:780px){.program-grid{--row-count:min(var(--program-count),2);--program-gap:16px}}
@media(max-width:540px){.program-grid{--row-count:1}}
