/* EA Subscription Engine — ea-sub.css */

/* ── Subscribe Buttons ─────────────────────────────────────────────────────── */

.ea-sub-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 380px;
}

.ea-sub-price {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
}

.ea-sub-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: opacity 0.2s, transform 0.1s;
    line-height: 1.3;
}

.ea-sub-btn:active { transform: scale(0.98); }
.ea-sub-btn:disabled { opacity: 0.6; cursor: not-allowed; }

.ea-sub-btn--stripe {
    background: #635bff;
    color: #fff;
}
.ea-sub-btn--stripe:hover { background: #524ce0; color: #fff; }

.ea-sub-btn--paypal {
    background: #ffc439;
    color: #003087;
}
.ea-sub-btn--paypal:hover { background: #f0b429; color: #003087; }

.ea-sub-btn--portal {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
}
.ea-sub-btn--portal:hover { background: #f7f7f7; color: #000; }

.ea-sub-msg {
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 4px;
    display: none;
}
.ea-sub-msg.success { background: #e8f5e9; color: #1b5e20; display: block; }
.ea-sub-msg.error   { background: #ffebee; color: #b71c1c; display: block; }
.ea-sub-msg.loading { background: #e3f2fd; color: #0d47a1; display: block; }

/* ── Member Status ─────────────────────────────────────────────────────────── */

.ea-sub-status-wrap { max-width: 480px; }

.ea-sub-status {
    padding: 14px 18px;
    border-radius: 6px;
    border: 1px solid;
}

.ea-sub-status--active  { background: #f0fdf4; border-color: #86efac; }
.ea-sub-status--free    { background: #f9fafb; border-color: #e5e7eb; }
.ea-sub-status--pending { background: #fffbeb; border-color: #fcd34d; }

.ea-sub-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
}

.ea-sub-badge--active  { background: #16a34a; color: #fff; }
.ea-sub-badge--free    { background: #6b7280; color: #fff; }
.ea-sub-badge--pending { background: #d97706; color: #fff; }

.ea-sub-renews {
    font-size: 13px;
    color: #555;
    margin: 4px 0 0;
}

/* ── Manage Panel ──────────────────────────────────────────────────────────── */

.ea-sub-manage-wrap { max-width: 560px; }

.ea-sub-manage-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 16px;
}

.ea-sub-manage-card h3 { margin: 0 0 12px; }
.ea-sub-manage-card p  { margin: 6px 0; }

.ea-sub-upgrade { margin-top: 20px; }
.ea-sub-upgrade h4 { margin: 0 0 10px; }

.ea-sub-upgrade-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
}
.ea-sub-upgrade-option span { color: #555; font-size: 13px; }
.ea-sub-upgrade-option a    { margin-left: auto; }

/* ── Admin Styles ──────────────────────────────────────────────────────────── */

.ea-sub-stats { flex-wrap: wrap; }

#ea-sub-admin-msg {
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 4px;
}
#ea-sub-admin-msg.notice-success { background: #e8f5e9; color: #1b5e20; border-left: 3px solid #16a34a; }
#ea-sub-admin-msg.notice-error   { background: #ffebee; color: #b71c1c; border-left: 3px solid #dc3545; }

.ea-sub-ent-block h3 code {
    font-size: 13px;
    background: #f0f0f0;
    padding: 2px 6px;
    border-radius: 3px;
}