/**
 * cf7-ajax-loader.css
 * ─────────────────────────────────────────────────────
 * Full-cover overlay that sits inside the <form> element.
 * Transitions: fade-in on show, fade-out on hide.
 */

/* ── overlay wrapper ── */
.cf7-cover-loader {
    position:   absolute;
    inset:      0;                  /* top/right/bottom/left: 0 */
    z-index:    9999;
    display:    flex;
    align-items:    center;
    justify-content: center;

    /* start hidden — JS adds --visible */
    opacity:    0;
    pointer-events: none;
    transition: opacity .25s ease;
}

.cf7-cover-loader--visible {
    opacity:        1;
    pointer-events: all;
}

.cf7-cover-loader--hiding {
    opacity:        0;
    pointer-events: none;
}

/* ── frosted / tinted backdrop ── */
.cf7-cover-loader__backdrop {
    position:   absolute;
    inset:      0;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter:         blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-radius: inherit;
}

/* ── centred card ── */
.cf7-cover-loader__box {
    position:       relative;     /* above backdrop */
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            14px;
}

/* ── spinner ring ── */
.cf7-cover-loader__ring {
    display:      block;
    width:        52px;
    height:       52px;
    border-radius: 50%;
    border:       4px solid rgba(0, 0, 0, .10);
    border-top-color: #111;
    animation:    cf7-spin .75s linear infinite;
}

@keyframes cf7-spin {
    to { transform: rotate(360deg); }
}

/* ── "Sending…" label ── */
.cf7-cover-loader__text {
    font-size:   14px;
    font-weight: 500;
    color:       #444;
    letter-spacing: .02em;
}