/* █████████████ MI CUENTA █████████████████████████████████████████████████████████ */
/* █████████████ MI CUENTA █████████████████████████████████████████████████████████ */
/* █████████████ MI CUENTA █████████████████████████████████████████████████████████ */
/* █████████████ MI CUENTA █████████████████████████████████████████████████████████ */
/* █████████████ MI CUENTA █████████████████████████████████████████████████████████ */
/* █████████████ MI CUENTA █████████████████████████████████████████████████████████ */


/* Mensaje de bienvenida *//* Mensaje de bienvenida */
/* Mensaje de bienvenida *//* Mensaje de bienvenida */

/* Ocultamos el texto original de WooCommerce por PHP (el más limpio) */
.woocommerce-account .woocommerce-MyAccount-content > p {
	display: none !important;
}

/* Mostrar mensaje personalizado */
.mi-bienvenida-personalizada p{
	margin: 5px 0 0 !important;
    font-size: 14px;
    line-height: 1.4em;
    max-width: 400px;
    font-weight: 400;
}

.mi-bienvenida-personalizada{	
	padding: 5px; 
	margin: 0;
}

/* Contenedores principales izq y derecha *//* Contenedores principales izq y derecha */
/* Contenedores principales izq y derecha *//* Contenedores principales izq y derecha */

/* Izq */
.woocommerce-account .woocommerce-MyAccount-navigation {
    font-family: 'Poppins', sans-serif !important;
	float: left;
    width: 25%;
	border-radius: 2px !important;
    border: 2px solid #f7f7f7 !important;
    background: linear-gradient(180deg, #f7f7f7 1%, #fcfcfc 100%) !important;
    padding: 18px;
	margin-bottom:32px;
	min-height:500px;
}

/* Der */
.woocommerce-account .woocommerce-MyAccount-content {
    font-family: 'Poppins', sans-serif !important;
	float: right;
    width: 72.5%;
    padding: 20px;
	border-radius: 2px !important;
    border: 2px solid #f7f7f7 !important;
    background: linear-gradient(90deg, #f7f7f7 1%, #fcfcfc 100%) !important;
	margin-bottom:32px;	
}

/* Estilo del menú lateral *//* Estilo del menú lateral */
/* Estilo del menú lateral *//* Estilo del menú lateral */

.woocommerce-MyAccount-navigation ul {
    list-style: none!important;
    padding: 0!important;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 5px;
    border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 10px;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 2px;
	font-size:14px;
	line-height:1.4em;
}

/* Efecto Hover y Página Activa */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: linear-gradient(271deg, #ff052f 1%, #cb1031 100%) !important;
    color: #fff !important;
    padding-left: 15px;
}


/* Menu de pedidos *//* Menu de pedidos *//* Menu de pedidos */
/* Menu de pedidos *//* Menu de pedidos *//* Menu de pedidos */

/* Tamaño del texto */
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table{
	font-size:14px;
}

/* Encabezados de la tabla  */
.woocommerce table.shop_table th {
    font-weight: 500;
    color: #b8b8b8;  
	text-align:center;
}

/* Separar encabezados de la línea y línea */
.woocommerce-orders-table thead th {
    padding-bottom: 10px !important; 
	border-bottom:0px !important;
}

/* Separar los datos de la línea (opcional, para que no peguen por debajo) */
/* campos de la derecha de la tabla, mnenos el primero */
.woocommerce-orders-table tbody td {
	border: 2px solid #e6e6e6 !important;
	border-left:0px!important;
	padding-top: 12px !important;
    padding-bottom: 12px !important;
    vertical-align: middle !important;
	text-align:center;	
}

.woocommerce-orders-table tbody tr:last-child td {
	border-right:2px solid #e6e6e6 !important;
}

/* Campo de izquierda de la tabla, el primero */
.woocommerce-orders-table tbody th {
	border: 2px solid #e6e6e6 !important;
	text-align:center;
	color:#333!important;
	font-weight: 500;
}

/* Primer campo de la tabla, Nº de pedido */
.woocommerce-orders-table tbody a {
	color:#333!important;
	font-weight: 500;
}
.woocommerce-orders-table tbody a:hover {
	color:#ff0832!important;
}

/* Campo de Fecha de pedido */
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date{
text-transform:capitalize;
}



/* Botón de "ver" */
a.woocommerce-button.button.view{
    background-color: #666 !important;
    color: #f7f7f7 !important;
    padding: 0px 20px !important;
    border-radius: 2px !important;
    border: none;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 500;
}

a.woocommerce-button.button.view:hover {
	padding: 0px 20px !important;
	background-color:#ff0832!important;
}









/* DIRECCIONES *//* DIRECCIONES *//* DIRECCIONES */
/* DIRECCIONES *//* DIRECCIONES *//* DIRECCIONES */





/* Padding */
.woocommerce-account .col2-set.addresses {
margin-top: 0px!important;
padding: 5px 10px;
font-family: 'Poppins',Helvetica;
color: #333;
font-size: 14px;}

/* Para el campo nif */
.woocommerce-account .col2-set.addresses strong {
    font-weight: 500;}

/* Para quitar cursivas */
.woocommerce-account address {
    font-style:normal!important;
}

header.woocommerce-Address-title.title h2,
.woocommerce-account .woocommerce-MyAccount-content h2 {
    font-family: 'Poppins',Helvetica;
    color: #333;
    font-weight: 600;
    font-size: 18px;
  	margin: 0px;
	padding:0 0 2px 0;}

/* Editar */
.woocommerce-account .addresses .title .edit {
float: left;}

/* Campo pais no necesario */
p#shipping_country_field,
p#billing_country_field {
display: none;}

/* Boton de guardar datos */
form.woocommerce-EditAddressForm button.button[name="save_address"],
form button.button[name="save_address"],
form.woocommerce-EditAddressForm button.button[name="save_account_details"],
form button.button[name="save_account_details"] {
  	background-color: #333 !important;
    color: #f7f7f7 !important;
    border-radius: 2px !important;
    border: none;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 500;
	margin:20px 0 10px 5px;
	height:40px;}

/* Hover con mayor fuerza */
form.woocommerce-EditAddressForm button.button[name="save_address"]:hover,
form button.button[name="save_address"]:hover,
form.woocommerce-EditAddressForm button.button[name="save_account_details"]:hover,
form button.button[name="save_account_details"]:hover  {
	border: none;
	background-color:#ff0832!important;}






/* MODIFICAR INPUTS Y SELECTS SOLO EN MY ACCOUNT */
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row textarea,
.woocommerce-account .select2-container--default .select2-selection--single {
    background-color: #fff !important; /* Color de fondo más suave */
    border: 0px solid #ddd !important;     /* Añadimos un borde sutil */
    border-radius: 2px !important;         /* Bordes algo redondeados */
    color: #333 !important; 
	font-size:14px;
	font-family: 'Source Sans 3', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 500 !important;
	padding-right:40px;
}


.woocommerce-account .woocommerce form .form-row {
	padding: 0px!important;}


/* Region */
.woocommerce-account :where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 20px 15px;
    line-height: normal;
    box-sizing: border-box;
    color: #2b2d2f;
    font-weight: 500;}

/* Etiqueta de los campos */
.woocommerce form .form-row label {
    color: #c9c9c9 !important;}

.woocommerce form .form-row .required {
    color: #bbb !important;}


/* MENSAJE DE EXITO O ERROR */
.woocommerce-account .woocommerce-message {
    margin: 0 0 10px 0;
    background: #626262 !important;
    color: #f7f7f7 !important;
    padding: 15px !important;
    font-size: 15px !important;
    border-radius: 2px;
}






/* --- ADAPTACIÓN TABLET Y MÓVIL (A partir de 1024px) --- */
@media (max-width: 1024px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
        margin-bottom: 80px !important;
		min-height:0px;
    }

    /* Ajuste de margen para el menú que ahora queda abajo */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 20px !important;
    }

/* Botoncillos ms pequeños */
.woocommerce-MyAccount-navigation ul li a {
    padding: 8px 10px;}


.woocommerce-account .woocommerce-MyAccount-content h2 {   
    font-size: 16px;
    margin: 0px;
	padding:0 0 2px 0;}

.woocommerce-account .woocommerce-MyAccount-navigation {
	padding: 18px 18px 8px 18px;}

}






/* LOGIN register */
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 ,
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		width: 48.5%;}


/* Aplicar solo en la página de cuenta cuando el contenedor de login existe 
.woocommerce-account #customer_login {
    margin-top: 50px;
}*/

.woocommerce-account #customer_login .u-column1.col-1 h2,
.woocommerce-account #customer_login .u-column2.col-2 h2 {
    margin-left: 0px !important;
    margin-bottom: 0px;
    font-weight: 800;
    letter-spacing: -1px;
    color: #999 !important;
    font-size: 28px !important;
    font-family: 'Antonio', Helvetica, Arial, Lucida, sans-serif;
    width: fit-content;
    background-color: #f7f7f7;
    padding: 10px 20px;
    border-radius: 15px 15px 0px 0px;
    text-transform: uppercase;
}

.woocommerce-account #customer_login form.login, 
.woocommerce-account #customer_login form.register,
.woocommerce-account form.woocommerce-ResetPassword {
    margin: 0 0 30px !important;
    border-radius: 0px 15px 15px 15px!important;
    border: 2px solid #f7f7f7 !important;
    background: linear-gradient(180deg, #f7f7f7 1%, #fcfcfc 100%) !important;
    padding: 20px 25px !important;
    margin-bottom: 50px !important;
    min-height: 375px; /* Asegúrate de que este valor sea suficiente */
    display: flex;
    flex-direction: column;
    position: relative;    
}

.woocommerce-account form.woocommerce-ResetPassword {

    min-height: auto; /* Asegúrate de que este valor sea suficiente */

}

.woocommerce-account #customer_login form .form-row label {
    color: #6b6b6b !important;
}

/* --- NUEVO: Empujamos los contenedores de los botones --- */
.woocommerce-account #customer_login form.login .form-row:last-of-type,
.woocommerce-account #customer_login form.register .form-row:last-of-type {
    margin-bottom: 0 !important;
	margin-top: 10px!important;
}

/* Botones (Mantenemos tus estilos) */
.woocommerce-account #customer_login form button.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce-account #customer_login form button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
.woocommerce-account .woocommerce-ResetPassword .form-row button.button{ 
    border-radius: 2px!important;
	border:none!important;
	min-width: 150px;
	background: linear-gradient(271deg, #ff052f 1%, #cb1031 100%);
    color: #fff !important;
    padding: 8px 20px !important;
    margin: auto 0 0 0; /* Esto ahora funcionará porque el padre se movió */
}

/* Lost password button */
.woocommerce-account .woocommerce-ResetPassword .form-row button.button{ 
margin: 20px 0 0 0;
padding: 8px 20px !important;
}

.woocommerce-account #customer_login form button.woocommerce-button.button.woocommerce-form-login__submit:hover,
.woocommerce-account #customer_login form button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover,
.woocommerce-account .woocommerce-ResetPassword .form-row button.button:hover{ 
background:#333!important;
}



/* Recuerdame (Mantenemos tus estilos) */
.woocommerce-account #customer_login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex;
    flex-direction: row;
    margin: auto 0 6px -3px;
	color: #909090 !important;
}

.woocommerce-account #customer_login input#rememberme {
    margin-right: 6px;
}

/* Específico para LOGIN: bajamos el bloque que contiene botón + checkbox */
.woocommerce-account #customer_login form.login .form-row:has(.woocommerce-form-login__submit) {
    margin-top: auto !important;
    margin-bottom: 0 !important;
	order: 1;
}

/* El enlace de "Perdiste la contraseña" debe ir justo debajo sin márgenes extra */
.woocommerce-account #customer_login p.woocommerce-LostPassword.lost_password {
    margin-top:3px !important; /* Un pequeño espacio respecto al botón */
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

.woocommerce-account #customer_login .woocommerce-LostPassword.lost_password a {
    color: #ff0832 !important;
}


/* Ajuste para que el botón no herede márgenes del tema que lo suban */
.woocommerce-account #customer_login form.login button.woocommerce-form-login__submit {
    margin: 0 !important;
}


/* Cambiar color del texto informativo en el registro */
/* Selecciona solo el texto informativo, ignorando los contenedores de los inputs */
.woocommerce-account #customer_login form.register > p:not(.form-row) {
    color: #909090 !important;
    margin-top: 4px !important;
    line-height: 1.4em !important;
	max-width:225px;
}

/* Aviso de nuevo registro *//* Aviso de nuevo registro */
/* Aviso de nuevo registro *//* Aviso de nuevo registro */
/* Aviso de nuevo registro *//* Aviso de nuevo registro */
/* Aviso de nuevo registro *//* Aviso de nuevo registro */

.woocommerce-account #customer_login .woocommerce-message, .woocommerce-error, .woocommerce-info {

    font-size: 14px !important;
    color: #f7f7f7 !important;
    padding: 20px 25px 20px 20px !important;
    font-weight: 400;
    line-height: 1.4em!important;
    border-radius: 2px 15px 15px 15px;
    max-width: 510px;
	margin-bottom:20px;
}





.woocommerce-ResetPassword.lost_reset_password > p:first-of-type {
    font-size: 14px !important;
    color: #333 !important;
    max-width: 574px;
    line-height: 1.4em !important;
}