/*
 Theme Name:   Edutec Child Theme
 Theme URI:    https://getmasum.com/themes-wp/edutec/
 Description:  This is Edutec Child Theme
 Author:       themesvila
 Author URI:   https://www.templatemonster.com/authors/themesvila/
 Template:     edutec
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:  two-columns, right-sidebar
 Text Domain:  edutec-child
*/


/* ============================================================
   Style 1 Qualification Page — Snapshot alignment & spacing
   ============================================================ */

/* 1. Left-align Qualification Snapshot table — full content width */
#nav-overview table,
#nav-tabContent table {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

#nav-overview table th,
#nav-overview table td,
#nav-tabContent table th,
#nav-tabContent table td {
    text-align: left !important;
}

/* 2. Consistent 45px top margin before section headings */
#nav-overview h2,
#nav-overview h3 {
    margin-top: 45px;
}

/* First heading in the overview needs no extra top gap */
#nav-overview > h2:first-child,
#nav-overview > h3:first-child,
#nav-overview > *:first-child h2,
#nav-overview > *:first-child h3 {
    margin-top: 0;
}

/* ============================================================
   Qualification Cards — Scoped Layout
   .page-id-1024               → /qualifications/ archive page
   .single-courses
     .related-courses           → Related Qualifications section
   No dashboard, homepage, or other course grids affected.
   ============================================================ */

/* 1. Suppress any residual hover panel (defensive — markup already removed) */
.page-id-1024 .course-item .course-hover,
.single-courses .related-courses .course-item .course-hover {
    display: none !important;
}

/* 2. Consistent image ratio — edutec_course registered at 720×450 (16:10).
      object-fit: cover guards against any thumbnail deviating from crop. */
.page-id-1024 .course-item .course-img img,
.single-courses .related-courses .course-item .course-img img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
}

/* 3. Card as flex-column — prerequisite for equal row heights */
.page-id-1024 .course-item,
.single-courses .related-courses .course-item {
    display: flex;
    flex-direction: column;
}

/* 4. .course-inner fills full card height */
.page-id-1024 .course-item .course-inner,
.single-courses .related-courses .course-item .course-inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

/* 5. .course-content grows to fill space between image and metadata */
.page-id-1024 .course-item .course-content,
.single-courses .related-courses .course-item .course-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* 6. Pin .cmeta (lessons + duration) to card bottom.
      Title and rating float at top. No content clipped. */
.page-id-1024 .course-item .cmeta,
.single-courses .related-courses .course-item .cmeta {
    margin-top: auto;
}

/* 7. Equal heights on archive — column wrappers flex so .course-item
      stretches to the tallest card in each row */
.page-id-1024 .tutor-course-card {
    display: flex;
}

/* 8. Equal heights on Related Qualifications section */
.single-courses .related-courses .col-xl-3,
.single-courses .related-courses .col-lg-4,
.single-courses .related-courses .col-md-6 {
    display: flex;
}

/* 9. Mobile (≤575px): collapse to natural block height */
@media only screen and (max-width: 575px) {
    .page-id-1024 .tutor-course-card,
    .single-courses .related-courses .col-xl-3,
    .single-courses .related-courses .col-lg-4,
    .single-courses .related-courses .col-md-6 {
        display: block;
    }
    .page-id-1024 .course-item,
    .single-courses .related-courses .course-item {
        min-height: unset;
    }
    .page-id-1024 .course-item .course-img img,
    .single-courses .related-courses .course-item .course-img img {
        aspect-ratio: auto;
        height: auto;
    }
}


/* ==========================================================================
   ANGIE FIX: Hide Smiley (.blshape) & Star (.brshape) banner decorations
   globally while preserving banner background and layout integrity.
   ========================================================================== */
.blshape,
.brshape {
    display: none !important;
}