/*==================================================
=            MEU PERFIL - CABEÇALHO
==================================================*/

.pp-profile-title{

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:35px;

}

.pp-profile-title .pp-section-icon{

    width:64px;

    height:64px;

    border-radius:18px;

    background:#FEF3C7;

    color:#D97706;



    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

    flex-shrink:0;

}

.pp-profile-title .pp-section-heading{

    flex:1;

}

.pp-profile-title .pp-section-heading h2{

    margin:0 !important;

    font-size:32px;

    font-weight:700;

    color:#132238;

    line-height:1.2;

}

.pp-profile-title .pp-section-heading p{

    margin:8px 0 0;

    color:#64748b;

    font-size:16px;

    line-height:1.7;

}


/*==================================================
=            CARD DO FORMULÁRIO
==================================================*/

.woocommerce-EditAccountForm{

    background:#fff;

    border-radius:24px;

    padding:42px;

    box-shadow:0 10px 35px rgba(0,0,0,.05);

}


/*==================================================
=            TÍTULO DADOS PESSOAIS
==================================================*/

.pp-form-title{

    margin-bottom:35px;

}

.pp-form-title h2{

    margin:0;

    font-family:inherit;

    font-size:30px;

    font-weight:700 !important;

    line-height:1.2;

    color:#132238;

    letter-spacing:0;

}

.pp-form-title p{

    margin:8px 0 0;

    color:#64748b;

    font-size:16px;

    line-height:1.7;

}


/*==================================================
=            LABELS
==================================================*/

.woocommerce-EditAccountForm label{

    display:block;

    margin-bottom:8px;

    color:#334155;

    font-size:15px;

    font-weight:600;

}


/*==================================================
=            CAMPOS
==================================================*/

.woocommerce-EditAccountForm input{

    width:100%;

    height:58px;

    padding:0 18px;

    border-radius:14px;

    border:1px solid #e2e8f0;

    background:#f8fafc;

    transition:.30s;

}

.woocommerce-EditAccountForm input:focus{

    outline:none;

    background:#fff;

    border-color:#2563eb;

    box-shadow:0 0 0 4px rgba(37,99,235,.10);

}


/*==================================================
=            ESPAÇAMENTO
==================================================*/

.woocommerce-form-row{

    margin-bottom:28px !important;

}

.form-row-first{

    padding-right:15px;

}

.form-row-last{

    padding-left:15px;

}


/*==================================================
=            TEXTO AUXILIAR
==================================================*/

#account_display_name_description{

    display:block;

    margin-top:10px;

    color:#64748b;

    font-size:14px;

    line-height:1.6;

}


/*==================================================
=            BOTÃO
==================================================*/

.woocommerce-EditAccountForm button{

    width:100%;

    height:60px;

    margin-top:20px;

    border:none;

    border-radius:16px;

    background:#22c55e;

    color:#fff;

    font-size:17px;

    font-weight:700;

    transition:.30s;

}

.woocommerce-EditAccountForm button:hover{

    background:#16a34a;

    transform:translateY(-2px);

}
/*==================================================
=            SEGURANÇA
==================================================*/

.woocommerce-EditAccountForm fieldset{

    margin-top:15px;

    padding-top:15px;

    border:0;

    border-top:1px solid #edf1f5;

}

.woocommerce-EditAccountForm legend{

    display:flex;

    align-items:center;

    gap:16px;

    margin:0 0 35px;

    padding:0;

    color:#132238;

    font-size:30px;

    font-weight:700;

}


/*==================================================
=            CAMPOS DE SENHA
==================================================*/

.password-input{

    position:relative;

    display:block;

    width:100%;

}

.password-input input{

    width:100%;

    padding-right:55px;

}

.password-input .show-password-input{

    position:absolute;

    right:18px;

    top:50%;

    transform:translateY(-50%);

    left:auto;

    width:24px;

    height:24px;

    margin:0;

    padding:0;

    border:none;

    background:transparent;

    cursor:pointer;

    opacity:.65;

    transition:.25s;

}

.password-input .show-password-input:hover{

    opacity:1;

}


/*==================================================
=            LINHAS
==================================================*/

.clear{

    clear:both;

}

.woocommerce-form-row--first{

    width:48%;

    float:left;

}

.woocommerce-form-row--last{

    width:48%;

    float:right;

}

.woocommerce-form-row--wide{

    width:100%;

}


/*==================================================
=            REQUIRED
==================================================*/

.required{

    color:#ef4444;

}


/*==================================================
=            RESPONSIVO
==================================================*/

@media(max-width:768px){

    .pp-profile-title{

        flex-direction:column;

        text-align:center;

        gap:18px;

    }

    .pp-profile-title .pp-section-heading h2{

        font-size:28px;

    }

    .pp-profile-title .pp-section-heading p{

        font-size:15px;

    }

    .woocommerce-EditAccountForm{

        padding:25px;

        border-radius:20px;

    }

    .pp-form-title{

        margin-bottom:30px;

        text-align:center;

    }

    .pp-form-title h2{

        font-size:28px;

    }

    .woocommerce-EditAccountForm legend{

        font-size:28px;
        
        justify-content:center;

        text-align:center;

    }

    .woocommerce-form-row--first,

    .woocommerce-form-row--last{

        width:100%;

        float:none;

        padding:0;

    }

    .woocommerce-EditAccountForm button{

        height:58px;

        font-size:16px;

    }

}


/*==================================================
=            ANIMAÇÕES
==================================================*/

.woocommerce-EditAccountForm input,

.woocommerce-EditAccountForm button{

    transition:all .25s ease;

}

.woocommerce-EditAccountForm input:hover{

    border-color:#cbd5e1;

}


/*==================================================
=            ACABAMENTO
==================================================*/

.woocommerce-EditAccountForm{

    overflow:hidden;

}

.woocommerce-EditAccountForm p:last-child{

    margin-bottom:0;

}

.woocommerce-EditAccountForm fieldset p:last-child{

    margin-bottom:0;

}