.motora-my-accont {
	max-width: 1200px;
	min-height: 600px;
	margin: 0 auto;
	padding: 50px 10px 100px 10px;
	box-sizing: border-box;
	color: #333;
	font-size: 0.9rem;
}

/*--------------------------------------
  Links
---------------------------------------*/
.motora-my-accont a {
	color: #333;
	text-decoration: none;
	font-weight: 600;
}
.motora-my-accont a:hover {
	color: #000;
	text-decoration: none;
	font-weight: 600;
}

.motora-my-accont .woocommerce-MyAccount-content {
    padding: 25px;
}
/*--------------------------------------
  Parágrafo específico
---------------------------------------*/
.motora-my-accont p:nth-child(2) {
	padding-bottom: 25px;
}

/*--------------------------------------
  Navegação em "Minha Conta"
---------------------------------------*/
.motora-my-accont .woocommerce-MyAccount-navigation {
	flex: 0 0 200px;
	border-right: 1px solid #eee;
	padding-right: 30px;
}
.motora-my-accont .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.motora-my-accont .woocommerce-MyAccount-navigation li {
	margin-bottom: 10px;
}
.motora-my-accont .woocommerce-MyAccount-navigation li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 4px;
	transition: background 0.3s ease;
}
.motora-my-accont .woocommerce-MyAccount-navigation li a:hover,
.motora-my-accont .woocommerce-MyAccount-navigation li.is-active a {
	background: #f5f5f5;
}

/*--------------------------------------
  Botão dentro de .woocommerce-info
---------------------------------------*/
.motora-my-accont .woocommerce-info a {
	display: none;
}

/*--------------------------------------
  Barra de info WooCommerce
---------------------------------------*/
.motora-my-accont .woocommerce-info {
	border-top-color: var(--primary-color);
}

/*--------------------------------------
  Endereços - Cabeçalho
---------------------------------------*/
.woocommerce-Addresses .woocommerce-Address header {
	padding-top: 25px;
}

/*--------------------------------------
  Links de endereços
---------------------------------------*/
#content .page-content .motora-my-accont .woocommerce .woocommerce-MyAccount-content
 .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a {
	width: 100% !important;
}
.woocommerce-Addresses .woocommerce-Address a {
	padding-bottom: 25px;
}

/*--------------------------------------
  Editar Conta - Fieldset
---------------------------------------*/
.motora-my-accont .woocommerce-EditAccountForm fieldset {
	padding: 25px;
	margin-top: 25px;
}

/*--------------------------------------
  Botões em Editar Conta / Endereços
---------------------------------------*/
.motora-my-accont .woocommerce-EditAccountForm p:nth-child(9) {
	margin-top: 25px;
	text-align: right;
}
.motora-my-accont form .woocommerce-address-fields > p:nth-child(2) {
	margin-top: 25px;
	text-align: right;
}

/* Botão principal (Editar Conta) */
.woocommerce-EditAccountForm p .woocommerce-Button {
	background-color: var(--primary-color) !important;
	color: #fff !important;
	padding: 15px 20px !important;
	transition: background-color 0.3s ease-in-out;
}
.woocommerce-EditAccountForm p .woocommerce-Button:hover {
	background-color: var(--primary-dark) !important;
}

/* Botão principal (Endereços) */
.woocommerce-address-fields p .button {
	background-color: var(--primary-color) !important;
	color: #fff !important;
	padding: 15px 20px !important;
	transition: background-color 0.3s ease-in-out;
}
.woocommerce-address-fields p .button:hover {
	background-color: var(--primary-dark) !important;
}

/*--------------------------------------
  Label e Input Wrapper
---------------------------------------*/
.motora-my-accont .woocommerce label {
	color: #000;
	font-weight: 600;
}
.motora-my-accont .woocommerce-input-wrapper {
	border-color: red !important;
}

/* Woocommerce  lost password */
.u-column1 .woocommerce-form-login .woocommerce-LostPassword{
	text-align:right;
}

/* Button */
#content .page-content .motora-my-accont .woocommerce #customer_login .u-column1 .woocommerce-form-login .form-row .woocommerce-button{
	width:100% !important;
}

/* Button */
.woocommerce-form-login .woocommerce-button{
	background-color:var(--primary-color)!important;
	margin-right:0px !important;
	color:#fff!important;
	padding: 14px!important;
	transition: all 0.3sease-in-out;
}
.woocommerce-form-login .woocommerce-button:hover{
	background-color:var(--primary-dark)!important;
}

/* Button */
#content .page-content .motora-my-accont .woocommerce #customer_login .u-column2 .woocommerce-form-register .woocommerce-form-row .woocommerce-Button{
	width:100% !important;
}

/* Button */
.woocommerce-form-register .woocommerce-Button{
	background-color:var(--primary-color)!important;
	margin-top: 25px!important;
	color:#fff!important;
	padding: 14px!important;
	transition: all 0.3sease-in-out;
}
.woocommerce-form-register .woocommerce-Button:hover{
    background-color:var(--primary-dark)!important;
}
/* Form Division */
#customer_login .u-column1 form{
	border-style:none;
}

/* Form Division */
#customer_login .u-column2 form{
	border-style:none;
}

/* Woocommerce  reset password */
.motora-my-accont .woocommerce-ResetPassword{
	width:500px;
	text-align:center;
}

/* Woocommerce */
.page-content .motora-my-accont .woocommerce{
	display:flex;
	justify-content:center;
}

/* User login */
#user_login{
	width:100% !important;
}

/* Woocommerce form row  first */
#content .page-content .motora-my-accont .woocommerce .woocommerce-ResetPassword .woocommerce-form-row--first{
	width:100% !important;
}

/* Label */
.woocommerce-ResetPassword label{
	text-align:left;
}

/* Button */
#content .page-content .motora-my-accont .woocommerce .woocommerce-ResetPassword .woocommerce-form-row .woocommerce-Button{
	width:100% !important;
}

/* Button */
.woocommerce-ResetPassword .woocommerce-Button{
	background-color:var(--primary-color)!important;
	margin-top: 25px!important;
	color:#fff!important;
	padding: 14px!important;
	transition: all 0.3sease-in-out;
}

.woocommerce-ResetPassword .woocommerce-Button:hover{
	background-color:var(--primary-dark)!important;
}

/* Paragraph */
.motora-my-accont .woocommerce-ResetPassword p:nth-child(1){
	margin-bottom:25px;
	
}

/*--------------------------------------
  Estilização geral dos campos de formulário
---------------------------------------*/
.motora-my-accont .woocommerce form input[type="text"],
.motora-my-accont .woocommerce form input[type="email"],
.motora-my-accont .woocommerce form input[type="password"],
.motora-my-accont .woocommerce form input[type="tel"], /* Agora telefone incluso */
.motora-my-accont .woocommerce form textarea,
.motora-my-accont .woocommerce form select,
.motora-my-accont .woocommerce .select2-container .select2-selection,
.motora-my-accont .woocommerce .select2-container .select2-selection__rendered {
  height: 45px; /* Altura dos campos */
  padding: 10px 15px; /* Espaçamento interno */
  border: 1px solid #ededed; /* Cor da borda */
  border-radius: 4px; /* Cantos arredondados */
  box-sizing: border-box; /* Garante que padding não afete largura total */
  font-size: 1rem; /* Tamanho da fonte */
  line-height: 1.5; /* Ajuste de espaçamento vertical do texto */
  transition: border-color 0.2s ease-in-out; /* Efeito suave ao interagir */
  background-color: #fff; /* Fundo branco */
}

/*--------------------------------------
  Ajuste de foco ao clicar no campo
---------------------------------------*/
.motora-my-accont .woocommerce form input[type="text"]:focus,
.motora-my-accont .woocommerce form input[type="email"]:focus,
.motora-my-accont .woocommerce form input[type="password"]:focus,
.motora-my-accont .woocommerce form input[type="tel"]:focus,
.motora-my-accont .woocommerce form textarea:focus,
.motora-my-accont .woocommerce form select:focus,
.motora-my-accont .woocommerce .select2-container .select2-selection:focus,
.motora-my-accont .woocommerce .select2-container--focus .select2-selection {
  border-color: #666; /* Borda escura ao focar */
  outline: none; /* Remove contorno padrão do navegador */
}

/*--------------------------------------
  Ajuste do campo Select2 (Correção de alinhamento)
---------------------------------------*/
.motora-my-accont .woocommerce .select2-container .select2-selection {
  height: 45px !important; /* Garante altura igual aos outros campos */
  border: 1px solid #ededed !important; /* Borda igual */
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box;
  background-color: #fff; /* Fundo branco */
}

/* Centraliza o texto dentro do Select2 */
.motora-my-accont .woocommerce .select2-container .select2-selection__rendered {
  height: auto !important;
  padding: 0 15px !important; 
  display: flex;
  align-items: center;
  line-height: 1.5;
  border: none;
}

/* Corrige o ícone do dropdown do Select2 */
.motora-my-accont .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}

/*--------------------------------------
  Ajuste do campo de telefone
---------------------------------------*/
.motora-my-accont .woocommerce form input[type="tel"] {
  height: 45px; /* Garante altura uniforme */
  border: 1px solid #ededed;
  border-radius: 4px;
  padding: 10px 15px;
  font-size: 1rem;
  background-color: #fff;
}

/* Ajuste do campo de telefone ao focar */
.motora-my-accont .woocommerce form input[type="tel"]:focus {
  border-color: #666;
}