/* ==========================================================================
   NEWSLETTER CONFIRMATION
   Page standalone apres validation d'inscription.
   ========================================================================== */

.nl-confirmation-standalone {
    background: #f5f8ff;
}

.nl-confirmation-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px 16px;
    box-sizing: border-box;
}

.nl-confirmation-card {
    width: min(520px, 100%);
    border-radius: 22px;
    padding: 24px 22px 20px;
    text-align: center;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 20px 54px rgba(15, 23, 42, 0.12);
}

.nl-confirmation-illustration {
    display: block;
    width: min(300px, 100%);
    height: auto;
    margin: 0 auto 14px;
    filter: contrast(1.12) saturate(1.08);
}

.nl-confirmation-badge {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0a3299;
}

.nl-confirmation-card h1 {
    margin: 0 0 10px;
    font-size: clamp(30px, 4vw, 38px);
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.nl-confirmation-text {
    margin: 0 auto 20px;
    max-width: 44ch;
    font-size: 16px;
    line-height: 1.55;
    color: #475569;
}

.nl-confirmation-actions {
    display: flex;
    justify-content: center;
}

.nl-confirmation-actions .btn-premium-main {
    animation: none;
}

.nl-confirmation-signature {
    margin: 14px 0 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.nl-confirmation-signature-logo .custom-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.nl-confirmation-signature-logo .custom-logo {
    max-height: 16px;
    width: auto;
}

.nl-confirmation-signature-text {
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
    color: #64748b;
}

@media (max-width: 767px) {
    .nl-confirmation-card {
        border-radius: 18px;
        padding: 22px 16px 18px;
    }
}

/* Cookie banners: fallback hide, scoped to this standalone page. */
body.nl-confirmation-standalone #cmplz-cookiebanner-container,
body.nl-confirmation-standalone .cmplz-cookiebanner,
body.nl-confirmation-standalone #cmplz-manage-consent,
body.nl-confirmation-standalone .cmplz-manage-consent,
body.nl-confirmation-standalone #cookie-law-info-bar,
body.nl-confirmation-standalone .cky-consent-container,
body.nl-confirmation-standalone .cky-overlay,
body.nl-confirmation-standalone #cookie-notice,
body.nl-confirmation-standalone .cookie-notice-container,
body.nl-confirmation-standalone #CybotCookiebotDialog,
body.nl-confirmation-standalone #CybotCookiebotDialogBodyUnderlay,
body.nl-confirmation-standalone .didomi-popup-container,
body.nl-confirmation-standalone #tarteaucitronRoot {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}