/* THERMOCON Product Catalog — hub table enhancements
   Scoped under .thcc-enhanced so nothing here can affect a hub table that
   the bridge did not touch. */

.thcm-hub.thcc-enhanced .thcc-img-col { width: 84px; }

.thcm-hub.thcc-enhanced .thcc-img-cell {
	width: 84px;
	padding: 6px 8px;
	vertical-align: middle;
}

/* Fixed box, always. An image that sizes itself as it loads makes every row
   below it jump, and these tables are long. */
.thcm-hub.thcc-enhanced .thcc-img,
.thcm-hub.thcc-enhanced .thcc-img-empty {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: contain;
	border-radius: 6px;
	background: #f4f6f8;
	border: 1px solid #e6eaee;
}

.thcm-hub.thcc-enhanced .thcc-img-empty { background: #f4f6f8 repeating-linear-gradient(45deg, transparent 0 6px, rgba(0,0,0,.03) 6px 12px); }

.thcm-hub.thcc-enhanced .thcc-img-link { display: block; }
.thcm-hub.thcc-enhanced .thcc-img-link:focus-visible { outline: 2px solid #1f4e79; outline-offset: 2px; }

.thcm-hub.thcc-enhanced .thcc-name-link {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(31,78,121,.35);
}
.thcm-hub.thcc-enhanced .thcc-name-link:hover,
.thcm-hub.thcc-enhanced .thcc-name-link:focus-visible {
	color: #1f4e79;
	border-bottom-color: #1f4e79;
}

/* Confirmation that a pick registered. Short, and reduced-motion safe. */
.thcm-hub .thcc-flash { animation: thcc-flash 700ms ease-out; }
@keyframes thcc-flash {
	0%   { background-color: rgba(31,78,121,.16); }
	100% { background-color: transparent; }
}
@media (prefers-reduced-motion: reduce) {
	.thcm-hub .thcc-flash { animation: none; }
}

.thcc-scope-heading { margin: 0 0 .4em; }
.thcc-scope-note { margin: 0 0 1.2em; opacity: .8; }

/* Mobile: the tables already go card-per-row; keep the image with the name. */
@media (max-width: 782px) {
	.thcm-hub.thcc-enhanced .thcc-img-cell { width: auto; }
	.thcm-hub.thcc-enhanced .thcc-img,
	.thcm-hub.thcc-enhanced .thcc-img-empty { width: 56px; height: 56px; }
}