/* ============ congres.html — glaslaag ============
   Zachte kleurgloed per sectie, matglazen panelen erbovenop.
   Bewust geen hover-lifts: hover verandert hoogstens een achtergrond. */
.congres-glass{--cg-bg:rgba(255,255,255,0.58);--cg-bg-2:rgba(255,255,255,0.46);--cg-brd:rgba(255,255,255,0.78);--cg-blur:blur(22px) saturate(1.45);--cg-sh:inset 0 1px 0 rgba(255,255,255,0.85),0 14px 34px rgba(14,19,36,0.07)}

/* ---- Secties: wash + gloed ---- */
.congres-glass .congres-program,.congres-glass .congres-audience,.congres-glass .congres-locatie,.congres-glass .congres-aanmelden,.congres-glass .congres-fotos,.congres-glass .congres-terugblik-cta{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--paper) 0%,#EDF2F9 52%,var(--paper) 100%)}
.congres-glass .congres-program::after,.congres-glass .congres-audience::after,.congres-glass .congres-locatie::after,.congres-glass .congres-aanmelden::after,.congres-glass .congres-fotos::after,.congres-glass .congres-terugblik-cta::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.congres-glass .congres-program::after{background:radial-gradient(520px 380px at 12% 8%,rgba(127,184,212,0.22),transparent 70%),radial-gradient(480px 360px at 88% 74%,rgba(180,123,184,0.16),transparent 70%)}
.congres-glass .congres-audience::after{background:radial-gradient(560px 400px at 86% 10%,rgba(166,206,137,0.20),transparent 70%),radial-gradient(520px 380px at 8% 82%,rgba(127,184,212,0.16),transparent 70%)}
.congres-glass .congres-locatie::after{background:radial-gradient(540px 400px at 18% 90%,rgba(180,123,184,0.18),transparent 70%),radial-gradient(500px 360px at 82% 12%,rgba(157,211,223,0.20),transparent 70%)}
.congres-glass .congres-aanmelden::after{background:radial-gradient(620px 440px at 50% 0%,rgba(240,161,94,0.15),transparent 70%),radial-gradient(520px 380px at 12% 86%,rgba(127,184,212,0.18),transparent 70%)}
.congres-glass .congres-fotos::after{background:radial-gradient(560px 420px at 78% 6%,rgba(180,123,184,0.16),transparent 70%),radial-gradient(520px 380px at 10% 72%,rgba(166,206,137,0.16),transparent 70%)}
.congres-glass .congres-terugblik-cta::after{background:radial-gradient(600px 420px at 24% 10%,rgba(157,211,223,0.18),transparent 70%),radial-gradient(520px 380px at 84% 84%,rgba(180,123,184,0.15),transparent 70%)}
.congres-glass .congres-program > .container,.congres-glass .congres-audience > .container,.congres-glass .congres-locatie > .container,.congres-glass .congres-aanmelden > .container,.congres-glass .congres-fotos > .container,.congres-glass .congres-terugblik-cta > .container{position:relative;z-index:1}

/* ---- Glaspanelen ---- */
.congres-glass .congres-info-card,.congres-glass .program-card,.congres-glass .audience-pill-card,.congres-glass .locatie-route-card,.congres-glass .aanmelden-card,.congres-glass .lineup-cell:not(.empty),.congres-glass .lineup-toggle,.congres-glass .congres-ended-note{background:var(--cg-bg);-webkit-backdrop-filter:var(--cg-blur);backdrop-filter:var(--cg-blur);border:1px solid var(--cg-brd);box-shadow:var(--cg-sh)}
.congres-glass .program-card.accent-card{background:linear-gradient(135deg,rgba(255,255,255,0.72) 0%,color-mix(in oklch,var(--c-purple),white 88%) 100%);border-color:rgba(255,255,255,0.8)}
.congres-glass .locatie-map{border:1px solid var(--cg-brd);box-shadow:var(--cg-sh)}
.congres-glass .congres-info-row{border-bottom-color:rgba(14,19,36,0.07)}
.congres-glass .congres-info-icon,.congres-glass .locatie-detail-icon{background:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.congres-glass .lineup-cell.empty{border-color:rgba(255,255,255,0.7)}
.congres-glass .btn-notice,.congres-glass .event-badge:not(.event-badge-ended){background:rgba(255,255,255,0.55);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,0.75)}
.congres-glass .program-timeline::before{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,0.9) 8%,rgba(255,255,255,0.9) 92%,transparent 100%)}

/* ---- Formuliervelden ---- */
.congres-glass .aanm-field input,.congres-glass .notify-input,.congres-glass .aanm-choice{background:rgba(255,255,255,0.55);border-color:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.congres-glass .aanm-choice:hover{border-color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.7)}

/* ---- Geen hover-lifts ---- */
.congres-glass .program-card:hover,.congres-glass .audience-pill-card:hover,.congres-glass .lineup-toggle:hover{transform:none;box-shadow:var(--cg-sh);border-color:var(--cg-brd)}
.congres-glass .btn-photos:hover,.congres-glass .notify-submit:hover,.congres-glass .aanm-submit:hover,.congres-glass .congres-tbcta-btn:hover,.congres-glass .foto-item:hover{transform:none;box-shadow:none}
.congres-glass .btn-photos:hover svg,.congres-glass .foto-item:hover img{transform:none}
.congres-glass .foto-item:hover::after{opacity:0}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.congres-glass .congres-info-card,.congres-glass .program-card,.congres-glass .audience-pill-card,.congres-glass .locatie-route-card,.congres-glass .aanmelden-card,.congres-glass .lineup-cell:not(.empty),.congres-glass .lineup-toggle,.congres-glass .congres-ended-note{background:rgba(255,255,255,0.92)}}
@media (prefers-reduced-transparency:reduce){.congres-glass .congres-info-card,.congres-glass .program-card,.congres-glass .audience-pill-card,.congres-glass .locatie-route-card,.congres-glass .aanmelden-card,.congres-glass .lineup-cell:not(.empty),.congres-glass .lineup-toggle{background:rgba(255,255,255,0.94)}}