/**
 * Resources Section
 *
 * Grid of resource cards with category tag, title, description,
 * download link, and optional last-modified meta.
 * Cards have subtle shadow elevation and flex layout for
 * bottom-aligned meta.
 *
 * Responsive: 3-col (768+) / 2-col (568-767) / 1-col (<568)
 *
 * @package Condor
 */

/* ==========================================================================
   Section Container
   ========================================================================== */

.resources {
    padding-top: 3rem;
}

/* ==========================================================================
   Card Grid
   ========================================================================== */

.resources .resources-grid {
    display: grid;
    gap: 2rem;
    margin-top: 2rem;
}

@media (min-width: 568px) {
    .resources .resources-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .resources .resources-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ==========================================================================
   Individual Card
   ========================================================================== */

.resources .resource {
    background: var(--wp--preset--color--white);
    padding: 1.5rem;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
}

/* --- Category Tag --- */

.resources .resource .cat {
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: var(--wp--preset--color--charcoal);
    margin: 0;
}

.resources .resource .cat .topic + .topic::before {
    content: '\00B7';
    padding-right: 0.375rem;
}

/* --- Title --- */

.resources .resource h5 {
    margin: 0;
}

.resources .resource h5 a {
    color: var(--wp--preset--color--blue);
    text-decoration: none;
}

.resources .resource h5 a:hover {
    color: var(--wp--preset--color--bright-red);
}

/* --- Description --- */

.resources .resource .copy {
    padding-top: 1rem;
    margin: 0;
}

/* --- CTA Button --- */

.resources .resource .cta {
    padding-top: 1.5rem;
    margin-top: auto;
}

/* --- Meta (last modified) --- */

.resources .resource .meta {
    padding-top: 20px;
    margin: 0;
    color: var(--wp--preset--color--mid-gray);
}