/*
Theme Name: ROT Niche
Theme URI: https://rightontech.com
Author: Right On Tech
Author URI: https://rightontech.com
Description: Block theme for the PAL niche-site network. Catalog-first (no cart UI), five built-in style variations, locally bundled fonts.
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 8.1
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rot-niche
Tags: e-commerce, full-site-editing, block-patterns, custom-colors, custom-logo
*/

/* ---------------------------------------------------------------
   Shop-by-category tiles.

   Product photography arrives at whatever dimensions the supplier shot it, so a plain
   grid renders ragged — tiles of different heights with labels that don't line up.
   Force a square frame and letterbox the product inside it (contain, not cover: these
   are cut-out product shots, and cropping one amputates the headstock).
   --------------------------------------------------------------- */
.rot-tiles .wp-block-image { margin: 0; }

.rot-tiles .wp-block-image img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    object-fit: contain;
    background: var(--wp--preset--color--surface);
    padding: 8%;
    transition: transform .2s ease;
}

.rot-tiles .wp-block-column:hover .wp-block-image img { transform: scale(1.03); }

.rot-tiles h3 { margin-top: .75rem; }

/* The rotating category in the hero. Reserve the line so the headline doesn't reflow
   as the word changes length. */
.rot-rotator { display: inline-block; }

@media (prefers-reduced-motion: reduce) {
    .rot-tiles .wp-block-column:hover .wp-block-image img { transform: none; }
}