/**
 * Component: Articles Cards
 * Visual base comes from the legacy global classes (rs-defsizes, rs-size-*, mbh260, container-dots...).
 * This file only covers the component-specific hooks, scoped under .tama-articles.
 */

/* Heading is an <h2> for SEO - neutralize browser/Bootstrap heading defaults */
.tama-articles__heading {
    margin-top: 0;
    font-weight: inherit;
}

/* Image: legacy classes size the <a>, the <img> fills it like the old background-image */
.tama-articles__media {
    overflow: hidden;
}

.tama-articles__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
}

/* Mobile slider (matches legacy Slick breakpoint: <= 769px) */
@media screen and (max-width: 769px) {
    /* Before Slick initializes: show only the first card, no stacked jump */
    .tama-articles__slider:not(.slick-initialized) {
        flex-wrap: nowrap;
        overflow: hidden;
    }

    /* Legacy value, was bound to .articles_slider */
    .tama-articles__slider .slick-list {
        margin-left: -20px;
    }
}