/* =========================================================
   APAA - Resources
   ========================================================= */


/* =========================================================
   Archive
   ========================================================= */

.apaa-resource-archive .container {
    max-width: 1440px;
}

.apaa-resource-list {
    padding-top: 1rem;

    background-color: var(--apaa-white);
}

.apaa-resource-list .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}


/* =========================================================
   Resource Card
   ========================================================= */

.apaa-resource-card {
    /* rezervat pentru particularități viitoare */
}


/* =========================================================
   Resource Types
   ========================================================= */

.apaa-resource-type--guide {
    color: #176b46;
    background: #e6f6ee;
}

.apaa-resource-type--brochure {
    color: #005b96;
    background: #e7f3ff;
}

.apaa-resource-type--infographic {
    color: #6f42c1;
    background: #f2ebff;
}

.apaa-resource-type--video {
    color: #b42318;
    background: #fdeceb;
}

.apaa-resource-type--podcast {
    color: #8a5a00;
    background: #fff5db;
}

.apaa-resource-type--article {
    color: var(--apaa-text);
    background: #ececef;
}


/* =========================================================
   Single Resource
   ========================================================= */

.apaa-resource-single .container {
    max-width: 1440px;
}


/* =========================================================
   Hero
   ========================================================= */

.apaa-resource-hero {
    padding: 4rem 0 4.5rem;

    background: var(--apaa-white);
}

.apaa-resource-title {
    max-width: 720px;
    margin: 0;

    color: var(--apaa-text);

    font-size: clamp(2.75rem,5vw,4.5rem);
    font-weight: 700;
    line-height: 1.08;

    letter-spacing: -.035em;
}

.apaa-resource-intro {
    max-width: 650px;

    color: var(--apaa-muted);

    font-size: 1.1rem;
    line-height: 1.75;
}


/* =========================================================
   Featured Image
   ========================================================= */

.apaa-resource-image {

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 360px;

    margin: 0;
    padding: 2rem;

    background: var(--apaa-white);

    border: 1px solid var(--apaa-border);
    border-radius: 1.5rem;

    box-shadow: 0 1.25rem 3rem rgba(39,42,44,.08);

}

.apaa-resource-image img {

    display: block;

    width: 100%;
    max-width: 520px;
    max-height: 380px;

    object-fit: contain;

}


/* =========================================================
   Content
   ========================================================= */

.apaa-resource-content {

    padding: 5rem 0;

    background: var(--apaa-white);

    border-top: 1px solid var(--apaa-border);

}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width:991.98px){

    .apaa-resource-hero{
        padding:3rem 0 3.5rem;
    }

    .apaa-resource-content{
        padding:4rem 0;
    }

}

@media (max-width:575.98px){

    .apaa-resource-hero{
        padding:2.5rem 0 3rem;
    }

    .apaa-resource-title{
        font-size:2.45rem;
    }

    .apaa-resource-image{

        min-height:280px;

        padding:1.25rem;

        border-radius:1.15rem;

    }

    .apaa-resource-content{
        padding:3.25rem 0;
    }

}

/* Aceeași zonă media compactă pentru fotografii, preview-uri și pictograme. */
.apaa-resource-archive .apaa-card__media {
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 0;
    aspect-ratio: 16 / 9;
}

.apaa-resource-archive .apaa-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.apaa-resource-archive .apaa-card__media--icon {
    padding: 1.25rem;
}