/* --- Overlay alap --- */
.eg-loading-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    /* enyhe sötétítés */
    backdrop-filter: blur(1.5px);
    display: none;
    /* JS kapcsolja */
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* látható állapot */
.eg-loading-overlay.eg-show {
    display: flex;
}

/* --- Középső kártya --- */
.eg-loading-card {
    background: #ffffff;
    color: #0f172a;
    /* slate-900 */
    border-radius: 16px;
    padding: 20px 24px;
    min-width: 260px;
    max-width: 90vw;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
    text-align: center;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* --- Spinner --- */
.eg-spinner {
    width: 32px;
    height: 32px;
    margin: 8px auto 12px;
    border: 3px solid rgba(15, 23, 42, 0.15);
    border-top-color: #0ea5e9;
    /* cyan-ish az EasyGlobalSIM színvilághoz passzol */
    border-radius: 50%;
    animation: eg-spin 0.9s linear infinite;
}

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

/* --- Szövegek --- */
.eg-loading-text {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 4px;
}

.eg-loading-subtext {
    font-size: 13px;
    opacity: 0.8;
}

/* Reduce motion támogatás */
@media (prefers-reduced-motion: reduce) {
    .eg-spinner {
        animation: none;
        border-top-color: #0f172a;
    }
}

/* Body “megfagyasztása” amikor overlay látszik */
.eg-no-scroll {
    overflow: hidden;
}