/* ============================================================
   QUALIFICATIONS PAGE — edutec-archive-courses widget only
   Scope: body.page-id-1024 + widget ID .elementor-element-f67260c
   ============================================================ */

/* 1. Hide red category labels (.ccategory) in both .course-inner and .course-hover */
.page-id-1024 .elementor-element-f67260c .ccategory {
    display: none !important;
}

/* 2. Equal-height cards — desktop & tablet (≥768px) */
@media (min-width: 768px) {
    /* Bootstrap .row is already flex — ensure stretch alignment */
    .page-id-1024 .elementor-element-f67260c .courses .row {
        align-items: stretch;
    }

    /* Each Bootstrap column becomes a flex column so .course-item can fill the full row height */
    .page-id-1024 .elementor-element-f67260c .col-xl-3,
    .page-id-1024 .elementor-element-f67260c .col-xl-4,
    .page-id-1024 .elementor-element-f67260c .col-lg-4,
    .page-id-1024 .elementor-element-f67260c .col-md-6 {
        display: flex;
        flex-direction: column;
    }

    /* Card wrapper fills the column height */
    .page-id-1024 .elementor-element-f67260c .course-item {
        height: 100% !important;
        width: 100% !important;
    }

    /* .course-inner stretches inside .course-item (which is d-flex) and becomes a vertical flex stack itself */
    .page-id-1024 .elementor-element-f67260c .course-inner {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    /* Image block: fixed ratio preserved — never stretches */
    .page-id-1024 .elementor-element-f67260c .course-img {
        flex-shrink: 0;
    }

    /* Content area grows to fill all remaining card space */
    .page-id-1024 .elementor-element-f67260c .course-content {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    /* Title: fully visible, no clamping or truncation */
    .page-id-1024 .elementor-element-f67260c .course-content h3 {
        flex-shrink: 0;
        white-space: normal;
        overflow: visible;
        -webkit-line-clamp: unset;
    }

    /* Rating row: fixed, does not shrink */
    .page-id-1024 .elementor-element-f67260c .crating {
        flex-shrink: 0;
    }

    /* .cmeta pushed to bottom of card by consuming leftover space above it */
    .page-id-1024 .elementor-element-f67260c .cmeta {
        margin-top: auto;
        flex-shrink: 0;
    }
}

/* 3. Mobile — natural height, no equal-height constraint */
@media (max-width: 767.98px) {
    .page-id-1024 .elementor-element-f67260c .course-item,
    .page-id-1024 .elementor-element-f67260c .course-inner,
    .page-id-1024 .elementor-element-f67260c .course-content {
        height: auto;
        flex: unset;
        display: block;
    }

    .page-id-1024 .elementor-element-f67260c .cmeta {
        margin-top: 0;
    }
}