/**
 * WooCommerce Discord Integration — Frontend styles.
 *
 * @package WC_Discord_Integration
 */

/* ── Invitation Status ── */
.wc-discord-invitation-status {
    margin: 16px 0;
}

.wc-discord-invitation-card {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 16px 20px;
}

.wc-discord-invitation-card h4 {
    margin: 0 0 12px;
    color: #5865F2;
}

/* ── Status Badges (frontend) ── */
.wc-discord-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.wc-discord-status--pending  { background: #fff3cd; color: #856404; }
.wc-discord-status--sent     { background: #cce5ff; color: #004085; }
.wc-discord-status--clicked  { background: #d4edda; color: #155724; }
.wc-discord-status--used     { background: #d4edda; color: #155724; }
.wc-discord-status--expired  { background: #f8d7da; color: #721c24; }
.wc-discord-status--revoked  { background: #e2e3e5; color: #383d41; }

/* ── VIP Badge ── */
.wc-discord-vip-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
}

.wc-discord-vip-badge--active {
    background: #d4edda;
    color: #155724;
}

.wc-discord-vip-badge--inactive {
    background: #f8d7da;
    color: #721c24;
}

/* ── Messages ── */
.wc-discord-success { color: #155724; }
.wc-discord-warning { color: #856404; }
.wc-discord-error   { color: #721c24; }
.wc-discord-meta    { font-size: 13px; color: #6c757d; }

.wc-discord-vip-restricted {
    padding: 12px 16px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    color: #856404;
}

/* ── My Account ── */
.wc-discord-my-account h3 {
    margin-bottom: 20px;
}

.wc-discord-vip-section,
.wc-discord-invitations-section {
    margin-bottom: 24px;
}

.wc-discord-invitations-section h4 {
    margin-bottom: 12px;
}