/* Age Verification Gate — front-end overlay styling */ html.avg-locked, html.avg-locked body { overflow: hidden !important; height: 100%; } /* Voorkomt een flits van de popup bij terugkerende bezoekers op een gecachete pagina: de vroege inline check in zet deze class zodra de cookie aanwezig is, nog voordat het overlay-element in de footer wordt getekend. */ html.avg-verified #avg-overlay, html.avg-verified .avg-noscript { display: none !important; } .avg-overlay { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--avg-overlay, rgba(0, 0, 0, 0.85)); -webkit-font-smoothing: antialiased; } .avg-card { width: 100%; max-width: 440px; background: var(--avg-bg, #ffffff); color: var(--avg-text, #1a1a1a); border-radius: 10px; padding: 36px 32px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35); text-align: center; box-sizing: border-box; max-height: 90vh; overflow-y: auto; } .avg-logo { margin-bottom: 18px; } .avg-logo img { max-width: 160px; max-height: 80px; width: auto; height: auto; display: inline-block; } .avg-title { margin: 0 0 12px; font-size: 22px; line-height: 1.3; } .avg-message { margin: 0 0 24px; font-size: 15px; line-height: 1.6; opacity: 0.85; } .avg-message p:last-child { margin-bottom: 0; } .avg-actions { display: flex; flex-direction: column; gap: 10px; } .avg-btn { display: block; width: 100%; padding: 13px 20px; font-size: 15px; font-weight: 600; border: none; border-radius: 6px; cursor: pointer; box-sizing: border-box; transition: opacity 0.15s ease, transform 0.15s ease; } .avg-btn:hover { opacity: 0.88; } .avg-btn:active { transform: scale(0.98); } .avg-btn-yes { background: var(--avg-yes-bg, #1a1a1a); color: var(--avg-yes-color, #ffffff); } .avg-btn-no { background: var(--avg-no-bg, #e0e0e0); color: var(--avg-no-color, #1a1a1a); } .avg-noscript { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; text-align: center; background: #ffffff; color: #1a1a1a; font-size: 16px; } @media (max-width: 480px) { .avg-card { padding: 28px 22px; } }