/* =============================================================
   COMMUNITY — Leaderboard + Profile
   Aqua Manga child theme overrides for Manga Comments Pro
   ============================================================= */

/* ══════════════════════════════════
   SHARED — PAGE BACKGROUND + TEXT
   ══════════════════════════════════ */

body.page-template-default .site-content,
body.author .site-content,
body .mcp-page-wrap,
body .mcp-leaderboard-wrap,
body .mcp-profile-wrap,
body .manga-comments-pro-page {
    background: #080808 !important;
    color: rgba(255,255,255,0.85) !important;
}

.mcp-page-wrap,
.mcp-page-wrap *,
.mcp-profile-wrap * {
    color: inherit;
}

.mcp-page-wrap a,
.mcp-profile-wrap a {
    color: #48CAE4 !important;
    text-decoration: none;
}
.mcp-page-wrap a:hover,
.mcp-profile-wrap a:hover {
    color: #fff !important;
}

/* ══════════════════════════════════
   LEADERBOARD PAGE
   ══════════════════════════════════ */

.mcp-leaderboard-title,
.mcp-leaderboard-wrap h1,
.mcp-leaderboard-wrap h2,
.mcp-leaderboard-wrap .page-title {
    color: #fff !important;
    text-align: center;
}

.mcp-leaderboard-subtitle,
.mcp-leaderboard-wrap p {
    color: rgba(255,255,255,0.5) !important;
}

.mcp-leaderboard-top,
.mcp-leaderboard-top-3,
.mcp-podium,
.mcp-top-users {
    background: transparent !important;
}

.mcp-leaderboard-top .mcp-user-card,
.mcp-podium-item,
.mcp-top-user {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
}

.mcp-podium-item:nth-child(2),
.mcp-top-user:nth-child(1),
.mcp-leaderboard-top .mcp-user-card:nth-child(2) {
    border-color: rgba(244,208,63,0.3) !important;
    background: rgba(244,208,63,0.05) !important;
}

.mcp-crown,
.mcp-trophy,
.mcp-podium-crown {
    color: #f4d03f !important;
}

.mcp-leaderboard-wrap img,
.mcp-podium-item img,
.mcp-user-avatar {
    border-radius: 50% !important;
    border: 2px solid rgba(255,255,255,0.1) !important;
}

.mcp-leaderboard-row,
.mcp-leaderboard-item,
.mcp-leaderboard-table tr,
.mcp-leaderboard-list > div,
.mcp-leaderboard-list > li {
    background: rgba(255,255,255,0.03) !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    padding: 10px 14px !important;
    transition: background 0.15s !important;
}
.mcp-leaderboard-row:hover,
.mcp-leaderboard-item:hover,
.mcp-leaderboard-list > div:hover,
.mcp-leaderboard-list > li:hover {
    background: rgba(255,255,255,0.06) !important;
}

.mcp-rank,
.mcp-leaderboard-rank {
    font-weight: 600 !important;
}

.mcp-leaderboard-username,
.mcp-leaderboard-row .mcp-username,
.mcp-user-name {
    font-weight: 500 !important;
}

.mcp-aura-badge,
.mcp-score-badge,
.mcp-leaderboard-aura,
.mcp-leaderboard-score {
    background: #005F99 !important;
    color: #48CAE4 !important;
    border-radius: 20px !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.mcp-level-badge,
.mcp-user-level {
    background: rgba(39,174,96,0.15) !important;
    color: #27ae60 !important;
    border-radius: 4px !important;
    padding: 2px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* ══════════════════════════════════
   PROFILE PAGE
   ══════════════════════════════════ */

.mcp-profile-card,
.mcp-profile-header,
.mcp-user-profile-card {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    padding: 24px !important;
}

.mcp-profile-avatar,
.mcp-profile-card img {
    border-radius: 50% !important;
    border: 3px solid rgba(72,202,228,0.3) !important;
}

.mcp-profile-username,
.mcp-profile-name {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.mcp-profile-role,
.mcp-user-role,
.mcp-role-badge {
    background: #005F99 !important;
    color: #48CAE4 !important;
    border-radius: 4px !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.mcp-profile-joined,
.mcp-joined-date {
    color: rgba(255,255,255,0.4) !important;
    font-size: 13px !important;
}

.mcp-profile-bio,
.mcp-bio-section {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px !important;
    color: rgba(255,255,255,0.6) !important;
}

.mcp-profile-bio textarea,
.mcp-bio-edit textarea {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-family: inherit !important;
}
.mcp-profile-bio textarea:focus,
.mcp-bio-edit textarea:focus {
    border-color: rgba(72,202,228,0.3) !important;
    outline: none !important;
}

.mcp-profile-bio button,
.mcp-bio-save,
.mcp-save-bio-btn {
    background: #005F99 !important;
    color: #48CAE4 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.mcp-profile-stats,
.mcp-stats-row {
    display: flex !important;
    gap: 12px !important;
}
.mcp-profile-stat,
.mcp-stat-card {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px !important;
    text-align: center !important;
    padding: 16px !important;
    flex: 1 !important;
}
.mcp-profile-stat .mcp-stat-value,
.mcp-stat-card .mcp-stat-number {
    color: #48CAE4 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
.mcp-profile-stat .mcp-stat-label,
.mcp-stat-card .mcp-stat-title {
    color: rgba(255,255,255,0.4) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

.mcp-profile-tabs,
.mcp-tabs {
    background: rgba(255,255,255,0.04) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}
.mcp-profile-tab,
.mcp-tab {
    color: rgba(255,255,255,0.5) !important;
    background: transparent !important;
    border: none !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.mcp-profile-tab.active,
.mcp-profile-tab.is-active,
.mcp-tab.active,
.mcp-tab.is-active {
    background: #005F99 !important;
    color: #48CAE4 !important;
}

.mcp-activity-item,
.mcp-recent-activity li,
.mcp-recent-activity > div {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    transition: background 0.15s !important;
}
.mcp-activity-item:hover,
.mcp-recent-activity li:hover,
.mcp-recent-activity > div:hover {
    background: rgba(255,255,255,0.04) !important;
}
.mcp-activity-item img,
.mcp-recent-activity img {
    border-radius: 6px !important;
    width: 48px !important;
    height: 64px !important;
    object-fit: cover !important;
}
.mcp-activity-title,
.mcp-activity-manga-title {
    color: #fff !important;
    font-weight: 500 !important;
}
.mcp-activity-chapter,
.mcp-activity-detail {
    color: rgba(255,255,255,0.5) !important;
    font-size: 13px !important;
}
.mcp-activity-time {
    color: rgba(255,255,255,0.3) !important;
    font-size: 12px !important;
}

.mcp-profile-bookmarks h2,
.mcp-bookmarks-title {
    color: rgba(255,255,255,0.6) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

.mcp-bookmark-card,
.mcp-profile-bookmark {
    border-radius: 8px !important;
    overflow: hidden !important;
}
.mcp-bookmark-card img,
.mcp-profile-bookmark img {
    border-radius: 8px !important;
    aspect-ratio: 2/3 !important;
    object-fit: cover !important;
}
.mcp-bookmark-title {
    color: rgba(255,255,255,0.75) !important;
    font-size: 12px !important;
    margin-top: 6px !important;
}

/* ══════════════════════════════════
   MADARA DEFAULT OVERRIDES
   ══════════════════════════════════ */

.c-profile,
.c-profile__wrapper,
.manga-user-profile {
    background: #080808 !important;
}

.c-profile .profile-card,
.c-profile .profile__info,
.manga-user-profile .profile-header {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
}

.manga-leaderboard,
.c-leaderboard {
    background: #080808 !important;
}
.manga-leaderboard table,
.c-leaderboard table {
    border-collapse: separate !important;
    border-spacing: 0 4px !important;
}
.manga-leaderboard table tr,
.c-leaderboard table tr {
    background: rgba(255,255,255,0.03) !important;
    border-radius: 8px !important;
}
.manga-leaderboard table td,
.c-leaderboard table td {
    border: none !important;
    padding: 10px 14px !important;
    color: rgba(255,255,255,0.8) !important;
}

.c-sub-header,
.c-sub-header-wrapper,
.profile-nav-bar {
    background: #0f0f0f !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.c-sub-header a,
.profile-nav-bar a {
    color: rgba(255,255,255,0.6) !important;
    text-decoration: none !important;
}
.c-sub-header a:hover,
.c-sub-header a.active,
.profile-nav-bar a:hover,
.profile-nav-bar a.active {
    color: #48CAE4 !important;
}

.c-sub-header .user-name,
.profile-nav-bar .user-greeting {
    color: rgba(255,255,255,0.7) !important;
}

.c-profile .c-blog__heading,
.c-profile h4,
.manga-user-profile h4,
.mcp-section-title {
    color: rgba(255,255,255,0.6) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 14px !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 6px !important;
    color: #fff !important;
}

.mcp-page-wrap button:not(.aqua-report-reason),
.mcp-page-wrap .btn,
.mcp-page-wrap input[type="submit"] {
    background: #005F99 !important;
    color: #48CAE4 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}