/* =========================================================
   ADI YOGPEETH — COURSE INFORMATION
   ========================================================= */

.course-info-section {

    padding:
        42px
        0
        0;

}


.course-info {

    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(520px, 1fr);

    gap: 50px;

    align-items: end;

}


/* =========================================================
   IDENTITY
   ========================================================= */

.course-info__eyebrow {

    margin-bottom: 12px;

    color:
        var(--color-terracotta);

    font-size: 0.62rem;

    font-weight:
        var(--font-weight-semibold);

    letter-spacing:
        var(--tracking-widest);

    text-transform: uppercase;

}


.course-info__title {

    max-width: 800px;

    margin: 0;

    color:
        var(--color-forest);

    font-family:
        var(--font-display);

    font-size:
        clamp(
            2.1rem,
            4vw,
            4rem
        );

    font-weight:
        var(--font-weight-medium);

    line-height: 1.02;

    letter-spacing:
        -0.035em;

}


.course-info__title span {

    display: block;

    margin-top: 8px;

    color:
        var(--color-text-secondary);

    font-family:
        var(--font-display);

    font-size:
        0.56em;

    font-weight:
        var(--font-weight-regular);

    letter-spacing:
        -0.015em;

}


.course-info__description {

    max-width: 720px;

    margin-top: 22px;

    color:
        var(--color-text-secondary);

    font-size:
        0.86rem;

    line-height: 1.8;

}


/* =========================================================
   FACTS
   ========================================================= */

.course-info__facts {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    border:
        1px solid var(--color-border);

    background:
        var(--color-white);

}


.course-fact {

    min-height: 105px;

    padding:
        18px;

    border-right:
        1px solid var(--color-border);

    border-bottom:
        1px solid var(--color-border);

}


.course-fact:nth-child(3),
.course-fact:nth-child(5) {

    border-right: 0;

}


.course-fact:nth-child(4),
.course-fact:nth-child(5) {

    border-bottom: 0;

}


.course-fact__label {

    display: block;

    margin-bottom: 8px;

    color:
        var(--color-text-muted);

    font-size:
        0.52rem;

    font-weight:
        var(--font-weight-semibold);

    letter-spacing:
        var(--tracking-wide);

    text-transform:
        uppercase;

}


.course-fact__value {

    display: block;

    color:
        var(--color-forest);

    font-family:
        var(--font-display);

    font-size:
        0.92rem;

    font-weight:
        var(--font-weight-medium);

    line-height: 1.3;

}


.course-fact--price
.course-fact__value {

    color:
        var(--color-terracotta);

}


.course-fact__meta {

    display: block;

    margin-top: 4px;

    color:
        var(--color-text-muted);

    font-size:
        0.51rem;

}

/* =========================================================
   PRICE
   ========================================================= */

.course-fact--price {
    position: relative;
}


.course-fact__pricing {

    display: flex;

    flex-wrap: wrap;

    align-items: baseline;

    gap: 7px;

}


.course-fact__actual {

    color:
        var(--color-text-muted);

    font-family:
        var(--font-display);

    font-size:
        0.67rem;

    text-decoration:
        line-through;

    text-decoration-thickness:
        1px;

}


.course-fact__discounted {

    color:
        var(--color-terracotta);

    font-family:
        var(--font-display);

    font-size:
        1.12rem;

    font-weight:
        var(--font-weight-semibold);

    line-height:
        1;

}


.course-fact__discount {

    display: inline-flex;

    align-items: center;

    padding:
        4px
        6px;

    color:
        var(--color-white);

    background:
        var(--color-terracotta);

    border-radius:
        var(--radius-sm);

    font-size:
        0.42rem;

    font-weight:
        var(--font-weight-bold);

    letter-spacing:
        0.03em;

    line-height:
        1;

}
/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {

    .course-info {

        grid-template-columns:
            1fr;

        gap: 30px;

    }


    .course-info__description {

        max-width: 900px;

    }

}


@media (max-width: 767px) {

    .course-info-section {

        padding-top: 30px;

    }


    .course-info__title {

        font-size:
            clamp(
                2rem,
                9vw,
                2.8rem
            );

    }


    .course-info__description {

        font-size: 0.78rem;

        line-height: 1.7;

    }


    .course-info__facts {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .course-fact {

        min-height: 92px;

        padding: 14px;

    }


    .course-fact:nth-child(2) {

        border-right: 0;

    }


    .course-fact:nth-child(3) {

        border-right:
            1px solid var(--color-border);

    }


    .course-fact:nth-child(4) {

        border-right: 0;

    }


    .course-fact:nth-child(5) {

        grid-column:
            1 / -1;

        border-right: 0;

        border-bottom: 0;

    }

}
@media (max-width: 767px) {

    .course-fact__pricing {

        gap: 5px;

    }


    .course-fact__actual {

        font-size:
            0.58rem;

    }


    .course-fact__discounted {

        font-size:
            0.95rem;

    }


    .course-fact__discount {

        font-size:
            0.38rem;

        padding:
            3px
            5px;

    }

}