/* =========================================================
   KIROTI — FIX FINAL DE LAYOUT "MI CUENTA"
   Direcciones / Pedidos / Escritorio / Detalles de cuenta
   ========================================================= */


/* ---------------------------------------------------------
   CONTENEDOR PRINCIPAL
   --------------------------------------------------------- */

body.woocommerce-account.logged-in .woocommerce {
	display: grid !important;
	grid-template-columns: 190px minmax(0, 1fr) !important;

	width: calc(100% - 60px) !important;
	max-width: 1180px !important;

	margin: 70px auto !important;
	padding: 0 !important;

	gap: 55px !important;

	align-items: start !important;
}


/* ---------------------------------------------------------
   SIDEBAR
   --------------------------------------------------------- */

body.woocommerce-account.logged-in .account-navigation-wrap,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
	width: 190px !important;
	min-width: 190px !important;
	max-width: 190px !important;
}


/* ---------------------------------------------------------
   CONTENIDO DERECHO
   --------------------------------------------------------- */

body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
	display: block !important;

	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;

	padding: 0 !important;
	margin: 0 !important;

	font-size: 14px;
	line-height: 1.8;

	word-break: normal !important;
	overflow-wrap: normal !important;
}


/* Párrafos con aire */

body.woocommerce-account
.woocommerce-MyAccount-content p {
	margin-top: 0 !important;
	margin-bottom: 24px !important;

	line-height: 1.8 !important;

	word-break: normal !important;
	overflow-wrap: normal !important;
}


/* ---------------------------------------------------------
   DASHBOARD / ESCRITORIO
   --------------------------------------------------------- */

body.woocommerce-account
.woocommerce-MyAccount-content > p:first-child {
	margin-bottom: 24px !important;
}

body.woocommerce-account
.woocommerce-MyAccount-content > p {
	max-width: 760px;
}


/* =========================================================
   DIRECCIONES
   ========================================================= */

/*
 * Para una tienda como la tuya prefiero una dirección
 * debajo de la otra. Se ve mucho mejor y evita tarjetas
 * ridículamente estrechas.
 */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-Addresses,

body.woocommerce-account
.woocommerce-MyAccount-content .u-columns {
	display: grid !important;

	grid-template-columns: 1fr !important;

	width: 100% !important;
	max-width: 700px !important;

	gap: 24px !important;

	margin-top: 30px !important;
}


/* Tarjeta */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-Address,

body.woocommerce-account
.woocommerce-MyAccount-content .u-column1,

body.woocommerce-account
.woocommerce-MyAccount-content .u-column2,

body.woocommerce-account
.woocommerce-MyAccount-content .col-1,

body.woocommerce-account
.woocommerce-MyAccount-content .col-2 {
	float: none !important;

	display: block !important;

	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 26px 28px !important;

	border: 1px solid var(--kiroti-border);
	border-radius: 5px;

	background: rgba(255, 255, 255, 0.82);
}


/* Cabecera de cada dirección */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-Address-title {
	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	width: 100% !important;

	gap: 24px !important;

	margin: 0 0 20px !important;
}


/* Dirección de facturación / envío */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-Address-title h2 {
	display: block !important;

	width: auto !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;

	margin: 0 !important;

	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;

	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}


/* Editar */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-Address-title .edit {
	display: inline-block !important;

	flex: 0 0 auto !important;

	margin: 0 !important;

	white-space: nowrap !important;

	font-size: 12px;
}


/* Texto de dirección */

body.woocommerce-account
.woocommerce-MyAccount-content address {
	display: block !important;

	margin: 0 !important;

	font-size: 14px !important;
	line-height: 1.9 !important;

	word-break: normal !important;
	overflow-wrap: normal !important;
}


/* =========================================================
   DETALLES DE LA CUENTA
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
	width: 100% !important;
	max-width: 680px !important;
}


/* Filas */

body.woocommerce-account
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row {
	display: block !important;

	width: 100% !important;

	float: none !important;

	margin: 0 0 24px !important;
}


/* Inputs */

body.woocommerce-account
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm input {
	display: block !important;

	width: 100% !important;
	max-width: 100% !important;

	min-height: 46px;

	padding: 10px 13px !important;

	box-sizing: border-box;
}


/* Texto pequeño bajo Nombre visible */

body.woocommerce-account
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm span,
body.woocommerce-account
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm em {
	display: block;

	margin-top: 7px;

	font-size: 11px;
	line-height: 1.7;

	color: var(--kiroti-muted);
}


/* ---------------------------------------------------------
   CAMBIO DE CONTRASEÑA
   --------------------------------------------------------- */

body.woocommerce-account
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset {
	display: block !important;

	width: 100% !important;

	margin: 40px 0 30px !important;
	padding: 26px !important;

	box-sizing: border-box;

	border: 1px solid var(--kiroti-border);
}


/* Título Cambio de contraseña */

body.woocommerce-account
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend {
	display: block;

	padding: 0 10px;

	font-size: 14px;
	font-weight: 600;

	white-space: normal !important;
}


/* =========================================================
   PEDIDOS
   ========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-orders-table {
	width: 100% !important;
	max-width: 100% !important;

	margin-top: 20px !important;
}


/* Espacio de celdas */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-orders-table th {
	padding: 14px 16px !important;
}

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-orders-table td {
	padding: 18px 16px !important;

	line-height: 1.6 !important;
}


/* Si no hay pedidos */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info {
	width: 100% !important;
	max-width: 760px !important;

	padding: 26px !important;

	line-height: 1.7 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

	body.woocommerce-account.logged-in .woocommerce {
		grid-template-columns: 1fr !important;

		width: calc(100% - 40px) !important;

		margin: 45px auto !important;

		gap: 32px !important;
	}


	/* Sidebar pasa arriba */

	body.woocommerce-account.logged-in .account-navigation-wrap,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}


	/* Menú horizontal */

	body.woocommerce-account
	.woocommerce-MyAccount-navigation {
		overflow-x: auto !important;

		-webkit-overflow-scrolling: touch;

		scrollbar-width: none;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation::-webkit-scrollbar {
		display: none;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation ul {
		display: flex !important;

		flex-direction: row !important;
		flex-wrap: nowrap !important;

		width: max-content !important;
		min-width: 100% !important;

		gap: 8px !important;

		padding: 0 0 10px !important;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation li {
		flex: 0 0 auto !important;

		margin: 0 !important;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation li a {
		display: block !important;

		padding: 10px 14px !important;

		border: 1px solid var(--kiroti-border) !important;

		white-space: nowrap !important;

		background: #fff;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-navigation li.is-active a {
		border-color: var(--kiroti-text) !important;

		background: var(--kiroti-text) !important;
		color: #fff !important;
	}


	/* Contenido */

	body.woocommerce-account
	.woocommerce-MyAccount-content {
		width: 100% !important;
		max-width: none !important;
	}


	/* Direcciones */

	body.woocommerce-account
	.woocommerce-MyAccount-content .woocommerce-Addresses,
	body.woocommerce-account
	.woocommerce-MyAccount-content .u-columns {
		max-width: none !important;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	body.woocommerce-account.logged-in .woocommerce {
		width: calc(100% - 28px) !important;

		margin: 32px auto !important;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-content .woocommerce-Address,

	body.woocommerce-account
	.woocommerce-MyAccount-content .u-column1,

	body.woocommerce-account
	.woocommerce-MyAccount-content .u-column2,

	body.woocommerce-account
	.woocommerce-MyAccount-content .col-1,

	body.woocommerce-account
	.woocommerce-MyAccount-content .col-2 {
		padding: 21px !important;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-content .woocommerce-Address-title {
		align-items: flex-start !important;

		gap: 15px !important;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-content .woocommerce-Address-title h2 {
		font-size: 16px !important;
	}


	/* Pedidos: scroll en vez de comprimir texto */

	body.woocommerce-account
	.woocommerce-MyAccount-content .woocommerce-orders-table {
		display: block !important;

		width: 100% !important;

		overflow-x: auto !important;

		white-space: nowrap;
	}


	body.woocommerce-account
	.woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset {
		padding: 20px !important;
	}

}
/* =========================================================
   FIX — PSEUDOELEMENTOS WOOCOMMERCE + CSS GRID
   ========================================================= */

body.woocommerce-account.logged-in .woocommerce::before,
body.woocommerce-account.logged-in .woocommerce::after {
	content: none !important;
	display: none !important;
}
/* =========================================================
   FIX — QUITAR ESPACIO ENTRE HEADER Y FONDO DE MI CUENTA
   ========================================================= */

body.woocommerce-account #primary,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* El contenedor de la página debe comenzar justo bajo el header */
body.woocommerce-account .entry-content-wrap {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Evita margen superior heredado del artículo/página */
body.woocommerce-account article.page {
	margin-top: 0 !important;
}