/*
Theme Name: Omoide Fudosan Child
Template: the-thor
*/

/* ==========================================================
   Useful Column Modifications (Compact Grid)
   ========================================================== */
.top-column--item--container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust gap as needed */
    justify-content: center; /* Center items if they don't fill format */
}

/* Override the item width */
.top-column--item {
    width: calc(33.333% - 20px); /* 3 cards per row approx */
    /* Original was likely much wider or block */
    display: block;
    text-decoration: none;
    color: inherit;
    margin-bottom: 20px;
}

/* Make image responsive and cover */
.top-column--img {
    width: 100%;
    aspect-ratio: 16 / 9; /* Standard ratio */
    overflow: hidden;
}

.top-column--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-column--title {
    font-size: 1.1rem; /* Adjust font size down */
    margin-top: 10px;
    line-height: 1.4;
}

/* SP Responsive */
@media screen and (max-width: 768px) {
    .top-column--item {
        width: 100%; /* Stack on mobile */
    }
}