.f4y-activities-archive,
.f4y-activities-shortcode-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    padding: 2rem 1rem;
    box-sizing: border-box;
}

.f4y-activities-archive-header {
    margin-bottom: 2rem;
}

.f4y-activities-archive-header h1 {
    margin: 0 0 0.5rem;
}

.f4y-activities-archive-header p {
    margin: 0;
}

.f4y-activities-filter {
    margin-bottom: 1.5rem;
}

.f4y-activities-filter label {
    display: inline-block;
    margin-right: 0.5rem;
}

.f4y-activities-filter select {
    min-width: 200px;
}

/* GRID LAYOUT
   Desktop: 3 kolommen
   Tablet: 2 kolommen
   Mobiel: 1 kolom (onder elkaar)
*/
.f4y-activities-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.f4y-activities-grid.f4y-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.f4y-activities-grid.f4y-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.f4y-activities-grid.f4y-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.f4y-activities-grid.f4y-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Tablet */
@media (max-width: 1024px) {
    .f4y-activities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobiel: alles onder elkaar */
@media (max-width: 768px) {
    .f4y-activities-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr))!important;
    }
}

/* KAART-STYLING */

.f4y-activity-card {
    list-style: none;
}

.f4y-activity-card-inner {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.f4y-activity-card-inner:hover,
.f4y-activity-card-inner:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

/* Afbeelding + badge */
.f4y-activity-thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.f4y-activity-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

/* -------------------------------
   GELIJKE AFBEELDINGSHOOGTE
   EN CENTER-CENTER CROPPING
--------------------------------*/

.f4y-activity-thumb {
    position: relative;
    width: 100%;
    height: 220px;              /* ← pas deze hoogte aan indien gewenst */
    overflow: hidden;
}

.f4y-activity-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;          /* crop zonder vervorming */
    object-position: center;    /* midden-midden */
    display: block;
}


/* Bruine badge rechtsboven */
.f4y-activity-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0.25rem 0.8rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background-color: #A6833D; /* bruin – eventueel overschrijven in theme */
    color: #ffffff;
}

/* Contentblok */
.f4y-activity-content {
    padding: 1.2rem 1.4rem 1.4rem;
    display: flex;
    flex-direction: column;
}

/* H3: volgt thema-styling, we doen alleen marges */
.f4y-activity-title {
    margin: 0 0 0.75rem;
    font-family: "Giveny", Sans-serif;
    font-weight: 600;
    color: #EACDA3;
    font-size: 21px;
}

/* Samenvatting */
.f4y-activity-excerpt {
    margin: 0 0 1rem;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #444444;
}

/* Läs mer-link */
.f4y-activity-readmore {
    margin-top: auto;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #b38129;
}

/* Optioneel: cursor als link */
.f4y-activity-readmore {
    cursor: pointer;
}