/* =========================================================
   Rinnai Product Category Grid
   ========================================================= */

.rinnai-pcg {
	width: 100%;
}

.rinnai-pcg__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* overridden by inline style from widget */
	column-gap: 20px;
	row-gap: 20px;
}

/* ── Card ─────────────────────────────────────────────── */

.rinnai-pcg__card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	transition: opacity 0.2s ease;
}

.rinnai-pcg__card:hover {
	opacity: 0.85;
}

/* ── Image ────────────────────────────────────────────── */

.rinnai-pcg__image-wrap {
	width: 100%;
	/* aspect-ratio: 1 / 1; */
	overflow: hidden;
	background-color: #f5f5f5;
}

.rinnai-pcg__image-wrap--placeholder {
	background-color: #e0e0e0;
}

.rinnai-pcg__image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* ── Label ────────────────────────────────────────────── */

.rinnai-pcg__label {
	display: inline-flex;
	align-items: flex-start;
	padding: 10px 0 0;
	color: #333;
	transition: color 0.2s ease;
	line-height: 1.2;
}

/* Chevron — mirrors .rinnai-btn__chevron from the hyperlink button */
.rinnai-pcg__chevron {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	margin-right: 6px; /* default; overridden by Elementor chevron-gap control */
	padding-top: 0.4em;
}

.rinnai-pcg__chevron-svg {
	width: 12px;  /* default; overridden by Elementor chevron-size control */
	height: 12px;
	display: block;
}

.rinnai-pcg__label-text {
	white-space: normal;
	word-break: break-word;
}

/* ── Editor placeholder ───────────────────────────────── */

.rinnai-pcg__placeholder {
	text-align: center;
	color: #888;
	font-style: italic;
	padding: 1rem 0;
}