/**
 * Footer product-list widget thumbnails (Latest / Best Selling / Featured / Staff Picks
 * columns) -- added 2026-08-19, per Wulfy: "images on the extra small thumbnails are being cut
 * off in some cases and dont look super professional." These are fixed 60x60px squares
 * (WooCommerce's own .attachment-woocommerce_thumbnail size), and the default object-fit:cover
 * crops to fill that square -- fine for a roughly-square product photo, but for a long/thin
 * item (a sling, a charging handle, a magazine shot lengthwise) it crops most of the actual
 * product away, leaving a barely-recognizable sliver. Switched to object-fit: contain, which
 * scales the whole image down to fit inside the square instead of cropping it -- shows the full
 * product regardless of its real aspect ratio. Added a light neutral background so contain's
 * letterboxing (empty space on the short axis for non-square photos) reads as a deliberate frame
 * rather than a blank gap, since the widget area itself has no background of its own.
 *
 * Scoped to #footer specifically (both the native WooCommerce Products widget thumbnail class
 * and the wla_trending_elsewhere/wla_staff_picks shortcodes' own gallery-thumbnail class,
 * confirmed as the two classes actually present there) -- NOT applied to
 * .attachment-woocommerce_thumbnail sitewide, since that same class is also used by the
 * mini-cart, where the existing cover-crop behavior wasn't reported as a problem and Wulfy
 * didn't ask to change it.
 */
#footer .attachment-woocommerce_thumbnail,
#footer .attachment-woocommerce_gallery_thumbnail {
	object-fit: contain !important;
	background: #f7f5f2;
}