/* ================================================
   MEMBERS.CSS - Member Profiles & Public View
   ================================================ */

.profile-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    max-width: 1400px;
    margin: 2rem auto;
    padding: 0 1rem;
}

/* Left Column - Main Profile Info */
.profile-left-column {
    flex: 1;
    min-width: 320px;
}

#member_profile {
    background-color: rgba(0, 0, 0, 0.35);
    border: 1px solid var(--apald-darkpurple);
    border-radius: 12px;
    padding: 1.5rem;
}

/* Member Details Box */
#member_profile_details {
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid var(--apald-litepurple);
    border-radius: 12px;
    padding: 1.5rem;
}

/* Premium Badges */
.member-premium-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.5rem 1.2rem;
    border-radius: 999px;
    font-weight: bold;
    margin: 0.8rem auto;
    font-size: 1.05rem;
}

.member-premium {
    background: linear-gradient(#4a148c, #6a1b9a);
    color: white;
}

.member-premium-plus {
    background: linear-gradient(#f57f17, #ff9800);
    color: #000;
}

.member-premium-expired {
    background: #c62828;
    color: white;
}

.member-premium-soon {
    background: #f57f17;
    color: white;
}

/* Profile Image */
#member_profile img {
    border-radius: 12px;
    border: 3px solid var(--apald-litepurple);
    max-width: 180px;
    margin: 1rem auto;
    display: block;
}

/* Angels Submitted Section */
#angels-submitted {
    margin-top: 2rem;
}

#member_angel_listing {
    background-color: rgba(0, 0, 0, 0.35);
    border: 1px solid var(--apald-darkpurple);
    border-radius: 12px;
    padding: 1.2rem;
    margin-bottom: 1.5rem;
    transition: all 0.2s;
}

#member_angel_listing:hover {
    border-color: var(--apald-cyan);
    transform: translateY(-3px);
}

/* Popular Articles */
.popular-articles {
    background: rgba(0,0,0,0.3);
    border: 1px solid var(--apald-darkpurple);
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 2rem;
}

/* Right Column */
.profile-right-column {
    flex: 1;
    min-width: 320px;
}

/* Admin / Debug Panel */
#member_profile_details[style*="yellow"] {
    border-color: #ffeb3b;
    background-color: rgba(50, 50, 0, 0.6);
}

/* Responsive */
@media (max-width: 992px) {
    .profile-container {
        flex-direction: column;
    }
    
    .profile-left-column,
    .profile-right-column {
        width: 100%;
    }
    
    #member_profile_details {
        width: 100%;
    }
}

@media (max-width: 768px) {
    #member_profile img {
        max-width: 140px;
    }
    
    #member_angel_listing {
        flex-direction: column;
        text-align: center;
    }
}