/* Related Resource Links Block Styles */
/*
 * NOTE: The shared BEM classes (.technical-resource-links-pattern, __columns,
 * __content-column, __resources-column, __grid, .technical-resource-link,
 * __image, __title) are already defined globally in
 * src/scss/patterns/_technical-resource-links.scss and compiled into
 * assets/css/style.css. This block intentionally reuses those classes (see the
 * "technical-resource-links-pattern" className added in index.js /
 * block-registration.php) instead of duplicating rules here, so this block and
 * the original Technical Resource Links pattern stay visually identical.
 */

.wp-block-trimetrix-related-resource-links.alignfull {
    width: 100%;
}

.related-resource-links-block {
    width: 100%;
}

/* On the frontend each card is rendered as a real <a> (whole-card link) so it
   needs its own anchor reset - the shared pattern styles only expected an <a>
   nested inside the title, not wrapping the whole card. */
a.technical-resource-link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

a.technical-resource-link:hover .technical-resource-link__title {
    color: #005c52;
    text-decoration: underline;
}