/*
 * Puesto Modelo — Precio por peso
 *
 * Estilos mínimos, deliberadamente sin colores ni tipografías propias: el tema
 * Rife define la paleta y acá solo se resuelve la maqueta (el estimado grande,
 * el detalle por kilo más chico debajo) para que no queden ambos en una línea.
 */

/* Bloque de precio en ficha y catálogo. */
.pm-ppp-precio {
	display: block;
	line-height: 1.35;
}

/* El estimado hereda el tamaño que el tema le da al precio. */
.pm-ppp-estimado {
	display: block;
}

/* Peso típico de la pieza: "(aprox. 500 g)", más discreto que el importe. */
.pm-ppp-peso {
	font-size: 0.7em;
	font-weight: normal;
	opacity: 0.8;
	white-space: nowrap;
}

/* Detalle "$685/kg · el peso es aproximado, se confirma al pesar en el local". */
.pm-ppp-detalle {
	display: block;
	margin-top: 0.25em;
	font-size: 0.72em;
	font-weight: normal;
	opacity: 0.75;
}

/* El precio por kilo del detalle no debe volver al tamaño grande del tema. */
.pm-ppp-detalle .woocommerce-Price-amount {
	font-size: inherit;
	font-weight: inherit;
}

/* Nota bajo cada línea del carrito / checkout. */
.pm-ppp-nota-linea {
	display: block;
	font-size: 0.85em;
	opacity: 0.75;
}

/*
 * La nota se inyecta con woocommerce_get_item_data y clave vacía, así que el
 * template imprime un <dt> antes del <dd>.
 *
 * Ese <dt> NO se puede tomar con :empty: el template de WooCommerce escribe
 * los dos puntos adentro de la etiqueta —<dt class="variation-{key}">{key}:</dt>—
 * así que con la clave vacía el <dt> igual contiene el nodo de texto ":" y
 * deja de ser :empty. Lo que sí queda predecible es la clase: sanitize_html_class
 * de una clave vacía devuelve "variation-" pelado, y ese es el gancho.
 *
 * Aplica al carrito, al checkout y al mini-carrito, que usan el mismo template.
 */
.woocommerce dl.variation dt[class="variation-"],
.woocommerce-cart dl.variation dt[class="variation-"],
.woocommerce-checkout dl.variation dt[class="variation-"],
.widget_shopping_cart dl.variation dt[class="variation-"] {
	display: none;
	margin: 0;
	padding: 0;
}

/*
 * El <dd> pasa por wpautop(), así que la nota sale envuelta en un <p> que
 * hereda el margen de párrafo del tema. Se anula para que quede pegada al
 * nombre del producto.
 */
.woocommerce dl.variation dd[class="variation-"] p,
.widget_shopping_cart dl.variation dd[class="variation-"] p {
	margin: 0;
}