/* ==========================================================================
   CRRA Download Card Module
   ========================================================================== */

.crra-download-card-module {
    position: relative;
    display: block;
    width: 100%;
    height: var(--crra-dc-height, 324px);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    clip-path: polygon(5.38% 0, 99.89% 0, 94.62% 100%, 0 100%);
    text-decoration: none;
    transition: filter 0.25s ease;
    overflow: hidden;
}

.crra-download-card-module:hover {
    filter: brightness(1.12);
}

/* Full-card image overlay (for color-tinted cards) */
.crra-dc-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}

/* Badge icon (top-left) */
.crra-dc-badge {
    position: absolute;
    top: var(--crra-dc-top, 27px);
    left: var(--crra-dc-inset, 69px);
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
    z-index: 2;
}

.crra-dc-badge img {
    width: 21px;
    height: auto;
    display: block;
}

.crra-dc-lang {
    position: absolute;
    top: calc(var(--crra-dc-top, 27px) + 12px);
    left: calc(var(--crra-dc-inset, 69px) + 58px);
    z-index: 2;
}

/* Download button circle (top-right) */
.crra-dc-download {
    position: absolute;
    top: var(--crra-dc-top, 27px);
    right: var(--crra-dc-right, 60px);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.crra-dc-download svg {
    display: block;
}

/* Card title (bottom) */
.crra-dc-title {
    position: absolute;
    bottom: var(--crra-dc-title-bottom, 40px);
    left: var(--crra-dc-inset, 69px);
    right: var(--crra-dc-title-right, 80px);
    font-family: 'Segoe UI', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: var(--crra-h3-size);
    line-height: 1.2em;
    word-break: normal;
    z-index: 2;
}

@media (min-width: 981px) {
    body #page-container .crra-dl-row.et_pb_row {
        display: flex;
        column-gap: var(--crra-dl-gap, 62px);
        align-items: stretch;
    }

    body #page-container .crra-dl-row.et_pb_row::after {
        display: none;
    }

    body #page-container .crra-dl-row.et_pb_row > .et_pb_column {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        margin: 0;
    }

    body #page-container .crra-dl-row.et_pb_row:has(> .et_pb_column_1_3, > .et_pb_column_1_4, > .et_pb_column_1_5, > .et_pb_column_1_6) {
        --crra-dl-gap: 24px;
    }

    body #page-container .crra-dl-row.et_pb_row:has(> .et_pb_column_1_3, > .et_pb_column_1_4, > .et_pb_column_1_5, > .et_pb_column_1_6) > .et_pb_column {
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body #page-container .crra-dl-row.et_pb_row:has(> .et_pb_column_1_3, > .et_pb_column_1_4, > .et_pb_column_1_5, > .et_pb_column_1_6) .crra_download_card {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        left: auto !important;
        right: auto !important;
    }

    .crra-dl-row.et_pb_row > .et_pb_column_1_3 {
        --crra-dc-height: 280px;
        --crra-dc-inset: 36px;
        --crra-dc-top: 24px;
        --crra-dc-title-bottom: 28px;
        --crra-dc-right: 30px;
        --crra-dc-title-right: 30px;
    }

    .crra-dl-row.et_pb_row > .et_pb_column_1_3 .crra-dc-title {
        font-size: 22px;
    }
}

.crra-dl-row.et_pb_row > .et_pb_column_1_4,
.crra-dl-row.et_pb_row > .et_pb_column_1_5,
.crra-dl-row.et_pb_row > .et_pb_column_1_6 {
    --crra-dc-height: 250px;
    --crra-dc-inset: 24px;
    --crra-dc-top: 20px;
    --crra-dc-title-bottom: 24px;
    --crra-dc-right: 24px;
    --crra-dc-title-right: 32px;
}

.crra-dl-row.et_pb_row > .et_pb_column_1_4 .crra-dc-lang,
.crra-dl-row.et_pb_row > .et_pb_column_1_5 .crra-dc-lang,
.crra-dl-row.et_pb_row > .et_pb_column_1_6 .crra-dc-lang {
    top: calc(var(--crra-dc-top, 27px) + 56px);
    left: var(--crra-dc-inset, 69px);
}

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

@media (max-width: 980px) {
    .crra-dl-row.et_pb_row .et_pb_column_1_2 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .crra-dc-title {
        font-size: var(--crra-h3-size);
    }
    .crra-download-card-module {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .crra-dc-title {
        font-size: var(--crra-h3-size);
        bottom: 24px;
        left: 24px;
    }
    .crra-dc-badge {
        left: 24px;
        top: 20px;
    }
    .crra-dc-lang {
        left: 82px;
        top: 32px;
    }
    .crra-dc-download {
        right: 24px;
        top: 20px;
    }
    .crra-download-card-module {
        height: 200px;
    }
}