/* =========================================================
   Vrienda v7.4.3 - Profile Avatar Position Fix
   Plaats als ALLERLAATSTE stylesheet.
   ========================================================= */

/* Reset te brede avatar-fix uit v7.4.2 */
.profile-card-avatar,
.profile-user-avatar,
.sidebar-profile-avatar{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
}

/* Profielkaart opbouw */
.sidebar-profile-card{
    position:relative !important;
    overflow:hidden !important;
    padding:0 !important;
}

/* Oranje cover bovenin */
.sidebar-profile-card .sidebar-profile-cover{
    height:92px !important;
    border-radius:0 !important;
    background:linear-gradient(135deg,#ff7a18,#fb923c) !important;
}

/* Body krijgt ruimte voor de overlappende avatar */
.sidebar-profile-card .sidebar-profile-body{
    position:relative !important;
    padding:0 18px 18px !important;
}

/* Alleen de avatar BINNEN de profielkaart groter/rond maken */
.sidebar-profile-card .sidebar-profile-avatar,
.sidebar-profile-card img.sidebar-profile-avatar,
.sidebar-profile-card .profile-card-avatar,
.sidebar-profile-card .profile-user-avatar{
    position:relative !important;
    display:block !important;

    width:96px !important;
    height:96px !important;
    min-width:96px !important;
    min-height:96px !important;
    max-width:96px !important;
    max-height:96px !important;

    margin:-48px 0 14px 0 !important;

    border-radius:50% !important;
    object-fit:cover !important;
    overflow:hidden !important;

    border:4px solid #fff !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(0,0,0,.14) !important;
}

/* Avatar link mag geen layout breken */
.sidebar-profile-card .sidebar-profile-avatar-link{
    display:block !important;
    width:96px !important;
    height:auto !important;
    margin:0 !important;
    text-decoration:none !important;
}

/* Als de avatar in de link zit, corrigeer overlap */
.sidebar-profile-card .sidebar-profile-avatar-link .sidebar-profile-avatar,
.sidebar-profile-card .sidebar-profile-avatar-link img.sidebar-profile-avatar{
    margin:-48px 0 14px 0 !important;
}

/* Naam netjes onder avatar */
.sidebar-profile-card h3{
    margin:10px 0 4px !important;
    font-size:24px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
}

/* Sidebar profieltekst rustiger */
.sidebar-profile-card .muted,
.sidebar-profile-card .small{
    font-size:13px !important;
    line-height:1.35 !important;
}

/* WieWatWaar en bio */
.sidebar-profile-status{
    margin-top:14px !important;
    padding:10px 12px !important;
    border-radius:10px !important;
}

.sidebar-profile-card p{
    font-size:14px !important;
    line-height:1.42 !important;
    margin:14px 0 0 !important;
}

/* Menu mag nooit profiel-avatar positionering erven */
.nav-card .sidebar-profile-avatar,
.menu-card .sidebar-profile-avatar,
.sidebar nav .sidebar-profile-avatar,
.sidebar .nav-card img.sidebar-profile-avatar{
    position:static !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    max-width:24px !important;
    max-height:24px !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:50% !important;
}

/* Fallback: losse avatar buiten profielkaart verbergen */
.sidebar > .sidebar-profile-avatar,
.leftbar > .sidebar-profile-avatar,
.left-sidebar > .sidebar-profile-avatar{
    display:none !important;
}
