/*
 * FDM Quick Exit — Frontend Styles
 * Colors are driven by CSS custom properties set inline from admin settings.
 */

/* ── Base button ──────────────────────────────────────────── */
.fdm-quick-exit-btn, a.fdm-quick-exit-btn {
    display:         inline-flex;
    align-items:     center;
    gap:             6px;
    padding:         10px 20px;
    background:      var(--fdm-qe-bg,    #c0392b); /* fallback red */
    color:           var(--fdm-qe-color, #ffffff);
    border:          none;
    border-radius:   4px;
    font-size:       0.95rem;
    font-weight:     600;
    letter-spacing:  0.02em;
    cursor:          pointer;
    text-decoration: none;
    transition:      opacity 0.15s ease, transform 0.1s ease;
    line-height:     1;
}

.fdm-quick-exit-btn:hover,
a.fdm-quick-exit-btn:hover,
.fdm-quick-exit-btn:focus,
a.fdm-quick-exit-btn:focus {
    opacity: 0.88;
    outline: 2px solid var(--fdm-qe-bg, #c0392b);
    outline-offset: 3px;
    text-decoration: none;
    color: var(--fdm-qe-color, #ffffff);
}

.fdm-quick-exit-btn:active {
    transform: scale(0.97);
}

/* ── Floating / sticky variant ────────────────────────────── */
.fdm-quick-exit-btn--floating {
    position:       fixed;
    bottom:         50%;
    right:          5px;
    z-index:        2147483647; /* Maximum possible z-index */
    box-shadow:     0 4px 14px rgba(0, 0, 0, 0.25);
    padding:        12px 22px;
    font-size:      1rem;
    pointer-events: all !important; /* Force clicks to reach this button */
    isolation:      isolate;        /* Own stacking context */
}

/* Nudge upward if a WP admin bar is present */
.admin-bar .fdm-quick-exit-btn--floating {
    //bottom: 60px;
}

/* Small screens — keep it visible but tuck it in */
@media (max-width: 480px) {
    .fdm-quick-exit-btn--floating {
        bottom: 50%;
        right:  5px;
        padding: 10px 16px;
        font-size: 0.9rem;
    }
}