/* menu lateral  */
.menu-account {margin-bottom: 20px;}
.menu-account li a {padding: 12px 22px; font-size: 16px; border-bottom: 1px solid #e7e7e7; width: 100%; font-weight: 500;}
.menu-account ul {border: 1px solid #e7e7e7; border-radius: 4px;}
.menu-account ul li:first-child a {border-radius: 4px 4px 0 0;}
.menu-account ul li:last-child a {border-bottom: none;}
.menu-account ul li a {display: flex; align-items: center;}
.menu-account ul li a:hover {background: #f8f8f8}
.menu-account ul li a.active {background: var(--primary); color: #fff;}
.menu-account ul li a i {font-size: 24px; color: var(--primary); display: flex;}
.menu-account ul li a.active i { color: #fff;}
.account-account .text-welcome {line-height: normal; font-size: 18px;}
@media (max-width: 991px) {
	.menu-account li a {font-size: 14px; padding: 14px 16px;}
	.menu-account h2 {font-size: 16px;}
	/* .menu-left {order: 2; margin-top: 12px;} */
}
/* menu lateral  */

/* login */
.account-login .box {border: 1px solid #dbdbdb; padding: 32px; border-radius: 4px; line-height: normal;}
.account-login .account-title {font-size: 28px; color: var(--primary); margin-bottom: 4px; font-weight: 500;}
.account-login .forgotten-password {font-size: 12px; margin-top: 4px; color: #505050;}
.account-login .link-register-account span {color: var(--primary); font-weight: 500;}
.account-login .link-register-account span:hover {text-decoration: underline;}
@media (max-width: 991px) {
	.account-login .box {padding: 16px;}
}

/* botões */
.account-login .btn-primary {width: 100%; font-size: 16px; height: 50px;}
.btn-view-password {padding: 4px 16px !important;}
/* botões */
/* login */

/* ENDERECOS */
.container-address {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
.container-address form {border: 1px solid #eee; padding: 12px; margin-bottom: 12px; border-radius: 4px;}
.container-address .btn-trash {border: 2px solid #f00; color: #f00; width: 150px; display: flex; align-items: center; justify-content: center;}
.container-address .btn-trash:hover {background: #f00; color: #fff;}
@media (max-width: 991px) {
	.container-address {grid-template-columns: repeat(1, 1fr);}
}
/* ENDERECOS */

/* conta */
.account-account h1, .account-container h1 {font-size: 24px; margin-bottom: 8px;}
.account-account .box {border-radius: 0 0 4px 4px; border: 1px solid #eee; height: 100%;}
.account-account .box-title {padding: 12px; border-radius: 4px 4px 0 0; border-bottom: 1px solid #eee;}
.account-account .box-title h3 {font-size: 18px; color: #000;}
.account-account .btn-edit {padding: 4px 18px; display: flex; gap: 8px; align-items: center; background: #f5f5f5;}
.account-account .btn-edit:hover {background: #e5e5e5;}
.account-account .box-small {border-radius: 4px; padding: 16px; width: 100%; border: 1px solid #eee; transition: ease all .5s;}
.account-account .box-small:hover {background: #f7f7f7;}
.account-account svg {fill: var(--primary); width: 40px; height: 40px;}
.account-account svg path {fill: var(--primary);}
.account-account .box-welcome {padding: 12px;}
.account-account .box-small i {font-size: 36px; display: flex; color: var(--primary);}
.account-account .box-small-title {font-weight: 500; font-size: 20px;}
@media (max-width: 991px) {
	.account-account .text-welcome {font-size: 16px;}
}
/* conta */