/**
 * Content card — the knowledge hub's result card.
 *
 * Lifted out of css/ifa-search.css, the same way css/ifa-badges.css was, so
 * that [ifa_latest_posts] renders the hub's own card rather than a second
 * look-alike. Moved verbatim: the search page must look exactly as it did.
 *
 * Enqueued site-wide because the shortcode can sit on any page, and the
 * enqueue has to happen before wp_head -- earlier than a shortcode knows it
 * is rendering. The narrow-screen padding override stays in ifa-search.css,
 * which loads after this file and so still wins on the search page.
 */

.ifa-search-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-left: 3px solid var(--ifa-teal);
    border-radius: 10px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.ifa-search-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    border-left-color: var(--ifa-green);
}

/* Badge wrapper */
.ifa-search-card > .ifa-search-card__badge {
    align-self: flex-start;
    margin-bottom: 16px;
}

.ifa-search-card__title {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 10px;
    color: var(--ifa-dark-blue);
}

.ifa-search-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.ifa-search-card__title a:hover {
    color: var(--ifa-teal) !important;
    text-decoration: underline !important;
}

.ifa-search-card__excerpt {
    font-size: 14px;
    line-height: 1.55;
    color: #555;
    margin: 0 0 12px;
    flex: 1;
}

.ifa-search-card__meta {
    font-size: 13px;
    color: #555;
    margin-bottom: 14px;
}

.ifa-search-card__footer {
    margin-top: auto;
    text-align: right;
}

/* Read More link */
.ifa-search-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ifa-dark-blue);
    text-decoration: none;
    transition: color 0.2s ease, gap 0.2s ease;
}

.ifa-search-card__link:hover {
    color: var(--ifa-teal) !important;
    text-decoration: underline !important;
    gap: 10px;
}