/**
 * Viewing-room product card style
 *
 * Backs the "Glozin artwork (viewing room)" option of the Product Card Style
 * control shared by the AGL product widgets (grid / carousel / card / products
 * grid). Until now the control added `glozin-viewing-room-immersive` +
 * `glozin-product-card-viewing-room` wrapper classes with no CSS behind them.
 *
 * Treatment: gallery caption convention on the site's own type scale —
 * artist roman and dark, artwork title italic, price muted. Deliberately no
 * uppercase/letter-spaced "museum" styling and no functional changes (buy
 * buttons and hover chrome stay as the theme renders them).
 *
 * Selectors scope from the wrapper only: masonry-greedy.js rebuilds cards
 * outside the original `ul.products li.product` structure, so structural
 * selectors would miss the visible cards.
 */

.glozin-viewing-room-immersive .product--cat,
.glozin-viewing-room-immersive .product--cat a {
	font-size: 15px;
	font-weight: 500;
	color: #111;
	letter-spacing: 0;
	text-transform: none;
}

.glozin-viewing-room-immersive .woocommerce-loop-product__title,
.glozin-viewing-room-immersive .woocommerce-loop-product__title a {
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	color: #444;
	line-height: 1.45;
}

.glozin-viewing-room-immersive .price {
	font-size: 14px;
	font-weight: 400;
	color: #767676;
}

/* Breathing room between the image and its caption block. */
.glozin-viewing-room-immersive .product--cat {
	margin-top: 4px;
}