/* RealDeen Community V5 — compact live public feed V3 */

.rv5-feed-stream{
    display:grid;
    gap:14px;
}

.rv5-feed-post{
    margin:0 !important;
    padding:14px 16px 12px !important;
    border-radius:14px !important;
}

.rv5-feed-post > header{
    margin:0 0 10px !important;
}

.rv5-feed-post > header .rv5-avatar,
.rv5-feed-post > header .rv5-avatar-image{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
}

.rv5-feed-post > header small{
    font-size:8.5px !important;
}

.rv5-feed-post .rv5-post-body{
    margin-top:0 !important;
}

.rv5-feed-post .rv5-ayah{
    margin:0 0 10px !important;
    padding:12px 14px !important;
    border-radius:11px !important;
}

.rv5-feed-post .rv5-ayah-head{
    margin-bottom:5px !important;
}

.rv5-feed-post .rv5-ayah-head span{
    font-size:8px !important;
    letter-spacing:1.25px !important;
}

.rv5-feed-post .rv5-ayah-head strong,
.rv5-feed-post .rv5-ayah-head a{
    font-size:9px !important;
}

.rv5-feed-post .rv5-arabic{
    margin:8px 0 7px !important;
    font-size:20px !important;
    line-height:1.72 !important;
}

.rv5-feed-post .rv5-ayah-translation{
    margin:5px 0 0 !important;
    font-size:10.5px !important;
    line-height:1.55 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.rv5-feed-post .rv5-copy{
    margin:8px 2px 9px !important;
    font-size:12.5px !important;
    line-height:1.55 !important;
}

.rv5-feed-post .rv5-post-image{
    height:220px !important;
    max-height:220px !important;
    margin:9px 0 8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:10px !important;
    background:rgba(4,17,20,.42) !important;
}

.rv5-feed-post .rv5-post-image img{
    width:100% !important;
    height:220px !important;
    max-height:220px !important;
    object-fit:contain !important;
}

.rv5-feed-post .rv5-post-tags{
    margin-top:8px !important;
}

.rv5-feed-post .rv5-post-tags a,
.rv5-feed-post .rv5-post-tags span{
    padding:4px 7px !important;
    font-size:7.5px !important;
}

.rv5-feed-post .rv5-actions-functional{
    margin-top:9px !important;
    border-top:1px solid rgba(125,187,193,.10) !important;
    border-bottom:1px solid rgba(125,187,193,.08) !important;
}

.rv5-feed-post .rv5-actions-functional > a,
.rv5-feed-post .rv5-actions-functional > button,
.rv5-feed-post .rv5-actions-functional > form,
.rv5-feed-post .rv5-actions-functional > .rv5-action-stat{
    flex:1 1 0 !important;
    min-width:72px !important;
}

.rv5-feed-post .rv5-actions-functional a,
.rv5-feed-post .rv5-actions-functional form button,
.rv5-feed-post .rv5-actions-functional > button,
.rv5-feed-post .rv5-action-stat{
    min-height:34px !important;
    font-size:8.5px !important;
}

.rv5-feed-comments{
    padding:9px 2px 1px;
}

.rv5-feed-comment-list{
    display:grid;
    gap:7px;
}

.rv5-feed-comment{
    display:flex;
    align-items:flex-start;
    gap:8px;
}

.rv5-feed-comment-avatar{
    width:26px;
    height:26px;
    min-width:26px;
    border-radius:50%;
    object-fit:cover;
}

.rv5-feed-comment-initial{
    display:grid;
    place-items:center;
    color:#07353a;
    background:var(--accent2);
    font-size:8px;
    font-weight:800;
}

.rv5-feed-comment-bubble{
    min-width:0;
    flex:1;
    padding:7px 9px;
    border-radius:9px;
    background:rgba(85,151,158,.07);
}

.rv5-feed-comment-meta{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
}

.rv5-feed-comment-meta a{
    color:var(--text);
    text-decoration:none;
    font-size:9px;
    font-weight:750;
}

.rv5-feed-comment-meta small{
    color:var(--muted);
    font-size:7.5px;
}

.rv5-feed-comment-bubble p{
    margin:3px 0 0;
    color:#bad0d4;
    font-size:9.5px;
    line-height:1.45;
}

.rv5-feed-all-comments,
.rv5-feed-login-comment{
    display:inline-block;
    margin:8px 0 2px 34px;
    color:var(--accent);
    text-decoration:none;
    font-size:8.5px;
    font-weight:700;
}

.rv5-feed-comment-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    margin-top:8px;
    align-items:center;
}

.rv5-feed-comment-form textarea{
    width:100%;
    min-height:38px;
    max-height:90px;
    box-sizing:border-box;
    padding:9px 11px;
    resize:vertical;
    color:var(--text);
    background:rgba(7,25,30,.72);
    border:1px solid rgba(119,184,191,.19);
    border-radius:9px;
    outline:none;
    font:inherit;
    font-size:9.5px;
    line-height:1.35;
}

.rv5-feed-comment-form textarea:focus{
    border-color:rgba(111,207,214,.48);
    box-shadow:0 0 0 3px rgba(99,199,205,.06);
}

.rv5-feed-comment-form button{
    min-height:38px;
    padding:0 12px;
    border:0;
    border-radius:9px;
    color:#07353a;
    background:var(--accent2);
    font-size:8.5px;
    font-weight:800;
    cursor:pointer;
}

.rv5-feed-comment-form button[disabled]{
    opacity:.65;
    cursor:wait;
}

.rv5-live-feed-notice{
    position:sticky;
    top:82px;
    z-index:20;
    display:flex;
    justify-content:center;
    margin:0 0 10px;
}

.rv5-live-feed-notice[hidden]{
    display:none !important;
}

.rv5-live-feed-notice button{
    min-height:34px;
    padding:0 14px;
    border:1px solid rgba(122,218,224,.26);
    border-radius:999px;
    color:#07353a;
    background:var(--accent2);
    font-size:8.5px;
    font-weight:800;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
    cursor:pointer;
}

@media(max-width:767px){
    .rv5-feed-post{
        padding:12px !important;
    }

    .rv5-feed-post .rv5-post-image,
    .rv5-feed-post .rv5-post-image img{
        height:190px !important;
        max-height:190px !important;
    }

    .rv5-feed-post .rv5-arabic{
        font-size:18px !important;
    }

    .rv5-feed-post .rv5-actions-functional > a,
    .rv5-feed-post .rv5-actions-functional > button,
    .rv5-feed-post .rv5-actions-functional > form,
    .rv5-feed-post .rv5-actions-functional > .rv5-action-stat{
        flex:1 1 32% !important;
    }

    .rv5-feed-comment-form{
        grid-template-columns:1fr;
    }

    .rv5-feed-comment-form button{
        width:100%;
    }
}

/* =========================================================
   REALDEEN COMMUNITY FEED — SOCIAL ACTION BAR V5
   Instagram-style interaction pattern
   ========================================================= */


/* ---------------------------------------------------------
   ACTION ROW
   No more tiny equal-width tabs
   --------------------------------------------------------- */

.rv5-feed-post
.rv5-actions-functional{

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    flex-wrap:
        nowrap !important;

    gap:
        6px !important;

    width:
        100% !important;

    min-height:
        48px !important;

    margin:
        10px 0 0 !important;

    padding:
        5px 8px !important;

    box-sizing:
        border-box !important;

    border-top:
        1px solid rgba(139,195,200,.12) !important;

    border-bottom:
        1px solid rgba(139,195,200,.09) !important;

    background:
        rgba(78,134,140,.035) !important;
}


/* Remove old equal-column behaviour */

.rv5-feed-post
.rv5-actions-functional
> a,

.rv5-feed-post
.rv5-actions-functional
> button,

.rv5-feed-post
.rv5-actions-functional
> form,

.rv5-feed-post
.rv5-actions-functional
> .rv5-action-stat{

    flex:
        0 0 auto !important;

    min-width:
        0 !important;

    width:
        auto !important;

    margin:
        0 !important;
}


/* Like / Comment / Share */

.rv5-feed-post
.rv5-actions-functional
a,

.rv5-feed-post
.rv5-actions-functional
form button,

.rv5-feed-post
.rv5-actions-functional
> button{

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        38px !important;

    width:
        auto !important;

    padding:
        0 13px !important;

    border:
        0 !important;

    border-radius:
        8px !important;

    background:
        transparent !important;

    color:
        #b9d0d4 !important;

    font-size:
        12px !important;

    font-weight:
        650 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;

    text-decoration:
        none !important;

    cursor:
        pointer !important;

    transition:
        color .16s ease,
        background .16s ease,
        transform .16s ease
        !important;
}


/* Like button active state */

.rv5-feed-post
.rv5-actions-functional
button.active{

    color:
        #7ed9de !important;
}


/* Hover */

.rv5-feed-post
.rv5-actions-functional
a:hover,

.rv5-feed-post
.rv5-actions-functional
form button:hover,

.rv5-feed-post
.rv5-actions-functional
> button:hover{

    color:
        #ffffff !important;

    background:
        rgba(104,190,197,.09) !important;

    transform:
        translateY(-1px) !important;
}


/* ---------------------------------------------------------
   VIEWS
   Push statistics to right side
   --------------------------------------------------------- */

.rv5-feed-post
.rv5-actions-functional
.rv5-action-stat{

    margin-left:
        auto !important;

    min-height:
        38px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 10px !important;

    color:
        #8faeb3 !important;

    font-size:
        11px !important;

    font-weight:
        550 !important;

    white-space:
        nowrap !important;

    cursor:
        default !important;
}


/* ---------------------------------------------------------
   DELETE
   Small owner control on far right
   --------------------------------------------------------- */

.rv5-feed-post
.rv5-actions-functional
.rv5-owner-action{

    flex:
        0 0 auto !important;

    margin-left:
        2px !important;
}


.rv5-feed-post
.rv5-actions-functional
.rv5-owner-action button{

    padding:
        0 10px !important;

    color:
        #f09694 !important;

    font-size:
        10.5px !important;

    font-weight:
        650 !important;
}


.rv5-feed-post
.rv5-actions-functional
.rv5-owner-action button:hover{

    color:
        #ffb0ae !important;

    background:
        rgba(210,79,79,.08) !important;
}


/* =========================================================
   COMMENT SECTION — SOCIAL FEED STYLE
   ========================================================= */

.rv5-feed-comments{

    padding:
        8px 4px 2px !important;
}


/* Existing comments more readable */

.rv5-feed-comment{

    gap:
        9px !important;

    margin-bottom:
        6px !important;
}


.rv5-feed-comment-avatar{

    width:
        28px !important;

    height:
        28px !important;

    min-width:
        28px !important;
}


.rv5-feed-comment-bubble{

    padding:
        7px 10px !important;

    border-radius:
        10px !important;

    background:
        rgba(91,159,166,.07) !important;
}


.rv5-feed-comment-meta a{

    font-size:
        10px !important;

    font-weight:
        750 !important;
}


.rv5-feed-comment-meta small{

    font-size:
        8px !important;
}


.rv5-feed-comment-bubble p{

    font-size:
        10px !important;

    line-height:
        1.4 !important;
}


/* View comments link */

.rv5-feed-all-comments{

    margin:
        6px 0 7px 37px !important;

    color:
        #8fb6bb !important;

    font-size:
        9.5px !important;

    font-weight:
        650 !important;
}


/* ---------------------------------------------------------
   COMMENT COMPOSER
   Similar to social feed "Add a comment..."
   --------------------------------------------------------- */

.rv5-feed-comment-form{

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        0 !important;

    width:
        100% !important;

    min-height:
        42px !important;

    margin:
        8px 0 0 !important;

    padding:
        0 4px 0 0 !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;

    background:
        rgba(7,25,30,.67) !important;

    border:
        1px solid rgba(120,184,190,.17) !important;

    border-radius:
        10px !important;
}


.rv5-feed-comment-form textarea{

    flex:
        1 1 auto !important;

    width:
        auto !important;

    min-width:
        0 !important;

    min-height:
        40px !important;

    max-height:
        90px !important;

    margin:
        0 !important;

    padding:
        11px 12px !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        #d5e2e4 !important;

    font-size:
        11.5px !important;

    line-height:
        1.4 !important;

    resize:
        none !important;

    outline:
        none !important;
}


.rv5-feed-comment-form textarea::placeholder{

    color:
        #718e93 !important;
}


/* Comment/Post button */

.rv5-feed-comment-form button{

    flex:
        0 0 auto !important;

    min-height:
        34px !important;

    width:
        auto !important;

    margin:
        0 !important;

    padding:
        0 12px !important;

    border:
        0 !important;

    border-radius:
        7px !important;

    color:
        #72d3d9 !important;

    background:
        transparent !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    cursor:
        pointer !important;
}


.rv5-feed-comment-form button:hover{

    background:
        rgba(99,194,201,.08) !important;
}


/* =========================================================
   POST HEADER ALSO NEEDS SOCIAL-FEED READABILITY
   ========================================================= */

.rv5-feed-post
.rv5-post-author{

    font-size:
        12.5px !important;

    font-weight:
        760 !important;
}


.rv5-feed-post
> header small{

    font-size:
        9px !important;
}


/* Reflection text */

.rv5-feed-post
.rv5-copy{

    font-size:
        12px !important;

    line-height:
        1.5 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .rv5-feed-post
    .rv5-actions-functional{

        gap:
            1px !important;

        padding:
            4px 2px !important;

        min-height:
            45px !important;
    }


    .rv5-feed-post
    .rv5-actions-functional
    a,

    .rv5-feed-post
    .rv5-actions-functional
    form button,

    .rv5-feed-post
    .rv5-actions-functional
    > button{

        min-height:
            36px !important;

        padding:
            0 8px !important;

        font-size:
            10.5px !important;
    }


    .rv5-feed-post
    .rv5-actions-functional
    .rv5-action-stat{

        padding:
            0 6px !important;

        font-size:
            9.5px !important;
    }


    .rv5-feed-post
    .rv5-actions-functional
    .rv5-owner-action button{

        padding:
            0 6px !important;

        font-size:
            9px !important;
    }


    .rv5-feed-comment-form textarea{

        font-size:
            11px !important;
    }

}


/* =========================================================
   REALDEEN SOCIAL ICONS V6
   Premium Instagram-style outline icons
   ========================================================= */

.rv5-actions-functional
.rv5-social-action{

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        8px !important;

    color:
        #bed2d6 !important;
}


/* Proper SVG icons */

.rv5-actions-functional
.rv5-social-icon{

    display:
        block !important;

    flex:
        0 0 auto !important;

    width:
        19px !important;

    height:
        19px !important;

    fill:
        none !important;

    stroke:
        currentColor !important;

    stroke-width:
        1.75 !important;

    stroke-linecap:
        round !important;

    stroke-linejoin:
        round !important;
}


/* Heart becomes filled after Like */

.rv5-actions-functional
.rv5-like-icon.is-liked{

    fill:
        currentColor !important;

    stroke:
        currentColor !important;
}


/* Active Like */

.rv5-actions-functional
.rv5-social-action.active{

    color:
        #7bd8de !important;
}


/* Text */

.rv5-actions-functional
.rv5-social-action > span:not(.rv5-action-count){

    font-size:
        12.5px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;
}


/* Like / comment counts */

.rv5-actions-functional
.rv5-action-count{

    margin-left:
        -3px !important;

    color:
        #88aab0 !important;

    font-size:
        10px !important;

    font-weight:
        600 !important;
}


/* Views icon slightly smaller */

.rv5-actions-functional
.rv5-action-stat
.rv5-social-icon{

    width:
        16px !important;

    height:
        16px !important;
}


.rv5-actions-functional
.rv5-action-stat{

    gap:
        6px !important;
}


/* Hover — icon and text together */

.rv5-actions-functional
.rv5-social-action:hover{

    color:
        #ffffff !important;
}


.rv5-actions-functional
.rv5-social-action:hover
.rv5-social-icon{

    transform:
        translateY(-1px) !important;
}


/* Smooth icon movement */

.rv5-actions-functional
.rv5-social-icon{

    transition:
        transform .16s ease,
        fill .16s ease,
        stroke .16s ease
        !important;
}


@media(max-width:767px){

    .rv5-actions-functional
    .rv5-social-icon{

        width:
            18px !important;

        height:
            18px !important;
    }


    .rv5-actions-functional
    .rv5-social-action > span:not(.rv5-action-count){

        font-size:
            11px !important;
    }

}


/* =========================================================
   COMMUNITY SIDEBAR LAYOUT V7
   LEFT: Community + Principle
   RIGHT: Account + Trending
   ========================================================= */


/* ---------------------------------------------------------
   LEFT PRINCIPLE
   --------------------------------------------------------- */

.rv5-left
.rv5-left-principle{

    margin-top:
        14px !important;

    padding:
        20px 18px !important;
}


.rv5-left
.rv5-left-principle > span{

    display:
        block !important;

    margin-bottom:
        10px !important;

    color:
        #75d4da !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        1.4px !important;
}


.rv5-left
.rv5-left-principle > strong{

    display:
        block !important;

    margin-bottom:
        8px !important;

    color:
        #f1f7f7 !important;

    font-size:
        12px !important;

    font-weight:
        750 !important;

    line-height:
        1.35 !important;
}


.rv5-left
.rv5-left-principle > p{

    margin:
        0 !important;

    color:
        #90adb2 !important;

    font-size:
        9.5px !important;

    line-height:
        1.6 !important;
}



/* ---------------------------------------------------------
   RIGHT ACCOUNT CARD
   --------------------------------------------------------- */

.rv5-right
.rv5-home-account-right{

    width:
        100% !important;

    margin:
        0 0 14px !important;

    padding:
        18px 15px !important;

    box-sizing:
        border-box !important;
}


.rv5-right
.rv5-home-account-right
.rv5-label{

    display:
        block !important;

    margin:
        0 0 10px 8px !important;

    color:
        #75d4da !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        1.4px !important;
}


.rv5-right
.rv5-home-account-right
a{

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    width:
        100% !important;

    min-height:
        39px !important;

    padding:
        0 9px !important;

    box-sizing:
        border-box !important;

    border-radius:
        8px !important;

    color:
        #b8d1d5 !important;

    font-size:
        11px !important;

    font-weight:
        650 !important;

    line-height:
        1.2 !important;

    text-decoration:
        none !important;

    transition:
        background .16s ease,
        color .16s ease
        !important;
}


.rv5-right
.rv5-home-account-right
a:hover{

    color:
        #ffffff !important;

    background:
        rgba(91,176,184,.10) !important;
}


.rv5-right
.rv5-home-account-right
.rv5-nav-icon{

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex:
        0 0 19px !important;

    width:
        19px !important;

    height:
        19px !important;

    color:
        #829fa4 !important;
}


.rv5-right
.rv5-home-account-right
.rv5-nav-icon svg{

    display:
        block !important;

    width:
        18px !important;

    height:
        18px !important;
}


.rv5-right
.rv5-home-account-right
a:hover
.rv5-nav-icon{

    color:
        #75d4da !important;
}



/* Trending follows directly beneath Account */

.rv5-right
#rd-home-account-right-v7
+ .rv5-card{

    margin-top:
        0 !important;
}



/* ---------------------------------------------------------
   MOBILE / TABLET
   --------------------------------------------------------- */

@media(max-width:1000px){

    .rv5-left
    .rv5-left-principle{

        margin-top:
            12px !important;
    }


    .rv5-right
    .rv5-home-account-right{

        margin-bottom:
            12px !important;
    }

}


/* =========================================================
   COMMUNITY RIGHT ACCOUNT — READABILITY V8
   ========================================================= */

.rv5-right
#rd-home-account-right-v7{

    padding:
        22px 17px !important;
}


/* ACCOUNT heading */

.rv5-right
#rd-home-account-right-v7
.rv5-label{

    margin:
        0 0 14px 8px !important;

    font-size:
        12px !important;

    font-weight:
        850 !important;

    letter-spacing:
        1.6px !important;

    line-height:
        1.2 !important;
}


/* My Wall / Messages / Notifications / My Account */

.rv5-right
#rd-home-account-right-v7
a{

    min-height:
        46px !important;

    padding:
        0 10px !important;

    gap:
        11px !important;

    font-size:
        13.5px !important;

    font-weight:
        650 !important;

    line-height:
        1.25 !important;
}


/* Icons slightly larger too */

.rv5-right
#rd-home-account-right-v7
.rv5-nav-icon{

    flex:
        0 0 21px !important;

    width:
        21px !important;

    height:
        21px !important;
}


.rv5-right
#rd-home-account-right-v7
.rv5-nav-icon svg{

    width:
        20px !important;

    height:
        20px !important;
}


/* Slight separation between rows */

.rv5-right
#rd-home-account-right-v7
a + a{

    margin-top:
        2px !important;
}


/* Better hover readability */

.rv5-right
#rd-home-account-right-v7
a:hover{

    color:
        #ffffff !important;

    background:
        rgba(91,176,184,.12) !important;
}


@media(max-width:767px){

    .rv5-right
    #rd-home-account-right-v7
    a{

        min-height:
            48px !important;

        font-size:
            13px !important;
    }

}


/* =========================================================
   COMMUNITY ACCOUNT CARD — BIGGER WHITE BOLD TEXT V9
   ========================================================= */

.rv5-right #rd-home-account-right-v7{
    padding: 26px 20px !important;
}

/* ACCOUNT heading */
.rv5-right #rd-home-account-right-v7 .rv5-label,
.rv5-right #rd-home-account-right-v7 .account-title,
.rv5-right #rd-home-account-right-v7 h3,
.rv5-right #rd-home-account-right-v7 h4,
.rv5-right #rd-home-account-right-v7 strong:first-child{
    color: #9fe7ee !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 1.8px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

/* menu rows */
.rv5-right #rd-home-account-right-v7 a,
.rv5-right #rd-home-account-right-v7 a:link,
.rv5-right #rd-home-account-right-v7 a:visited,
.rv5-right #rd-home-account-right-v7 li a,
.rv5-right #rd-home-account-right-v7 .rv5-nav-link,
.rv5-right #rd-home-account-right-v7 .rv5-account-link{
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 0 !important;
}

/* if text is inside spans */
.rv5-right #rd-home-account-right-v7 a span,
.rv5-right #rd-home-account-right-v7 li a span,
.rv5-right #rd-home-account-right-v7 .rv5-nav-link span,
.rv5-right #rd-home-account-right-v7 .rv5-account-link span{
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

/* icons */
.rv5-right #rd-home-account-right-v7 svg,
.rv5-right #rd-home-account-right-v7 i,
.rv5-right #rd-home-account-right-v7 .rv5-nav-icon{
    color: #a8edf2 !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
}

/* separators */
.rv5-right #rd-home-account-right-v7 hr,
.rv5-right #rd-home-account-right-v7 a + a,
.rv5-right #rd-home-account-right-v7 li + li{
    border-color: rgba(255,255,255,.10) !important;
}

/* hover */
.rv5-right #rd-home-account-right-v7 a:hover,
.rv5-right #rd-home-account-right-v7 li a:hover,
.rv5-right #rd-home-account-right-v7 .rv5-nav-link:hover,
.rv5-right #rd-home-account-right-v7 .rv5-account-link:hover{
    color: #ffffff !important;
    background: rgba(91,176,184,.10) !important;
    border-radius: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* mobile */
@media (max-width: 767px){
    .rv5-right #rd-home-account-right-v7 a,
    .rv5-right #rd-home-account-right-v7 li a,
    .rv5-right #rd-home-account-right-v7 .rv5-nav-link,
    .rv5-right #rd-home-account-right-v7 .rv5-account-link,
    .rv5-right #rd-home-account-right-v7 a span{
        font-size: 17px !important;
    }
}


/* =========================================================
   MY WALL ACCOUNT CARD V10
   Exact visual match to approved Community account card
   ========================================================= */

.rv5-right
#rd-profile-account-right-v10{

    width:
        100% !important;

    margin:
        0 0 14px !important;

    padding:
        26px 20px !important;

    box-sizing:
        border-box !important;
}


/* ACCOUNT */

.rv5-right
#rd-profile-account-right-v10
.rv5-label{

    display:
        block !important;

    margin:
        0 0 18px 8px !important;

    color:
        #9fe7ee !important;

    font-size:
        15px !important;

    font-weight:
        800 !important;

    letter-spacing:
        1.8px !important;

    line-height:
        1.2 !important;
}


/* My Wall / Messages / Notifications / My Account */

.rv5-right
#rd-profile-account-right-v10
a{

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        12px !important;

    width:
        100% !important;

    min-height:
        54px !important;

    padding:
        8px 10px !important;

    box-sizing:
        border-box !important;

    color:
        #ffffff !important;

    font-size:
        18px !important;

    font-weight:
        700 !important;

    line-height:
        1.3 !important;

    border-radius:
        9px !important;

    text-decoration:
        none !important;
}


.rv5-right
#rd-profile-account-right-v10
a span:not(.rv5-nav-icon){

    color:
        #ffffff !important;

    font-size:
        18px !important;

    font-weight:
        700 !important;
}


/* Icons */

.rv5-right
#rd-profile-account-right-v10
.rv5-nav-icon{

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex:
        0 0 22px !important;

    width:
        22px !important;

    height:
        22px !important;

    color:
        #a8edf2 !important;
}


.rv5-right
#rd-profile-account-right-v10
.rv5-nav-icon svg{

    display:
        block !important;

    width:
        21px !important;

    height:
        21px !important;
}


/* separators */

.rv5-right
#rd-profile-account-right-v10
a + a{

    border-top:
        1px solid rgba(255,255,255,.10) !important;
}


/* hover */

.rv5-right
#rd-profile-account-right-v10
a:hover{

    color:
        #ffffff !important;

    background:
        rgba(91,176,184,.10) !important;
}


/* Highlight My Wall because this is the wall page */

.rv5-right
#rd-profile-account-right-v10
a:first-of-type{

    background:
        rgba(91,176,184,.08) !important;
}


@media(max-width:767px){

    .rv5-right
    #rd-profile-account-right-v10
    a,

    .rv5-right
    #rd-profile-account-right-v10
    a span:not(.rv5-nav-icon){

        font-size:
            17px !important;
    }

}


/* =========================================================
   MY WALL — REMOVE LEGACY ACCOUNT DUPLICATE V12
   ========================================================= */

/*
 * Only the approved large account card is allowed
 * in the right sidebar on Community Wall.
 */

body:has(#rd-community-wall-page-v12)
.rv5-right
.rv5-account-links:not(#rd-profile-account-right-v10),

body:has(#rd-community-wall-page-v12)
.rv5-right
.rv5-account-right-card:not(#rd-profile-account-right-v10){

    display:
        none !important;
}


/*
 * Fallback for an old card that may not have
 * rv5-account-links but was moved by legacy JS.
 */

body:has(#rd-community-wall-page-v12)
.rv5-right
nav.rv5-card.rv5-nav:not(#rd-profile-account-right-v10){

    display:
        none !important;
}


/* Approved card always stays visible */

body:has(#rd-community-wall-page-v12)
.rv5-right
#rd-profile-account-right-v10{

    display:
        block !important;
}