/* Aviso 18+ (renderAgeGateHtml() em functions.php). Arquivo próprio porque
   a prévia em admin/settings.php usa exatamente este mesmo visual. Cores e
   tamanhos vêm de variáveis definidas no style do overlay (Configurações). */
.age-gate-overlay {
    position: fixed; inset: 0; z-index: 9999;
    display: flex; align-items: center; justify-content: center; padding: 16px;
    background: rgba(6, 6, 10, .55);
    -webkit-backdrop-filter: blur(var(--ag-blur, 10px)) saturate(.9);
    backdrop-filter: blur(var(--ag-blur, 10px)) saturate(.9);
}
.age-gate-overlay[hidden] { display: none; }
.age-gate-overlay.is-preview { position: absolute; z-index: 1; }
.age-gate-box {
    width: 100%; max-width: 380px; box-sizing: border-box;
    background: rgba(20, 20, 28, .94); border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 18px; padding: 28px 24px 18px; text-align: center;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .6);
    font-family: Arial, sans-serif;
}
.age-gate-logo {
    display: block; margin: 0 auto 16px; max-width: 80%;
    height: var(--ag-logo-h, 72px); width: auto; object-fit: contain;
}
.age-gate-logo[hidden] { display: none; }
.age-gate-badge {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 66px; height: 66px; padding: 0 14px; box-sizing: border-box;
    border-radius: 999px; margin: 0 0 14px;
    background: var(--ag-badge, #e62950); color: var(--ag-badge-text, #fff);
    font: 900 26px/1 Arial, sans-serif; letter-spacing: -.02em;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, .06), 0 8px 26px rgba(0, 0, 0, .45);
}
.age-gate-badge[hidden] { display: none; }
.age-gate-title { margin: 0 0 8px; color: #fff; font-size: 22px; font-weight: 800; line-height: 1.2; }
.age-gate-text { margin: 0 0 20px; color: #c2c2cc; font-size: 14px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.age-gate-enter {
    display: block; width: 100%; padding: 14px; border: none; border-radius: 12px;
    background: var(--ag-btn, #3a3af0); color: var(--ag-btn-text, #fff);
    font: 800 16px/1.2 Arial, sans-serif; cursor: pointer;
    transition: filter .15s ease, transform .15s ease;
}
.age-gate-enter:hover { filter: brightness(1.12); }
.age-gate-enter:active { transform: scale(.98); }
.age-gate-enter:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.age-gate-exit { display: inline-block; margin-top: 12px; padding: 4px 8px; color: #8a8a96; font-size: 13px; text-decoration: none; }
.age-gate-exit:hover { color: #c2c2cc; }
@media (max-width: 420px) {
    .age-gate-box { padding: 24px 18px 16px; border-radius: 16px; }
    .age-gate-title { font-size: 20px; }
}