/* * Simple Age Gate * Styles de fallback. La plupart des propriétés critiques * (pointer-events, z-index, position) sont définies en inline * dans le JS pour battre toute règle CSS externe avec !important * (ex. Complianz soft cookie wall). */ #sag-root, #sag-root * { box-sizing: border-box; } #sag-root button { font-family: inherit; } #sag-modal { box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35); } #sag-modal h2 { margin: 0 0 12px; font-size: 24px; font-weight: 700; } #sag-modal p { margin: 0 0 24px; font-size: 16px; line-height: 1.5; } #sag-buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } #sag-buttons button { min-width: 120px; padding: 12px 24px; font-size: 16px; font-weight: 600; border: 0; border-radius: 4px; cursor: pointer; transition: transform 0.1s ease, opacity 0.2s ease; } #sag-buttons button:hover { opacity: 0.9; transform: translateY(-1px); } #sag-buttons button:active { transform: translateY(0); } /* Force pointer-events on ALL Age Gate elements, even when Complianz soft cookie wall is active on . */ body.cmplz-banner-active #sag-root, body.cmplz-banner-active #sag-root * { pointer-events: auto !important; user-select: auto !important; }