/* Mi cuenta: menú con iconos y pedidos en tarjetas (plantilla woocommerce/myaccount/orders.php). Solo se carga en Mi cuenta. */

/* La página va a 760px (texto); Mi cuenta necesita sitio para el menú y las tarjetas */
.woocommerce-account main > .wp-block-post-content,
.woocommerce-account .wp-block-post-content > .woocommerce { max-width: 1040px; }

/* Menú: en móvil, fichas deslizables; desde 782px, columna a la izquierda */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; }
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex; gap: 0.5rem; margin: 0 0 1.5rem; padding: 0 0 0.25rem;
	overflow-x: auto; scrollbar-width: none;
	-webkit-mask-image: linear-gradient(to right, #000 85%, transparent); mask-image: linear-gradient(to right, #000 85%, transparent); /* se intuye que hay más fichas */
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li { padding: 0 !important; flex: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex; align-items: center; gap: 0.6rem; white-space: nowrap;
	padding: 0.55rem 0.9rem; border: 1px solid var(--wp--preset--color--linea);
	font-size: var(--wp--preset--font-size--s); text-decoration: none !important; color: var(--wp--preset--color--negro);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--wp--preset--color--beige-claro); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--wp--preset--color--negro); border-color: var(--wp--preset--color--negro); color: var(--wp--preset--color--blanco); }
.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
	content: ""; flex: none; width: 18px; height: 18px; background: currentColor;
	-webkit-mask: var(--gr-icono) center / contain no-repeat; mask: var(--gr-icono) center / contain no-repeat;
}
.woocommerce-MyAccount-navigation-link--dashboard { --gr-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--orders { --gr-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--downloads { --gr-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-address { --gr-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--edit-account { --gr-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--waiting-list { --gr-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.9 1.9 0 0 0 3.4 0'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--customer-logout { --gr-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E"); }
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--wp--preset--color--gris); }

@media (min-width: 782px) {
	.woocommerce-account .wp-block-post-content > .woocommerce:has(> .woocommerce-MyAccount-navigation) {
		display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 3rem; align-items: start;
	}
	/* El clearfix de WooCommerce (::before/::after) contaría como celdas de la rejilla */
	.woocommerce-account .wp-block-post-content > .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
	.woocommerce-account .wp-block-post-content > .woocommerce:has(> .woocommerce-MyAccount-navigation)::after { display: none; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul { flex-direction: column; gap: 0; overflow: visible; border-top: 1px solid var(--wp--preset--color--linea); -webkit-mask-image: none; mask-image: none; }
	.woocommerce-account .woocommerce-MyAccount-navigation li a { border: 0; border-bottom: 1px solid var(--wp--preset--color--linea); padding: 0.85rem 0.9rem; font-size: var(--wp--preset--font-size--m); }
	.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { border-color: var(--wp--preset--color--negro); }
	.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 1rem; }
	.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { border-top: 1px solid var(--wp--preset--color--linea); }
}

/* Botones de Mi cuenta */
.woocommerce-account .gr-boton-principal,
.woocommerce-account .gr-boton-secundario {
	display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; padding: 0.6rem 1.25rem !important; line-height: 1.2;
	font-size: var(--wp--preset--font-size--s) !important; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none !important;
	border: 1px solid var(--wp--preset--color--negro) !important; border-radius: 0 !important;
}
.woocommerce-account .gr-boton-principal { background: var(--wp--preset--color--negro) !important; color: var(--wp--preset--color--blanco) !important; }
.woocommerce-account .gr-boton-secundario { background: var(--wp--preset--color--blanco) !important; color: var(--wp--preset--color--negro) !important; }
.woocommerce-account .gr-boton-secundario:hover { background: var(--wp--preset--color--beige-claro) !important; }

/* Pedidos */
.gr-pedidos { display: grid; gap: 1rem; }
.gr-pedido { border: 1px solid var(--wp--preset--color--linea); padding: 1.25rem; display: grid; gap: 1rem; }
.gr-pedido__cabecera { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.gr-pedido__numero { margin: 0; font-size: var(--wp--preset--font-size--l); line-height: 1.2; }
.gr-pedido__numero a { text-decoration: none; color: inherit; }
.gr-pedido__numero a:hover { text-decoration: underline; }
.gr-pedido__fecha { display: block; margin-top: 0.2rem; font-size: var(--wp--preset--font-size--s); color: var(--wp--preset--color--gris); }
.gr-pedido__aviso { margin: -0.25rem 0 0; font-size: var(--wp--preset--font-size--s); }

.gr-estado {
	flex: none; display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.7rem; border-radius: 999px;
	font-size: var(--wp--preset--font-size--xs); font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase;
	background: #EFEFEF; color: #3D3D3D;
}
.gr-estado::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.gr-estado--processing, .gr-estado--acumulado { background: #FFF1D6; color: #7A4B00; }
.gr-estado--enviado, .gr-estado--pickup { background: #E2EEFB; color: #1A4C82; }
.gr-estado--completed { background: #E3F2E6; color: #1E5E2E; }
.gr-estado--pending, .gr-estado--on-hold, .gr-estado--failed { background: #FBE6E4; color: var(--wp--preset--color--oferta); }

.gr-pedido__cuerpo { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.gr-pedido__fotos { display: flex; gap: 0.5rem; margin: 0; padding: 0; list-style: none; }
.gr-pedido__fotos li { width: 56px; aspect-ratio: 3 / 4; background: var(--wp--preset--color--beige-claro); overflow: hidden; }
.gr-pedido__fotos img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gr-pedido__mas { display: grid; place-items: center; font-size: var(--wp--preset--font-size--s); color: var(--wp--preset--color--gris); }
.gr-pedido__total { margin: 0; display: flex; flex-direction: column; align-items: flex-end; font-size: var(--wp--preset--font-size--s); color: var(--wp--preset--color--gris); }
.gr-pedido__total strong { font-size: var(--wp--preset--font-size--l); font-weight: 500; color: var(--wp--preset--color--negro); }
.gr-pedido--cancelled .gr-pedido__fotos, .gr-pedido--failed .gr-pedido__fotos { opacity: 0.5; }

.gr-pedido__acciones { display: flex; flex-wrap: wrap; gap: 0.5rem; padding-top: 1rem; border-top: 1px solid var(--wp--preset--color--linea); }
@media (max-width: 599px) { .gr-pedido__acciones .button { flex: 1 1 auto; } }

.gr-pedidos__paginas { display: flex; justify-content: space-between; gap: 0.5rem; margin-top: 1.5rem; }
.gr-pedidos__paginas .woocommerce-button--next { margin-left: auto; }

/* Sin pedidos */
.gr-pedidos-vacio { text-align: center; padding: 3rem 1.5rem; background: var(--wp--preset--color--beige-claro); }
.gr-pedidos-vacio svg { color: var(--wp--preset--color--gris); }
.gr-pedidos-vacio h2 { font-size: var(--wp--preset--font-size--xl); margin: 0.75rem 0 0.25rem; }
.gr-pedidos-vacio p { margin: 0 0 1.5rem; color: var(--wp--preset--color--gris); }

/* Detalle de un pedido (woocommerce/myaccount/view-order.php + tablas de WooCommerce) */
.woocommerce-view-order .woocommerce-MyAccount-content h2 { font-size: var(--wp--preset--font-size--l); margin: 2rem 0 0.75rem; }
.gr-detalle-pedido__estado {
	display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap;
	padding: 1.25rem; background: var(--wp--preset--color--beige-claro);
}
.gr-detalle-pedido__aviso { margin: 0.6rem 0 0; }
.gr-detalle-pedido__fecha { margin: 0; font-size: var(--wp--preset--font-size--s); color: var(--wp--preset--color--gris); }

.gr-novedades { list-style: none; margin: 0; padding: 0 0 0 1.25rem; border-left: 1px solid var(--wp--preset--color--linea); }
.gr-novedades__item { position: relative; padding-bottom: 1rem; }
.gr-novedades__item::before { content: ""; position: absolute; left: calc(-1.25rem - 4px); top: 0.35rem; width: 7px; height: 7px; border-radius: 50%; background: var(--wp--preset--color--negro); }
.gr-novedades__fecha { font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--gris); text-transform: uppercase; letter-spacing: 0.04em; }
.gr-novedades__texto p { margin: 0.2rem 0 0; }

.woocommerce-view-order .woocommerce-table--order-details { border: 0 !important; border-collapse: collapse; width: 100%; }
.woocommerce-view-order .woocommerce-table--order-details th,
.woocommerce-view-order .woocommerce-table--order-details td { border: 0 !important; border-bottom: 1px solid var(--wp--preset--color--linea) !important; padding: 0.85rem 0 !important; vertical-align: middle; }
.woocommerce-view-order .woocommerce-table--order-details thead th { font-size: var(--wp--preset--font-size--xs); text-transform: uppercase; letter-spacing: 0.06em; color: var(--wp--preset--color--gris); font-weight: 400; }
.woocommerce-view-order .woocommerce-table--order-details td:last-child,
.woocommerce-view-order .woocommerce-table--order-details th:last-child { text-align: right; }
.woocommerce-view-order .woocommerce-table--order-details .product-name a { text-decoration: none; color: inherit; }
.woocommerce-view-order .woocommerce-table--order-details .product-quantity { font-weight: 400; color: var(--wp--preset--color--gris); }
.woocommerce-view-order .woocommerce-table--order-details .wc-item-meta { margin: 0.25rem 0 0; padding: 0; list-style: none; font-size: var(--wp--preset--font-size--s); color: var(--wp--preset--color--gris); }
.woocommerce-view-order .woocommerce-table--order-details .wc-item-meta p { display: inline; margin: 0; }
.gr-linea-pedido__foto { float: left; width: 52px; aspect-ratio: 3 / 4; margin-right: 0.9rem; overflow: hidden; background: var(--wp--preset--color--beige-claro); }
.gr-linea-pedido__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.woocommerce-view-order .woocommerce-table--order-details tfoot th { font-weight: 400; color: var(--wp--preset--color--gris); text-align: left; }
/* Fila del total: la última, o la anterior si WooCommerce añade la fila de acciones (factura) */
.woocommerce-view-order .woocommerce-table--order-details tfoot tr:last-child:not(:has(.order-actions--heading)) > *,
.woocommerce-view-order .woocommerce-table--order-details tfoot tr:has(+ tr > .order-actions--heading) > * { border-bottom: 0 !important; color: var(--wp--preset--color--negro); font-size: var(--wp--preset--font-size--l); }
.woocommerce-view-order .woocommerce-table--order-details tfoot small { display: block; font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--gris); }

.woocommerce-view-order .order-again .button { background: var(--wp--preset--color--negro) !important; color: var(--wp--preset--color--blanco) !important; border-radius: 0 !important; padding: 0.75rem 1.5rem !important; text-transform: uppercase; letter-spacing: 0.06em; font-size: var(--wp--preset--font-size--s) !important; }

.woocommerce-view-order .woocommerce-customer-details address {
	border: 1px solid var(--wp--preset--color--linea) !important; border-radius: 0 !important; padding: 1.25rem !important;
	font-style: normal; line-height: 1.7;
}
.woocommerce-view-order .woocommerce-columns--addresses { display: grid; gap: 1.5rem; }
.woocommerce-view-order .woocommerce-columns--addresses::before, .woocommerce-view-order .woocommerce-columns--addresses::after { display: none; }
.woocommerce-view-order .woocommerce-columns--addresses .woocommerce-column { float: none; width: auto; max-width: none; padding: 0; margin: 0; }
@media (min-width: 600px) { .woocommerce-view-order .woocommerce-columns--addresses { grid-template-columns: 1fr 1fr; } }
.woocommerce-view-order .woocommerce-table--order-details tbody td { vertical-align: top; }
.woocommerce-view-order .woocommerce-table--order-details tfoot tr:has(> .order-actions--heading) > * { border-bottom: 0 !important; }
.woocommerce-view-order .woocommerce-table--order-details .order-actions-button {
	background: var(--wp--preset--color--blanco) !important; color: var(--wp--preset--color--negro) !important; border: 1px solid var(--wp--preset--color--negro) !important;
	border-radius: 0 !important; padding: 0.6rem 1.25rem !important; font-size: var(--wp--preset--font-size--s) !important; text-transform: uppercase; letter-spacing: 0.06em;
}

/* Acceso y registro en pestañas (inc/cuenta.php + assets/js/cuenta.js); sin JS se ven las dos columnas */
.gr-pestanas, .woocommerce-account .gr-con-pestanas { max-width: 440px; margin-inline: auto; }
.gr-pestanas { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 1.5rem; border-bottom: 1px solid var(--wp--preset--color--linea); }
.gr-pestanas[hidden] { display: none; }
.gr-pestanas button {
	appearance: none; background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer;
	padding: 0.85rem 0.5rem; font: inherit; font-size: var(--wp--preset--font-size--s); letter-spacing: 0.08em; text-transform: uppercase;
	color: var(--wp--preset--color--gris);
}
.gr-pestanas button[aria-selected="true"] { border-bottom-color: var(--wp--preset--color--negro); color: var(--wp--preset--color--negro); font-weight: 600; }
.gr-pestanas button:focus-visible { outline: 2px solid var(--wp--preset--color--negro); outline-offset: -2px; }
.woocommerce-account .gr-con-pestanas > .u-column1,
.woocommerce-account .gr-con-pestanas > .u-column2 { float: none; width: 100%; }
.woocommerce-account .gr-con-pestanas > [hidden] { display: none; }
.woocommerce-account .gr-con-pestanas h2 { display: none; } /* el título lo da la pestaña */
.woocommerce-account .gr-con-pestanas::before, .woocommerce-account .gr-con-pestanas::after { display: none; }
.woocommerce-account .gr-con-pestanas form.login, .woocommerce-account .gr-con-pestanas form.register { margin: 0; }
.woocommerce-account .gr-con-pestanas .woocommerce-button { width: 100%; }
.gr-cuenta-ventajas { margin-top: 0; color: var(--wp--preset--color--gris); font-size: var(--wp--preset--font-size--s); }
.gr-cuenta-cambiar { margin: 1.25rem 0 0; text-align: center; font-size: var(--wp--preset--font-size--s); }
.gr-cuenta-cambiar a { font-weight: 600; }