/* CC FIFA Bio Publisher v2.0 — Admin + Frontend Styles */

/* ── Admin ──────────────────────────────────────────────────── */
.ccfifabio-admin h1 { color: #1a3c1a; font-size: 22px; }

.ccfifabio-cards {
    display: flex; flex-wrap: wrap; gap: 14px; margin: 20px 0;
}
.ccfifabio-card {
    background: #fff; border: 1px solid #e2e2e2; border-radius: 8px;
    padding: 18px 22px; min-width: 140px;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.ccfifabio-card h3 { margin: 0 0 8px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: .8px; }
.ccfifabio-card .big { font-size: 34px; font-weight: 700; color: #0073aa; margin: 0; line-height: 1; }
.ccfifabio-card .status-on  { font-size: 16px; font-weight: 700; color: #46b450; }
.ccfifabio-card .status-off { font-size: 16px; font-weight: 700; color: #dc3232; }

.ccfifabio-actions { margin: 20px 0 24px; }
.ccfifabio-actions .button { margin-right: 8px; }
.ccfifabio-action-group {
    background: #fff; border: 1px solid #e2e2e2; border-radius: 6px;
    padding: 16px 20px; margin-bottom: 12px;
}

.type-badge {
    display: inline-block; padding: 2px 8px; border-radius: 12px;
    font-size: 11px; font-weight: 600;
}
.type-player_biography { background: #e8f4fd; color: #0073aa; }
.type-team_profile     { background: #f0f7e6; color: #2d8a2d; }
.type-prediction       { background: #fff3cd; color: #856404; }
.type-guide            { background: #f3e5f5; color: #6a1b9a; }
.type-history          { background: #fce4ec; color: #880e4f; }
.type-stats            { background: #e8f5e9; color: #1b5e20; }

.ccfifabio-logs pre {
    background: #1e1e1e; color: #d4d4d4;
    padding: 14px; border-radius: 4px;
    max-height: 600px; overflow-y: auto;
    font-size: 11.5px; line-height: 1.7;
}

/* ── Frontend Article Styles ────────────────────────────────── */
.ccfifabio-hero,
.ccfifabio-mid,
.ccfifabio-end {
    display: block;
    width: 100%;
    margin: 28px 0;
    text-align: center;
    clear: both;
}
.ccfifabio-hero img,
.ccfifabio-mid img,
.ccfifabio-end img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    box-shadow: 0 2px 12px rgba(0,0,0,.10);
}
.ccfifabio-hero figcaption,
.ccfifabio-mid figcaption,
.ccfifabio-end figcaption {
    font-size: 12px;
    color: #999;
    margin-top: 7px;
    text-align: center;
    font-style: italic;
}

.ccfifabio-table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.ccfifabio-table th, .ccfifabio-table td {
    border: 1px solid #e4e4e4; padding: 9px 13px; text-align: left;
}
.ccfifabio-table th { background: #f7f7f7; font-weight: 600; width: 32%; }
.ccfifabio-table thead th { background: #0073aa; color: #fff; width: auto; }

.ccfifabio-faq { margin: 20px 0; }
.ccfifabio-faq-item {
    border-left: 3px solid #0073aa; padding: 10px 16px; margin-bottom: 18px;
    background: #fafafa; border-radius: 0 4px 4px 0;
}
.ccfifabio-faq-q { margin: 0 0 6px; font-size: 15px; font-weight: 600; }
.ccfifabio-faq-a { margin: 0; color: #444; font-size: 14px; line-height: 1.6; }

.ccfifabio-internal-links,
.ccfifabio-player-links { margin: 10px 0 20px; padding-left: 18px; }
.ccfifabio-internal-links li,
.ccfifabio-player-links li { margin-bottom: 7px; font-size: 14px; }
.ccfifabio-internal-links a,
.ccfifabio-player-links a { color: #0073aa; text-decoration: none; }
.ccfifabio-internal-links a:hover,
.ccfifabio-player-links a:hover { text-decoration: underline; }