/* EKB-393 — Holiday Planners List Collection card grid.
   Kept in its own file (not styles.css) so this component's look can diverge
   from Experts List Collection / People Cards Collection independently.
   Layout/typography matches Figma (node 6057-6812). Cards stay white/navy even
   when the section theme is dark (--heading-color/--text-color would otherwise
   flip to white via the .theme-dark section wrapper), matching the design. */

.holiday-planners-list-collection__header {
    text-align: center;
    margin-inline: auto;
    margin-block-end: var(--space-4);
}

.holiday-planners-list-collection__header h3 {
    margin-block-end: var(--space-1);
    white-space: nowrap;
}

.holiday-planners-list-collection__header p {
    margin-inline: auto;
    max-width: 46rem;
}

@media screen and (max-width: 48rem) {
    .holiday-planners-list-collection__header h3 {
        white-space: normal;
    }
}

.holiday-planners-list-collection__grid {
    align-items: stretch;
}

.holiday-planners-list-collection__card {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-3);
    text-align: center;
}

.holiday-planners-list-collection__grid > .holiday-planners-list-collection__card:not(:nth-child(3n+1)) {
    border-inline-start: 1px solid var(--c-grey-4);
}

.holiday-planners-list-collection__avatar {
    width: 8.75rem;
    height: 8.75rem;
    border-radius: 50%;
    overflow: hidden;
    margin-block-end: var(--space-2);
    flex-shrink: 0;
}

        .holiday-planners-list-collection__avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .holiday-planners-list-collection__name {
        color: var(--c-navy-blue);
        margin-block-end: var(--space-05);
    }

    .holiday-planners-list-collection__role {
        /* Matches the site's existing .t-label eyebrow-caption pattern (styles.css) —
       proxima-nova, --ts-label/--lh-label, weight 600, uppercase — just recolored orange. */
        color: var(--c-burnt-orange);
        font-family: var(--font-primary);
        font-size: var(--ts-label);
        font-weight: 600;
        line-height: var(--lh-label);
        text-transform: uppercase;
        letter-spacing: .03em;
        margin-block-end: var(--space-2);
    }

    .holiday-planners-list-collection__description {
        font-family: var(--font-primary);
        font-size: var(--ts-body);
        line-height: var(--lh-body);
        color: var(--c-navy-blue);
        text-align: start;
        margin-block-end: var(--space-3);
    }

    /* CTA pinned to the bottom of the card so buttons line up across a row. */
    .holiday-planners-list-collection__card .cta {
        margin-block-start: auto;
    }

    @media screen and (max-width: 38rem) {
        .holiday-planners-list-collection__grid > .holiday-planners-list-collection__card {
            border-inline-start: none !important;
            border-block-start: 1px solid var(--c-grey-4);
            padding-block-start: var(--space-3);
        }
    }