/**
 * Revoltosos — piel de la marca sobre las vistas nativas de WooCommerce.
 * Tienda, producto, carrito, checkout y mi cuenta. Solo se carga en esas
 * páginas (ver rv_woo_assets en functions.php).
 *
 * Paleta: #78024D vino · #C42B78 magenta · #FE95F6 rosa · #FBE3F6 crema.
 */

.rv-shop {
	background: #FBE3F6;
	min-height: 70vh;
	/* deja pasar la cabecera fija (~104px con el borde derretido) */
	padding: clamp(120px, 16vh, 160px) clamp(16px, 5vw, 56px) clamp(60px, 10vh, 110px);
}

.rv-shop__inner {
	max-width: 1200px;
	margin: 0 auto;
}

/* Títulos */
.rv-shop h1,
.rv-shop h2.woocommerce-loop-product__title,
.rv-shop .product_title,
.rv-shop .cart_totals h2,
.rv-shop .woocommerce-column__title {
	font-family: 'Anton', sans-serif;
	letter-spacing: -0.01em;
	color: #78024D;
	line-height: 1;
}

.rv-shop .page-title,
.rv-shop h1.entry-title {
	font-size: clamp(38px, 6vw, 72px);
	margin: 0 0 24px;
}

/* Rejilla de productos */
.rv-shop ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
	gap: clamp(18px, 3vw, 32px);
	margin: 0;
	padding: 0;
}

.rv-shop ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	background: #FFFFFF;
	border: 3px solid #78024D;
	border-radius: 14px;
	box-shadow: 5px 5px 0 #78024D;
	padding: 16px 16px 20px;
	text-align: center;
	transition: transform 180ms cubic-bezier(0.34, 1.35, 0.64, 1), box-shadow 180ms cubic-bezier(0.34, 1.35, 0.64, 1);
}

.rv-shop ul.products li.product:hover {
	transform: translateY(-4px) rotate(-1deg);
	box-shadow: 8px 8px 0 #78024D;
}

.rv-shop ul.products li.product img {
	border-radius: 10px;
	margin-bottom: 12px;
}

.rv-shop ul.products li.product .woocommerce-loop-product__title {
	font-size: clamp(18px, 2.4vw, 26px);
	padding: 0 0 6px;
}

/* Precios */
.rv-shop .price,
.rv-shop .woocommerce-Price-amount {
	color: #C42B78 !important;
	font-weight: 700;
}

.rv-shop .product_title + .price .woocommerce-Price-amount {
	font-size: 28px;
}

/* Botones: los sticker de Revoltosos */
.rv-shop a.button,
.rv-shop button.button,
.rv-shop input.button,
.rv-shop .woocommerce-button,
.rv-shop #place_order,
.rv-shop a.checkout-button {
	background: #78024D !important;
	color: #FBE3F6 !important;
	font-family: 'Anton', sans-serif;
	letter-spacing: -0.01em;
	font-size: 16px;
	border: 3px solid #78024D !important;
	border-radius: 999px !important;
	box-shadow: 4px 4px 0 #C42B78;
	padding: 12px 24px !important;
	transition: transform 160ms cubic-bezier(0.34, 1.35, 0.64, 1), box-shadow 160ms;
	cursor: pointer;
}

.rv-shop a.button:hover,
.rv-shop button.button:hover,
.rv-shop input.button:hover,
.rv-shop #place_order:hover,
.rv-shop a.checkout-button:hover {
	transform: translateY(-2px) rotate(-1deg);
	box-shadow: 6px 6px 0 #C42B78;
	color: #FBE3F6 !important;
}

.rv-shop a.button:active,
.rv-shop button.button:active,
.rv-shop #place_order:active {
	transform: translate(2px, 2px);
	box-shadow: 1px 1px 0 #C42B78;
}

/* Botón "añadir al carrito" en la rejilla, más compacto */
.rv-shop ul.products li.product .button {
	font-size: 14px;
	padding: 9px 18px !important;
	margin-top: 4px;
}

/* Mensajes / notices */
.rv-shop .woocommerce-message,
.rv-shop .woocommerce-info,
.rv-shop .woocommerce-error {
	border-top-color: #C42B78;
	background: #FFFFFF;
	border: 3px solid #78024D;
	border-radius: 12px;
	color: #78024D;
}

.rv-shop .woocommerce-message::before,
.rv-shop .woocommerce-info::before {
	color: #C42B78;
}

/* Campos de formulario (checkout, mi cuenta) */
.rv-shop .input-text,
.rv-shop input[type="text"],
.rv-shop input[type="email"],
.rv-shop input[type="tel"],
.rv-shop input[type="password"],
.rv-shop select,
.rv-shop textarea,
.rv-shop .select2-selection {
	border: 3px solid #78024D !important;
	border-radius: 10px !important;
	min-height: 46px;
	background: #FFFFFF;
	color: #2C2C2A;
}

.rv-shop .input-text:focus,
.rv-shop select:focus,
.rv-shop textarea:focus {
	outline: none;
	box-shadow: 3px 3px 0 #C42B78;
}

/* Tablas de carrito y totales */
.rv-shop table.shop_table {
	border: 3px solid #78024D;
	border-radius: 12px;
	border-collapse: separate;
	overflow: hidden;
}

.rv-shop table.shop_table th {
	background: #FE95F6;
	color: #78024D;
	font-family: 'DM Sans', sans-serif;
	font-weight: 700;
}

/* Pestañas del producto */
.rv-shop .woocommerce-tabs ul.tabs li {
	background: #FBE3F6;
	border-color: #78024D;
}

.rv-shop .woocommerce-tabs ul.tabs li.active {
	background: #FE95F6;
}

/* Enlaces */
.rv-shop a {
	color: #C42B78;
}

.rv-shop a:hover {
	color: #78024D;
}

/* Mi cuenta: navegación lateral */
.rv-shop .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.rv-shop .woocommerce-MyAccount-navigation li a {
	display: inline-block;
	padding: 8px 16px;
	border: 3px solid #78024D;
	border-radius: 999px;
	background: #FFFFFF;
	font-family: 'DM Sans', sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: #78024D;
}

.rv-shop .woocommerce-MyAccount-navigation li.is-active a {
	background: #FE95F6;
}
