/* ===========================
   PROFILE APP
=========================== */







/* ===========================
   COVER
=========================== */


.profile-cover {

    height:120px;

    background:
        linear-gradient(
            135deg,
            #B96A59,
            #D8C4AA
        );

    position:relative;

}



.profile-avatar {

    position:absolute;

    bottom:-45px;

    left:50%;

    transform:translateX(-50%);


    width:90px;

    height:90px;

    border-radius:50%;

    border:5px solid #FFF8E6;

    overflow:hidden;

}



.profile-avatar img {

    width:100%;

    height:100%;

    object-fit:cover;

}




/* ===========================
   INFO
=========================== */


.profile-info {

    padding:60px 20px 20px;

    text-align:center;

}



.profile-info h2 {

    margin:0;

    font-size:1.3rem;

}



.profile-handle {

    color:#A07A5A;

    font-size:.85rem;

}



.profile-bio {

    margin:18px 0;

    line-height:1.6;

    font-size:.9rem;

}




/* ===========================
   STATS
=========================== */


.profile-stats {

    display:flex;

    justify-content:space-around;

    margin:20px 0;

}



.profile-stats div {

    display:flex;

    flex-direction:column;

}



.profile-stats strong {

    font-size:1rem;

}



.profile-stats span {

    font-size:.75rem;

    color:#A07A5A;

}

.profile-bio a {

    color:#B96A59;

    text-decoration:underline;

    cursor:pointer;

}


.profile-bio a:hover {

    opacity:.7;

}

/* ===========================
   BUTTON
=========================== */


.edit-profile {

    width:100%;

    padding:10px;

    border-radius:999px;

    border:

        2px solid #B96A59;


    background:none;

    color:#B96A59;

    font-weight:700;

    cursor:pointer;

}




/* ===========================
   TABS
=========================== */


.profile-tabs {

    display:flex;

    border-bottom:

        1px solid #D8C4AA;

}



.profile-tabs button {

    flex:1;

    padding:14px;

    border:none;

    background:none;

    color:#A07A5A;

    cursor:pointer;

}



.profile-tabs .active {

    color:#5D3516;

    font-weight:700;

    border-bottom:

        3px solid #B96A59;

}




/* ===========================
   POSTS
=========================== */


.profile-posts {

    padding:15px;

}



.profile-card {

    background:#FFFDF5;

    border-radius:18px;

    padding:16px;

    margin-bottom:12px;

    line-height:1.5;

    box-shadow:

        0 4px 12px rgba(93,53,22,.08);

}


/* ===========================
   JEANNE PROFILE
=========================== */



/* HEADER */

.jeanne-profile-screen .profile-header {

    display:flex;

    align-items:center;

    gap:16px;

    padding-bottom:20px;

    border-bottom:1px solid #ddd;

}



.jeanne-profile-screen .profile-header img {

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

}



.jeanne-profile-screen .profile-header h2 {

    margin:0;

    font-size:22px;

    font-weight:600;

}



.jeanne-profile-screen .profile-header span {

    font-size:13px;

    color:#A07A5A;

}





/* BIO */

.jeanne-profile-screen .profile-bio {

    margin-top:25px;

    line-height:1.7;
    color:#5D3516;
    font-size:15px;

}



.jeanne-profile-screen .profile-bio strong {

    font-weight:600;

}





/* TAGS */

.jeanne-tags {

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:20px;

}



.jeanne-tags span {

    padding:6px 12px;

    border-radius:20px;

    background:#eee;

    font-size:12px;

}





/* FANCY WARRIOR CARD */

.jeanne-card {

    margin-top:25px;

    padding:18px;

    border-radius:16px;

    background:#f7f7f7;

    border:1px solid #ddd;

}



.jeanne-card h3 {

    margin-top:0;

    font-size:16px;

}



.jeanne-card p {

    margin-bottom:0;
    
    color:#A07A5A;

}