body.woocommerce-account,
body.woocommerce-cart,
body.woocommerce-checkout {
	color: #f7f2fb;
}

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error {
	border-radius: 12px;
	border: 1px solid rgba(225, 209, 244, 0.28);
	background: rgba(29, 18, 45, 0.82);
	color: #f7f2fb;
	box-shadow: 0 18px 40px rgba(5, 3, 11, 0.2);
}

body.woocommerce-cart input.input-text,
body.woocommerce-cart input[type="email"],
body.woocommerce-cart input[type="password"],
body.woocommerce-cart input[type="text"],
body.woocommerce-cart select,
body.woocommerce-cart textarea,
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
	width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	border-radius: 12px;
	border: 1px solid rgba(225, 209, 244, 0.3);
	background: rgba(20, 13, 31, 0.72);
	color: #f7f2fb;
	box-sizing: border-box;
}

body.woocommerce-cart input:focus,
body.woocommerce-cart select:focus,
body.woocommerce-cart textarea:focus,
body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus {
	outline: none;
	border-color: rgba(232, 220, 245, 0.7);
	box-shadow: 0 0 0 3px rgba(232, 220, 245, 0.12);
}

/*
 * EL BOTON DE LA CUENTA ES EL DE TODO EL SITIO (2026-08-17)
 *
 * Estaba en un degradado champana con letra casi negra. Igual que los colores
 * de la tabla de mas abajo, es una paleta de fondo OSCURO: un boton dorado con
 * texto oscuro se lee bien sobre un panel negro y pierde el contraste sobre
 * una tarjeta blanca, que es lo que hay hoy.
 *
 * Pasa al boton canonico del tema —ciruela de token con texto claro, hover un
 * paso mas claro—, el mismo de la ficha de producto y el configurador.
 */
body.woocommerce-account .button,
body.woocommerce-account button.button,
body.woocommerce-account a.button,
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account .woocommerce-button {
	/* SIN `display` NO HAY CENTRADO. Estaba declarado `min-height` y `padding`
	   pero no el display, y un <a> es inline: la altura minima no lo afecta y el
	   texto queda apoyado arriba en vez de al centro de su caja. Con inline-flex
	   el boton se dimensiona por su contenido y lo centra en los dos ejes. */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 22px;
	line-height: 1.1;
	border-radius: var(--une-radius-btn, 10px);
	border: 1px solid transparent;
	background: var(--une-color-brand, #644b68);
	color: #fff7fb;
	font-weight: 700;
	text-decoration: none;
	box-shadow: none;
}

body.woocommerce-account .button:hover,
body.woocommerce-account button.button:hover,
body.woocommerce-account a.button:hover,
body.woocommerce-account .woocommerce-Button:hover,
body.woocommerce-account .woocommerce-button:hover {
	background: #785a7c;
	color: #ffffff;
}

body.woocommerce-account table.shop_table,
body.woocommerce-account .woocommerce-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background: transparent;
}

/*
 * COLORES DE FONDO CLARO, NO DE FONDO OSCURO (2026-08-17)
 *
 * Esto pintaba el texto de la tabla en #f7f2fb —casi blanco— y la cabecera en
 * #e7d8be —champana palido—, con el borde en un lila al 18%. Es una paleta
 * escrita para un panel OSCURO, y hoy la tarjeta de la cuenta es blanca: la
 * cabecera quedaba ilegible y las celdas apenas se distinguian del fondo.
 *
 * Es un resto de cuando ese panel era oscuro. `une-theme-dark` no aparece en
 * ningun PHP del tema, asi que no hay modo oscuro que sirviera de excusa para
 * conservarlo.
 *
 * POR QUE GANABA, que es lo que hacia dificil verlo: `woo-account.css` ya
 * declara los colores correctos para esta misma tabla, pero su selector
 * arranca en `.woocommerce-account` y este arranca en `body.woocommerce-account`.
 * Ese `body` de mas le da un elemento de especificidad extra y se lleva la
 * pelea, aunque cargue ANTES. Mirar el orden de carga no alcanza.
 */
body.woocommerce-account table.shop_table th,
body.woocommerce-account table.shop_table td,
body.woocommerce-account .woocommerce-table th,
body.woocommerce-account .woocommerce-table td {
	padding: 14px 12px;
	border-bottom: 1px solid rgba(93, 57, 84, 0.1);
	color: #2f2031;
	text-align: left;
}

body.woocommerce-account table.shop_table thead th,
body.woocommerce-account .woocommerce-table thead th {
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #7b5979;
}

.une-woo-panel {
	border: 1px solid rgba(225, 209, 244, 0.2);
	border-radius: 24px;
	background: rgba(29, 18, 45, 0.72);
	box-shadow: 0 24px 60px rgba(5, 3, 11, 0.42);
	backdrop-filter: blur(8px);
	padding: 30px;
	box-sizing: border-box;
}

.une-woo-panel-title {
	margin: 0 0 16px;
	font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
	font-size: clamp(2rem, 3.4vw, 2.9rem);
	line-height: 1.04;
	color: #f9f4fc;
}

.une-woo-muted {
	color: #d6cbdf;
	line-height: 1.8;
}

@media (max-width: 900px) {
	.une-woo-panel {
		padding: 20px 16px;
	}
}