/* ==========================================================================
   Resources page updates that go with the landing pages. Loaded on the Resources page only,
   after style.css, by wp-content/mu-plugins/desucla-landing-pages.php.
   ========================================================================== */

/* "Insights & expertise" eyebrow, same style as "Customer stories" on Case Studies. */
.resources-hero .resources-hero-eyebrow {
    display: inline-block;
    margin: 0;
    padding-bottom: var(--spacing-sm);
    border-bottom: 1px solid #314158;
    font-size: var(--font-size-xs);
    line-height: 16px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--color-white);
}

.resources-hero .resources-hero-eyebrow + h1 {
    margin-top: 20px;
}

/* Shorter cards: each row fits its content. */
.resources-page .resource-card {
    min-height: 0;
}

.resources-page .resource-card-image {
    height: 200px;
}

.resources-page .resource-card-body {
    padding: 28px 32px;
    gap: 12px;
}

/* Case studies on Resources: same dark card as the Case Studies page (.lp-cs__card in landing.css). */
.resources-page .resource-card--case-study {
    min-height: 0;
    background: #182537;
    border: 0;
    color: var(--color-white);
}

.resources-page .resource-card--case-study .resource-card-image {
    height: 200px;
    flex-shrink: 0;
    background: #d7dbe1;
}

.resources-page .resource-card--case-study .resource-card-image::after {
    top: auto;
    height: 64px;
    background: linear-gradient(0deg, rgba(16, 24, 40, 0.55), rgba(16, 24, 40, 0));
    opacity: 1;
}

.resources-page .resource-card--case-study .resource-card-image::before {
    display: none;
}

.resources-page .resource-card--case-study:hover .resource-card-image img {
    transform: scale(1.04);
}

.resources-page .resource-card--case-study .resource-card-body {
    flex: 1;
    gap: 16px;
    border-top: 3px solid var(--color-primary);
}

.resources-page .resource-card-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #d1d5dc;
}

.resources-page .resource-card--case-study .resource-card-body h3,
.resources-page .resource-card--case-study:hover .resource-card-body h3 {
    color: var(--color-white);
}

@media (max-width: 768px) {
    .resources-page .resource-card--case-study .resource-card-image {
        height: 200px;
    }

    .resources-page .resource-card--case-study .resource-card-body {
        padding: 24px;
        gap: 12px;
    }

    .resources-page .resource-card--case-study .resource-card-body h3 {
        font-size: 22px;
        line-height: 28px;
    }
}