/*==================================================
                SIDEBAR PULSARE
==================================================*/

/*==================================================
HEADER
==================================================*/

.pulsare-account-header{

    display:flex;
    align-items:center;
    gap:35px;

    margin-bottom:60px;
    padding-bottom:40px;

    border-bottom:1px solid #eee;

}


/*==================================================
FOTO
==================================================*/

.pulsare-avatar{

    width:130px;
    height:130px;

    border-radius:50%;

    overflow:hidden;

    background:#f7f7f7;

    flex-shrink:0;

    box-shadow:0 8px 30px rgba(0,0,0,.06);

}

.pulsare-avatar img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

}


/*==================================================
INFORMAÇÕES
==================================================*/

.pulsare-account-info{

    flex:1;

}

.pulsare-account-info h2{

    margin:0;

    font-size:38px;

    font-weight:300;

}

.pulsare-account-info p{

    margin:8px 0;

    color:#777;

}

.pulsare-account-badge{

    display:inline-flex;

    align-items:center;

    padding:8px 18px;

    background:#FDF2EF;

    border-radius:999px;

    color:#D19C91;

    font-size:14px;

    margin-top:15px;

}

.pulsare-account-date{

    margin-top:15px;

    font-size:14px;

    color:#999;

}



/*==================================================
MENU
==================================================*/

.woocommerce{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:60px;

}

.woocommerce-MyAccount-navigation{

    border:1px solid #eee;

    border-radius:28px;

    overflow:hidden;

    background:#fff;

}

.woocommerce-MyAccount-navigation ul{

    margin:0;

    padding:0;

    list-style:none;

}

.woocommerce-MyAccount-navigation li{

    margin:0;

}

.woocommerce-MyAccount-navigation a{

    display:flex;

    align-items:center;

    padding:22px 28px;

    color:#222;

    text-decoration:none;

    border-bottom:1px solid #eee;

    transition:.25s;

}

.woocommerce-MyAccount-navigation li:last-child a{

    border-bottom:none;

}

.woocommerce-MyAccount-navigation a:hover{

    background:#faf7f5;

    color:#D19C91;

}

.woocommerce-MyAccount-navigation .is-active a{

    background:#FDF2EF;

    color:#D19C91;

    font-weight:600;

    border-left:4px solid #D19C91;

}


/* Esconde o menu nativo */
.woocommerce-MyAccount-navigation{
    display:none;
}

/* Nosso layout passa a ocupar toda a largura */
.woocommerce{
    display:block;
}

/*=================================
    CARDS DO DASHBOARD
=================================*/
.pulsare-dashboard-cards{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:50px;

}



.pulsare-card{

    background:#fff;

    border:1px solid #eee;

    border-radius:22px;

    padding:35px;

    transition:.25s;

}


.pulsare-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 40px rgba(0,0,0,.06);
    
    color:#C8A96A;

}


.pulsare-card-icon{

    width:64px;
    height:64px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#F8F4EF;

    margin-bottom:24px;

    transition:
        background .30s ease,
        transform .30s ease;

}

.pulsare-card strong{

    display:block;

    font-size:22px;

    margin-bottom:10px;

}


.pulsare-card p{

    color:#777;

    line-height:1.7;

}

.pulsare-card-stat{

    margin:8px 0 16px;

    color:#C8A96A;

    font-size:15px;

    font-weight:600;

}


.pulsare-card:hover .pulsare-card-icon{

    background:#F4E9D6;

   transform:
        translateY(-2px)
        scale(1.05);

    box-shadow:
        0 10px 24px rgba(200,169,106,.18);
}
.pulsare-icon{

    display: flex;

    align-items:center;

    justify-content:center;

    width:28px;

    height:28px;

    color:#C8A96A;

    flex-shrink:0;

}

.pulsare-icon :svg{

    width:100%;

    height:100%;

    display:block;

}


@media(max-width:900px){

    .woocommerce{

        grid-template-columns:1fr;

    }

    .pulsare-account-header{

        flex-direction:column;

        text-align:center;

    }

    .pulsare-dashboard-cards{

        grid-template-columns:1fr;

    }

}

/*=========================================================
= SIDEBAR
=========================================================*/

.pulsare-account-sidebar{

    background:#FFF;

    border:1px solid #EEE7E3;

    border-radius:24px;

    padding:32px;

    box-shadow:0 12px 30px rgba(0,0,0,.03);

}

.pulsare-sidebar-header{

    margin-bottom:32px;

}

.pulsare-sidebar-title{

    font-size:24px;

    font-weight:600;

    margin:0;
    
    


}

.pulsare-sidebar-link{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:14px 0;

    text-decoration:none;

    color:#2B2B2B;

    transition:.25s;

}

.pulsare-sidebar-link-left{

    display:flex;

    align-items:center;

    gap:14px;

}

.pulsare-sidebar-icon{

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#C8A96A;

    flex-shrink:0;

}

.pulsare-sidebar-link:hover .pulsare-sidebar-icon{

    transform:scale(1.08);

}

/*  SETA  */
.pulsare-sidebar-arrow{

    width:18px;

    height:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#B8B8B8;

    transition:.30s ease;

}

.pulsare-sidebar-link:hover{

    background:#FAF7F3;
    color:#C8A96A;

}

.pulsare-sidebar-link:hover .pulsare-sidebar-arrow{

    transform:translateX(4px);

    color:#C8A96A;
    
    opacity:1;

}

/*=================================
LISTAS DA SIDEBAR
=================================*/
/* TIRA PONTINHOS ANTES DAS CATEGORIAS*/
.pulsare-sidebar-group ul{

    list-style:none;

    margin:0;

    padding:0;

}

.pulsare-sidebar-group li{

    list-style:none;

    margin:0;

    padding:0;

}

/*LINHA ENTRE CATEGORIAS*/
.pulsare-sidebar-group{

    padding-bottom:24px;

    margin-bottom:24px;

    border-bottom:1px solid #F1ECE8;

}

.pulsare-sidebar-group:last-child{

    border:none;

    margin-bottom:0;

    padding-bottom:0;

}

/*TITULO DOS GRUPOS*/
/*=================================
TÍTULOS DOS GRUPOS
=================================*/

.pulsare-sidebar-heading{

    display:block;

    margin:0 0 20px;

    font-size:12px;

    font-weight:600;

    letter-spacing:.16em;

    text-transform:uppercase;

    color:#B79A67;

}