/* Mi cuenta (plugin Laita Tienda): comprar de nuevo y lista de deseos. */

/* ---------- Corazón ---------- */
.laita-kit .lk-tarjeta { position: relative; }
/* En la tarjeta sencilla se ubica en la esquina de la foto (área "media" de la cuadrícula). */
.lk-deseo {
	position: absolute; z-index: 2; top: 0; left: 0; grid-area: media; align-self: start; justify-self: start;
	display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0; padding: 0;
	border: 1px solid #E4DEF2; border-radius: 50%; background: rgba(255, 255, 255, .94); color: #102C55;
	box-shadow: 0 2px 6px rgba(16, 44, 85, .12); cursor: pointer; line-height: 1; transition: transform .12s, color .12s;
}
.lk-deseo svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
.lk-deseo:hover { color: #D6336C; transform: scale(1.06); }
.lk-deseo[aria-pressed="true"] { color: #D6336C; border-color: #F3C2D3; }
.lk-deseo[aria-pressed="true"] svg { fill: currentColor; }
.lk-deseo:focus-visible { outline: 2px solid #097AC1; outline-offset: 2px; }
.laita-kit .lk-tarjeta:not(.lk-tarjeta--sencilla) > .lk-deseo { top: 10px; left: 10px; }

/* Ficha del producto: botón con texto */
.lk-deseo.lk-deseo--texto {
	position: static; width: auto; height: auto; gap: 8px; margin: 12px 0 4px; padding: 9px 16px; border-radius: 6px;
	box-shadow: none; font-family: Roboto, Arial, sans-serif; font-size: 15px; font-weight: 500; text-transform: none; letter-spacing: 0;
}
.lk-deseo.lk-deseo--texto:hover { transform: none; background: #FDF2F6; }

/* Aviso */
.laita-deseos-aviso {
	position: fixed; left: 50%; bottom: 24px; z-index: 100001; display: flex; align-items: center; gap: 14px; max-width: calc(100vw - 24px);
	padding: 12px 18px; border-radius: 10px; background: #102C55; color: #fff; font-family: Roboto, Arial, sans-serif; font-size: 15px;
	box-shadow: 0 10px 28px rgba(16, 44, 85, .25); transform: translate(-50%, 140%); opacity: 0; transition: transform .2s, opacity .2s; pointer-events: none;
}
.laita-deseos-aviso.es-visible { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; }
.laita-deseos-aviso a { color: #fff; font-weight: 700; text-decoration: underline; white-space: nowrap; }

/* Menú del encabezado: "♡ Lista de deseos" bajo "Mi cuenta" (elementos de menú 22017 y 22018). */
.laita-menu-deseos .laita-corazon { display: inline-block; margin-right: 2px; color: #D6336C; font-weight: 700; transform: scale(1.15); }

/* ---------- Lista de deseos ---------- */
.laita-deseos { font-family: Roboto, Arial, sans-serif; color: #102C55; }
.laita-deseos__aviso, .laita-deseos__vacio { margin: 0 0 16px; padding: 14px 16px; border: 1px solid #E4DEF2; border-radius: 10px; background: #FAF8FE; font-size: 15px; line-height: 1.45; }
.laita-deseos__vacio[hidden] { display: none; }
.laita-deseos__aviso a, .laita-deseos__vacio a { color: #1E5F8A; font-weight: 600; }

/* ---------- Comprar de nuevo ---------- */
.woocommerce-account a.button.laita-boton-reordenar,
.woocommerce-account .woocommerce-orders-table a.button.laita-comprar-de-nuevo,
.woocommerce a.button.laita-boton-reordenar {
	display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px; border: 1.5px solid #102C55; border-radius: 6px;
	background: #102C55; color: #fff; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 1; text-transform: none; letter-spacing: 0;
}
.woocommerce-account a.button.laita-boton-reordenar:hover,
.woocommerce-account .woocommerce-orders-table a.button.laita-comprar-de-nuevo:hover { background: #1E5F8A; border-color: #1E5F8A; color: #fff; }
.woocommerce-account a.button.laita-boton-reordenar.laita-boton--suave { background: #fff; color: #102C55; }
.woocommerce-account a.button.laita-boton-reordenar.laita-boton--suave:hover { background: #FDF2F6; color: #102C55; }
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button { margin: 2px 4px 2px 0; }

/* ================================================================ Mi cuenta (escritorio propio y secciones) */
/* En la página de Mi cuenta de producción quedaban dos títulos vacíos de Elementor al final ("Tu historial de
   navegación" y "Tips y consejos"): los consejos ahora van dentro del escritorio. */
.laita-cuenta .elementor-element-622d352, .laita-cuenta .elementor-element-180843b0, .laita-cuenta .elementor-element-be864fc { display: none !important; }

.laita-mi-cuenta { display: grid; gap: 22px; font-family: Roboto, Arial, sans-serif; color: #102C55; }
.woocommerce .laita-mi-cuenta h2, .woocommerce .laita-mi-cuenta h3, .laita-mi-cuenta h2, .laita-mi-cuenta h3 { font-family: Roboto, Arial, sans-serif; color: #102C55; text-transform: none; letter-spacing: 0; }
.laita-mi-cuenta .lmc-gris { margin: 0; color: #6B7487; font-size: 14px; line-height: 1.45; }
.laita-mi-cuenta .lmc-enlace { color: #1E5F8A; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.laita-mi-cuenta .lmc-enlace:hover { text-decoration: underline; }
.laita-mi-cuenta .lmc-tarjeta { margin: 0; padding: 18px 20px; border: 1px solid #E8E8E8; border-radius: 14px; background: #fff; }

/* Saludo */
.laita-mi-cuenta .lmc-hola {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 24px 26px;
	border: 1px solid #E4DEF2; border-radius: 16px; background: linear-gradient(120deg, #F4F1FB 0%, #FFFFFF 75%);
}
.laita-mi-cuenta .lmc-hola__ante { margin: 0 0 4px; font-size: 12px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; color: #6E5BA8; }
.laita-mi-cuenta .lmc-hola__titulo { margin: 0 0 4px; font-size: 28px; font-weight: 700; line-height: 1.2; }
.laita-mi-cuenta .lmc-hola__texto { margin: 0; font-size: 15px; color: #3D4F6B; }
.laita-mi-cuenta .lmc-cifras { display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; }
.laita-mi-cuenta .lmc-cifras li { display: flex; flex-direction: column; align-items: center; min-width: 84px; margin: 0; padding: 10px 12px; border: 1px solid #E8E8E8; border-radius: 12px; background: #fff; }
.laita-mi-cuenta .lmc-cifras strong { font-size: 24px; line-height: 1.1; color: #102C55; }
.laita-mi-cuenta .lmc-cifras span { font-size: 12px; color: #6B7487; }

/* Pedido en curso */
.laita-mi-cuenta .lmc-pedido { display: grid; gap: 12px; }
.laita-mi-cuenta .lmc-pedido__cabeza { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 14px; }
.laita-mi-cuenta .lmc-pedido h3, .laita-mi-cuenta .lmc-vacio h3 { margin: 0 0 3px; font-size: 18px; font-weight: 700; }
.laita-mi-cuenta .lmc-items { margin: 0; font-size: 15px; color: #3D4F6B; }
.laita-mi-cuenta .lmc-acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0; }
.laita-mi-cuenta .lmc-pedido__nota { margin: 0; padding: 10px 12px; border-left: 3px solid #1F8A5B; border-radius: 0 8px 8px 0; background: #F1FAF5; font-size: 14px; color: #1F5E3A; }
.laita-mi-cuenta .lmc-pedido__nota a { margin-left: 6px; color: #1F5E3A; font-weight: 700; }
.lmc-estado { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: #EEF0F3; color: #3D4F6B; font-size: 13px; font-weight: 600; white-space: nowrap; }
.lmc-estado::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.lmc-estado--processing { background: #E8F1FB; color: #1E5F8A; }
.lmc-estado--on-hold, .lmc-estado--pending { background: #FFF4E0; color: #8A5A00; }
.lmc-estado--completed { background: #E8F6EE; color: #1F7A4D; }

.laita-mi-cuenta .lmc-avance { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; }
.laita-mi-cuenta .lmc-avance li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0; font-size: 13px; text-align: center; color: #6B7487; }
.laita-mi-cuenta .lmc-avance li::before { content: ''; position: absolute; top: 15px; left: calc(-50% + 18px); right: calc(50% + 18px); height: 3px; border-radius: 2px; background: #E4DEF2; }
.laita-mi-cuenta .lmc-avance li:first-child::before { display: none; }
.laita-mi-cuenta .lmc-avance li.es-listo::before, .laita-mi-cuenta .lmc-avance li.es-actual::before { background: #1F8A5B; }
.laita-mi-cuenta .lmc-avance li span { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 2px solid #CBD2DC; border-radius: 50%; background: #fff; font-size: 14px; font-weight: 700; }
.laita-mi-cuenta .lmc-avance li.es-listo { color: #1F7A4D; }
.laita-mi-cuenta .lmc-avance li.es-listo span { border-color: #1F8A5B; background: #1F8A5B; color: #fff; }
.laita-mi-cuenta .lmc-avance li.es-actual { color: #102C55; font-weight: 700; }
.laita-mi-cuenta .lmc-avance li.es-actual span { border-color: #102C55; background: #102C55; color: #fff; }

/* Bloques: favoritos, lista, consejos */
.laita-mi-cuenta .lmc-bloque { display: grid; gap: 12px; }
.laita-mi-cuenta .lmc-bloque__cabeza { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 14px; }
.laita-mi-cuenta .lmc-bloque__cabeza h3 { margin: 0; font-size: 20px; font-weight: 700; }
.laita-mi-cuenta .lmc-bloque__cabeza .lmc-gris { flex: 1 1 100%; }
.laita-mi-cuenta .laita-kit--lista { margin: 0; }
.laita-mi-cuenta .lmc-consejos { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.laita-mi-cuenta .lmc-consejos li { margin: 0; }
.laita-mi-cuenta .lmc-consejos a { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid #E8E8E8; border-radius: 12px; background: #fff; color: #102C55; text-decoration: none; }
.laita-mi-cuenta .lmc-consejos a:hover { border-color: #9C8BC4; }
.laita-mi-cuenta .lmc-consejos img { width: 100%; height: 140px; object-fit: cover; }
.laita-mi-cuenta .lmc-consejos span { padding: 12px 14px; font-size: 15px; font-weight: 600; line-height: 1.35; }
.laita-mi-cuenta .lmc-extra:empty { display: none; }

/* Secciones: título y volver */
.lmc-seccion { margin: 0 0 16px; font-family: Roboto, Arial, sans-serif; }
.lmc-volver { display: inline-block; margin-bottom: 6px; color: #1E5F8A; font-size: 14px; font-weight: 600; text-decoration: none; }
.lmc-volver:hover { text-decoration: underline; }
.woocommerce-account .lmc-seccion__titulo { margin: 0; font-family: Roboto, Arial, sans-serif; font-size: 24px; font-weight: 700; color: #102C55; text-transform: none; letter-spacing: 0; }

/* Tabla de pedidos */
.laita-cuenta .woocommerce-orders-table { border: 1px solid #E8E8E8; border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; font-family: Roboto, Arial, sans-serif; }
.laita-cuenta .woocommerce-orders-table th { background: #F7F8FA; color: #6B7487; font-size: 12px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; }
.laita-cuenta .woocommerce-orders-table td, .laita-cuenta .woocommerce-orders-table th { padding: 12px 14px; border: 0; border-bottom: 1px solid #EEF0F3; vertical-align: middle; }
.laita-cuenta .woocommerce-orders-table tr:last-child td { border-bottom: 0; }
.laita-cuenta .woocommerce-orders-table__cell-order-number a { color: #102C55; font-weight: 700; }
.laita-cuenta .woocommerce-orders-table__cell-order-status { font-weight: 600; white-space: nowrap; }
.laita-cuenta .woocommerce-orders-table__cell-order-status::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #CBD2DC; vertical-align: middle; }
.laita-cuenta .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status { color: #1E5F8A; }
.laita-cuenta .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status::before { background: #1E5F8A; }
.laita-cuenta .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
.laita-cuenta .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status { color: #8A5A00; }
.laita-cuenta .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status::before,
.laita-cuenta .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status::before { background: #E0A100; }
.laita-cuenta .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status { color: #1F7A4D; }
.laita-cuenta .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status::before { background: #1F8A5B; }
.laita-cuenta .woocommerce-orders-table__cell-order-actions .button:not(.laita-comprar-de-nuevo) { min-height: 40px; padding: 0 14px; border: 1.5px solid #102C55; border-radius: 6px; background: #fff; color: #102C55; font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; }

/* Direcciones y formularios */
.laita-cuenta .woocommerce-Addresses .woocommerce-Address { padding: 16px 18px; border: 1px solid #E8E8E8; border-radius: 12px; background: #fff; }
.laita-cuenta .woocommerce-Address-title h2, .laita-cuenta .woocommerce-Address-title h3 { font-family: Roboto, Arial, sans-serif; font-size: 18px; color: #102C55; text-transform: none; letter-spacing: 0; }
.laita-cuenta .woocommerce-Address address { font-style: normal; line-height: 1.6; color: #3D4F6B; }
.laita-cuenta .woocommerce-MyAccount-content form .input-text, .laita-cuenta .woocommerce-MyAccount-content form select { min-height: 44px; border: 1px solid #CBD2DC; border-radius: 6px; }
.laita-cuenta .woocommerce-MyAccount-content form .input-text:focus { border-color: #102C55; outline: 2px solid #097AC1; outline-offset: 1px; }

/* Invitado: beneficios + acceso / registro en dos tarjetas */
.lmc-beneficios { margin: 0 0 20px; padding: 20px 22px; border: 1px solid #E4DEF2; border-radius: 16px; background: linear-gradient(120deg, #F4F1FB 0%, #FFFFFF 75%); font-family: Roboto, Arial, sans-serif; }
.woocommerce .lmc-beneficios h2 { margin: 0 0 12px; font-family: Roboto, Arial, sans-serif; font-size: 22px; font-weight: 700; color: #102C55; text-transform: none; letter-spacing: 0; }
.lmc-beneficios ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px 16px; margin: 0; padding: 0; list-style: none; }
.lmc-beneficios li { display: flex; align-items: flex-start; gap: 10px; margin: 0; }
.lmc-beneficios li span { flex: 0 0 34px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #EDE8F7; color: #6E5BA8; font-size: 16px; }
.lmc-beneficios li p { margin: 0; font-size: 14px; line-height: 1.4; color: #3D4F6B; }
.lmc-beneficios li strong { color: #102C55; }
/* OceanWP muestra acceso y registro como pestañas ("Iniciar sesión / Registrarse") y oculta una: se deja así y
   el formulario visible va en una tarjeta centrada. */
.laita-cuenta--fuera #customer_login > .u-column1, .laita-cuenta--fuera #customer_login > .u-column2 { float: none; width: 100%; max-width: 560px; margin: 0 auto; padding: 20px 22px; border: 1px solid #E8E8E8; border-radius: 14px; background: #fff; box-sizing: border-box; }
.laita-cuenta--fuera .lmc-beneficios { max-width: 860px; margin-left: auto; margin-right: auto; }
.laita-cuenta--fuera #customer_login h2 { margin-top: 0; font-family: Roboto, Arial, sans-serif; font-size: 20px; color: #102C55; text-transform: none; letter-spacing: 0; }

@media (max-width: 600px) {
	.laita-mi-cuenta .lmc-hola { padding: 18px 16px; }
	.laita-mi-cuenta .lmc-hola__titulo { font-size: 23px; }
	.laita-mi-cuenta .lmc-cifras { width: 100%; }
	.laita-mi-cuenta .lmc-cifras li { flex: 1 1 0; min-width: 0; }
	.laita-mi-cuenta .lmc-tarjeta { padding: 16px 14px; }
	.laita-mi-cuenta .lmc-avance li { font-size: 11px; }
}