/* Cuenta, carrito y checkout: acabado de marca sobre WooCommerce/Oxygen. Solo tokens --wnc-*. */
body.woocommerce-account,
body.woocommerce-cart,
body.woocommerce-checkout {
	--wcom-card-border: var(--wnc-border, #d9e0d3);
	--wcom-radius: 10px;
	--wcom-shadow: 0 1px 2px rgba(22, 36, 28, .05), 0 6px 18px rgba(22, 36, 28, .06);
	font-family: var(--wnc-font-body, inherit);
	color: var(--wnc-ink, #16241c);
}

/* Menú lateral */
body.woocommerce-account .woocommerce-MyAccount-navigation { min-width: 230px; }
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none; margin: 0; padding: 8px;
	background: #fff; border: 1px solid var(--wcom-card-border);
	border-radius: var(--wcom-radius); box-shadow: var(--wcom-shadow);
}
body.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; }
body.woocommerce-account .bde-woopageaccount .woocommerce-MyAccount-navigation ul li a {
	display: block; padding: 11px 14px; border: 0; border-left: 3px solid transparent;
	border-radius: 6px; font-weight: 600; font-size: 15px; text-decoration: none;
	color: var(--wnc-ink, #16241c); transition: background .15s, color .15s;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--wnc-stone, #eaf1e6); }
body.woocommerce-account .bde-woopageaccount .woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--wnc-forest, #16241c) !important; color: #fff !important; border-left-color: var(--wnc-orange, #e8622c) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--wnc-ink-muted, #5b6b60); }

/* Contenido como tarjeta */
body.woocommerce-account .woocommerce-MyAccount-content {
	flex: 1; min-width: 0; padding: 28px 32px; background: #fff;
	border: 1px solid var(--wcom-card-border); border-radius: var(--wcom-radius); box-shadow: var(--wcom-shadow);
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-family: var(--wnc-font-display), sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .02em;
	color: var(--wnc-forest, #16241c);
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.wcom-account-tools-link) { color: var(--wnc-orange, #e8622c); }

/* Avisos: se pintan con las variables de Oxygen/Breakdance (iconos y espaciado propios) */
.bde-woopageaccount.breakdance-woocommerce,
body.woocommerce-cart .breakdance-woocommerce,
body.woocommerce-checkout .breakdance-woocommerce {
	--bde-woo-notices__info-background: var(--wnc-stone, #eaf1e6);
	--bde-woo-notices__info-text: var(--wnc-ink, #16241c);
	--bde-woo-notices__info-link-text: var(--wnc-orange, #e8622c);
	--bde-woo-notices__info-link-text-hover: var(--wnc-forest, #16241c);
	--bde-woo-notices__success-background: var(--wnc-stone, #eaf1e6);
	--bde-woo-notices__success-text: var(--wnc-ink, #16241c);
	--bde-woo-notices__success-link-text: var(--wnc-orange, #e8622c);
	--bde-woo-notices__success-link-text-hover: var(--wnc-forest, #16241c);
	--info-svg-icon-color: var(--wnc-gold-dark, #a87c1f);
	--bde-woo-buttons-and-links__text-link-color: var(--wnc-orange, #e8622c);
	--bde-woo-buttons-and-links__text-link-color-hover: var(--wnc-forest, #16241c);
}
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper + p:not([class]) {
	border-left: 4px solid var(--wnc-gold, #c99a3d);
}
body.woocommerce-account .woocommerce-message .button,
body.woocommerce-account .woocommerce-info .button {
	float: none; position: static; display: inline-block; margin: 0 12px 0 0; padding: 6px 14px; font-size: 13px;
}

/* Botones */
body.woocommerce-account .button,
body.woocommerce-account button.button,
body.woocommerce-cart .button,
body.woocommerce-checkout .button,
body.woocommerce-checkout .wc-block-components-button {
	background: var(--wnc-orange, #e8622c); color: #fff; border: 0; border-radius: 6px;
	padding: 11px 22px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; transition: background .15s;
}
body.woocommerce-account .button:hover,
body.woocommerce-cart .button:hover,
body.woocommerce-checkout .button:hover { background: var(--wnc-forest, #16241c); color: #fff; }

/* Tablas (pedidos, descargas, direcciones) */
body.woocommerce-account table.shop_table,
body.woocommerce-account table.woocommerce-orders-table {
	border: 1px solid var(--wcom-card-border); border-radius: 8px; border-collapse: separate; border-spacing: 0; overflow: hidden; width: 100%;
}
body.woocommerce-account table.shop_table th {
	background: var(--wnc-stone, #eaf1e6); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; padding: 12px 14px; text-align: left;
}
body.woocommerce-account table.shop_table td { padding: 12px 14px; border-top: 1px solid var(--wcom-card-border); }
body.woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-Addresses .col-1,
body.woocommerce-account .woocommerce-Addresses .col-2 {
	background: var(--wnc-stone, #eaf1e6); border-radius: 8px; padding: 18px 20px;
}

/* Formularios */
body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea {
	border: 1px solid var(--wcom-card-border); border-radius: 6px; padding: 10px 12px; background: #fff;
}
body.woocommerce-account .woocommerce-MyAccount-content input:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
	outline: 2px solid var(--wnc-gold, #c99a3d); outline-offset: 0; border-color: var(--wnc-gold, #c99a3d);
}
body.woocommerce-account fieldset { border: 1px solid var(--wcom-card-border); border-radius: 8px; padding: 18px 20px; margin: 24px 0; }
body.woocommerce-account fieldset legend { padding: 0 8px; font-weight: 700; color: var(--wnc-forest, #16241c); }

/* Tarjetas «Your tools» */
.wcom-account-tools { margin: 28px 0 0; }
.wcom-account-tools-title { margin: 0 0 14px; font-size: 20px; }
.wcom-account-tools-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.wcom-account-tools-list li { margin: 0; }
a.wcom-account-tools-link {
	display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 20px 20px 20px 22px; text-decoration: none;
	background: #fff; border: 1px solid var(--wcom-card-border); border-top: 3px solid var(--wnc-orange, #e8622c);
	border-radius: var(--wcom-radius); box-shadow: var(--wcom-shadow); transition: transform .15s, box-shadow .15s;
}
a.wcom-account-tools-link:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(22, 36, 28, .12); }
.wcom-account-tools-name { font-family: var(--wnc-font-display), sans-serif; font-size: 19px; font-weight: 700; text-transform: uppercase; color: var(--wnc-forest, #16241c); }
.wcom-account-tools-desc { font-size: 14px; line-height: 1.45; color: var(--wnc-ink-muted, #5b6b60); }

/* Carrito y checkout */
body.woocommerce-cart table.shop_table,
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .wc-block-components-sidebar,
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
	border: 1px solid var(--wcom-card-border); border-radius: var(--wcom-radius); box-shadow: var(--wcom-shadow); background: #fff;
}
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout #order_review { padding: 22px 24px; }
body.woocommerce-cart .cart_totals h2,
body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-checkout h3 { font-family: var(--wnc-font-display, inherit); text-transform: uppercase; color: var(--wnc-forest, #16241c); }

@media (max-width: 800px) {
	.woocommerce-account .woocommerce-MyAccount-content { padding: 20px 18px; }
}

/* Ancho: la plantilla de página limita el cuerpo a 820px (columna de lectura); estas páginas usan el ancho de la cabecera (64px de margen a cada lado). */
body.woocommerce-account .wnctrails-page-body,
body.woocommerce-cart .wnctrails-page-body,
body.woocommerce-checkout .wnctrails-page-body,
body.wcom-wide-page .wnctrails-page-body {
	max-width: none;
	padding-left: 64px;
	padding-right: 64px;
}
body.woocommerce-account .wnctrails-page-band,
body.woocommerce-cart .wnctrails-page-band,
body.woocommerce-checkout .wnctrails-page-band,
body.wcom-wide-page .wnctrails-page-band {
	padding-left: 64px;
	padding-right: 64px;
}
@media (max-width: 1023px) {
	body.woocommerce-account .wnctrails-page-body,
	body.woocommerce-cart .wnctrails-page-body,
	body.woocommerce-checkout .wnctrails-page-body,
	body.wcom-wide-page .wnctrails-page-body,
	body.woocommerce-account .wnctrails-page-band,
	body.woocommerce-cart .wnctrails-page-band,
	body.woocommerce-checkout .wnctrails-page-band,
	body.wcom-wide-page .wnctrails-page-band { padding-left: 32px; padding-right: 32px; }
}
body.woocommerce-account .bde-woopageaccount .woocommerce { display: flex; gap: 32px; align-items: flex-start; }
body.woocommerce-account .woocommerce-MyAccount-content p { color: var(--wnc-ink, #16241c); }
body.woocommerce-account .wcom-account-tools-title { margin-top: 0; }
@media (max-width: 800px) {
	body.woocommerce-account .bde-woopageaccount .woocommerce { flex-direction: column; }
}

/* Botones: el texto siempre claro (el tema y Oxygen pintan enlaces y botones en oscuro con más especificidad). */
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce .woocommerce-Button,
body.woocommerce-account .woocommerce input[type="submit"],
body.woocommerce-account .woocommerce a.wcom-gp-view-link,
body.woocommerce-cart .woocommerce .button,
body.woocommerce-checkout .woocommerce .button,
body.woocommerce-checkout .wc-block-components-button {
	color: #fff !important;
	background-color: var(--wnc-orange, #e8622c);
}
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce .woocommerce-Button:hover,
body.woocommerce-account .woocommerce a.wcom-gp-view-link:hover,
body.woocommerce-cart .woocommerce .button:hover,
body.woocommerce-checkout .woocommerce .button:hover {
	color: #fff !important;
	background-color: var(--wnc-forest, #16241c);
}

/* Ancho = contenedor del sitio (1312px centrado, como la portada): carrito, checkout y ficha de producto. Sustituye el ancho completo con 64px de margen. */
body.woocommerce-cart .wnctrails-page-body,
body.woocommerce-checkout .wnctrails-page-body,
body.woocommerce-cart .wnctrails-page-band,
body.woocommerce-checkout .wnctrails-page-band {
	padding-left: max(64px, calc((100% - 1312px) / 2));
	padding-right: max(64px, calc((100% - 1312px) / 2));
}
body.single-product .wnctrails-pg-wrap {
	width: 100%;
	box-sizing: border-box;
	padding-left: max(64px, calc((100% - 1312px) / 2));
	padding-right: max(64px, calc((100% - 1312px) / 2));
}
body.single-product .wnctrails-pg-body { max-width: none; }
@media (max-width: 1023px) {
	body.woocommerce-cart .wnctrails-page-body,
	body.woocommerce-checkout .wnctrails-page-body,
	body.woocommerce-cart .wnctrails-page-band,
	body.woocommerce-checkout .wnctrails-page-band { padding-left: 32px; padding-right: 32px; }
	body.single-product .wnctrails-pg-wrap { padding-left: 32px; padding-right: 32px; }
}
