/**
 * ============================================================================
 * [RUBIK] Carrito (página completa) — migrado desde YellowPencil
 * ============================================================================
 *
 * NOTA PARA FUTURAS IAs / PROGRAMADORES:
 * Esto es la página completa /carrito/ (tabla de productos, subtotales, botón
 * de "Finalizar pedido", cupón, sección "también te puede interesar"). NO
 * confundir con el panel desplegable del mini-carrito, que vive en
 * `mini-cart-fix.css` — son dos cosas completamente distintas, con estilos
 * separados. Ninguna regla de este archivo se solapa con esa.
 *
 * Fuente: postmeta `_wt_css` de la página "Carrito" (post ID 2729) — NO
 * `_wt_styles` (ver global.css para la explicación de por qué).
 *
 * Se carga SOLO en la página del carrito (`is_cart()`), a diferencia de
 * YellowPencil que lo cargaba en todo el sitio.
 *
 * `#main{top:-57px}` en móvil (sección 5): verificado visualmente el
 * 2026-07-29 con carrito vacío — el desplazamiento real en pantalla es
 * insignificante (~3px), no genera ningún solape. Si en el futuro se agrega
 * contenido nuevo arriba del carrito, volver a verificar.
 *
 * @package OceanWP_Child
 * @version 1.0.0
 * @since   2026-07-29
 */

/* ===========================================================================
 * 1. TARJETAS DE PRODUCTO (sección "también te puede interesar" / cross-sells)
 * ======================================================================== */

.products .product .price {
	font-weight: 700;
	text-transform: uppercase;
	color: #000000 !important;
	font-size: 20px !important;
	margin-bottom: 8px;
}

.products h2 a {
	font-weight: 400;
	letter-spacing: 0.4px;
	font-size: 15px !important;
	color: #6d6d6d !important;
	line-height: 1.1em !important;
	transform: translatex(0px) translatey(0px);
	text-transform: uppercase;
	word-spacing: 0.4px;
}

.products .product ul {
	width: 179px;
	height: 398px;
	transform: translatex(0px) translatey(0px);
}

.products .product .title {
	height: 35px;
	margin-bottom: 15px !important;
}

.products .btn-wrap a {
	border-style: none !important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-left-radius: 3px !important;
	border-top-right-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	line-height: 1.1em !important;
	letter-spacing: -0.1px;
	font-size: 15px !important;
}

.products .category a {
	font-size: 15px;
	font-family: 'roboto';
	text-transform: none;
	display: none; /* oculta la categoría duplicada en la tarjeta */
}

.tablet-col .btn-wrap a {
	font-style: italic !important;
}

/* ===========================================================================
 * 2. TABLA DEL CARRITO (precios, subtotales, cupón)
 * ======================================================================== */

.cart .product-price bdi {
	font-family: 'roboto';
	font-weight: 500;
	color: #6b6b6b;
}

.cart .product-subtotal bdi {
	font-family: 'roboto';
	color: #5e5e5e;
	font-weight: 500;
}

.cart thead .product-thumbnail {
	padding-right: 19px;
}

#coupon_code {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.actions .coupon .button {
	font-family: 'roboto';
	font-weight: 700;
	letter-spacing: 0.8px;
	background-color: #01bae9;
}

/* ===========================================================================
 * 3. TOTALES Y BOTÓN "FINALIZAR PEDIDO"
 * ======================================================================== */

.cart-subtotal td bdi {
	color: #686868;
	font-family: 'roboto';
	font-weight: 600;
}

.order-total td bdi {
	font-family: 'roboto';
	font-weight: 700;
	font-size: 18px;
	color: #008eb1;
}

.cart-collaterals .cart_totals h2 {
	font-family: 'roboto';
	font-style: normal;
}

.cart_totals .wc-proceed-to-checkout a {
	transform: translatex(0px) translatey(0px);
	font-weight: 700;
	font-family: 'roboto';
	font-size: 15px;
	line-height: 1em;
	letter-spacing: 0.5px;
	font-style: normal;
	background-color: #01bae9;
}

/* ===========================================================================
 * 4. CARRITO VACÍO Y "TAMBIÉN TE PUEDE INTERESAR"
 * ======================================================================== */

.entry .return-to-shop a {
	font-weight: 700;
	line-height: 1em;
	font-size: 11px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0px;
}

.wc-empty-cart-message .wc-block-components-notice-banner__content {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.entry .wc-empty-cart-message .wc-block-components-notice-banner {
	transform: translatex(0px) translatey(0px);
	background-color: rgba(8, 205, 255, 0.11);
	width: 100%;
	border-color: #6ebcfc;
}

.entry .wc-empty-cart-message .woocommerce-info {
	background-color: rgba(8, 205, 255, 0.08);
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: rgba(28, 28, 28, 0.58);
	border-color: rgba(0, 195, 244, 0.61);
	font-style: italic;
}

.cart-collaterals .cross-sells h2 {
	font-family: 'roboto';
	font-weight: 500;
	letter-spacing: 1px;
	word-spacing: 0.4px;
	font-style: normal;
}

/* ===========================================================================
 * 5. LAYOUT / RESPONSIVE
 * ======================================================================== */

#main {
	transform: translatex(0px) translatey(0px);
}

.single-page-article .entry .cart {
	margin-top: 55px;
}

@media (max-width: 660px) {
	.cart tbody .product-thumbnail {
		visibility: visible;
	}
}

@media (max-width: 479px) {
	#main {
		top: -57px; /* verificado visualmente 2026-07-29, sin impacto real */
	}
}