/*
 * CRRE CF7 themed notice styles. Moved out of inc/forms/cf7-transport.php crre_mu_cf7_notice_ui()
 * (an inline <style id="crre-cf7-notice-css">) in Phase 4 step 12, 2026-10-24; rules verbatim.
 * Printed in the body at wp_footer@115 with wp_print_styles() — same cascade position as the old
 * inline block (after every head stylesheet, incl. style.css). Do not move it to the head.
 */
    .crre-cf7-notice {
        --crre-notice-accent: var(--aios-listing-primary-color, #0F4A57);
        --crre-notice-font: var(--font-family-default, "Compass Sans", sans-serif);
        position: fixed;
        inset: 0;
        z-index: 100000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.25s ease, visibility 0.25s ease;
    }
    .crre-cf7-notice.is-visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .crre-cf7-notice__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(15, 74, 87, 0.72);
    }
    .crre-cf7-notice__panel {
        position: relative;
        width: min(420px, 100%);
        background: var(--secondary, #fff);
        color: var(--primary-text-color, #1f2937);
        border-radius: 10px;
        padding: 32px 28px 24px;
        text-align: center;
        font-family: var(--crre-notice-font);
        box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
        transform: translateY(12px) scale(0.98);
        transition: transform 0.25s ease;
    }
    .crre-cf7-notice.is-visible .crre-cf7-notice__panel {
        transform: translateY(0) scale(1);
    }
    .crre-cf7-notice__panel.is-error .crre-cf7-notice__icon {
        background: var(--danger, #dc3545);
    }
    .crre-cf7-notice__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        margin: 0 auto 16px;
        border-radius: 50%;
        background: var(--crre-notice-accent);
        color: #fff;
        font-size: 24px;
        line-height: 1;
    }
    .crre-cf7-notice__source {
        margin: 0 0 10px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--primary-text-accent, #898989);
    }
    .crre-cf7-notice__source strong {
        display: block;
        margin-top: 4px;
        font-size: 15px;
        letter-spacing: 0.06em;
        text-transform: none;
        color: var(--crre-notice-accent);
        font-weight: 700;
    }
    .crre-cf7-notice__message {
        margin: 0 0 22px;
        font-size: 18px;
        line-height: 1.45;
        font-weight: 600;
        letter-spacing: 0.01em;
    }
    .crre-cf7-notice__btn {
        display: inline-block;
        min-width: 120px;
        padding: 12px 28px;
        border: none;
        border-radius: 6px;
        background: var(--crre-notice-accent);
        color: #fff;
        font-family: var(--crre-notice-font);
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        cursor: pointer;
        transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .crre-cf7-notice__btn:hover,
    .crre-cf7-notice__btn:focus {
        opacity: 0.88;
        outline: none;
    }
    .crre-cf7-notice__btn:focus-visible {
        box-shadow: 0 0 0 3px rgba(15, 74, 87, 0.35);
    }
    form.crre-cf7-modal-form .wpcf7-response-output,
    .wpcf7-response-output.crre-cf7-response-hidden,
    form.crre-cf7-modal-form.sent .wpcf7-response-output,
    form.crre-cf7-modal-form.failed .wpcf7-response-output {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
    }