/*
 * ==========================================================
 * P26 VISUAL PARITY PHASE 3 — EXACT LIVE DOM
 *
 * Uses selectors confirmed from Elementor page 1574.
 * ==========================================================
 */


/* ==========================================================
   HERO
   ========================================================== */

body.home
.elementor-widget-p26_hero_live
.p26-hero-grid {
    align-items: stretch;
    column-gap: 46px;
}


body.home
.elementor-widget-p26_hero_live
.p26-hero-visual {
    position: relative;

    /*
     * Re-create clear visual separation between
     * the institutional message and carousel.
     */
    border-left:
        1px solid
        rgba(9, 78, 83, .18);

    padding-left: 34px;
}


body.home
.elementor-widget-p26_hero_live
.p26-hero-visual::before {
    content: "";

    position: absolute;

    left: -4px;
    top: 11%;
    bottom: 11%;

    width: 7px;

    border-radius: 999px;

    background:
        linear-gradient(
            180deg,
            #087f79 0%,
            #1fb7a8 50%,
            #d4a724 100%
        );

    opacity: .92;
}


body.home
.elementor-widget-p26_hero_live
.p26-latest-panel {
    border:
        1px solid
        rgba(10, 81, 86, .12);

    border-radius: 26px;

    box-shadow:
        0 18px 44px
        rgba(10, 67, 74, .09);
}


/* ==========================================================
   JURUSAN — EXACT WIDGET + EXACT INNER GRID
   ========================================================== */

body.home
.elementor-widget-p26_programs_live {
    width: 100%;
}


body.home
.elementor-widget-p26_programs_live
> .elementor-widget-container {
    width: 100%;
}


body.home
.elementor-widget-p26_programs_live
.p26-jurusan-section {
    width: 100%;
}


body.home
.elementor-widget-p26_programs_live
.p26-jurusan-section
> .p26-container {
    width:
        min(
            1180px,
            calc(100% - 48px)
        ) !important;

    max-width:
        1180px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}


/* ----------------------------------------------------------
   Section heading
   ---------------------------------------------------------- */

body.home
.elementor-widget-p26_programs_live
.p26-jurusan-head {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, .9fr);

    gap: 34px;

    align-items: end;

    margin:
        0 0 32px !important;
}


body.home
.elementor-widget-p26_programs_live
.p26-section-kicker {
    display: inline-flex !important;

    margin:
        0 0 10px !important;

    color:
        #0a837d !important;

    font-size:
        12px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .14em !important;

    text-transform:
        uppercase !important;
}


body.home
.elementor-widget-p26_programs_live
.p26-jurusan-head
h2 {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    margin: 0 !important;

    color:
        #123f46 !important;

    font-size:
        clamp(
            38px,
            4vw,
            56px
        ) !important;

    font-weight:
        800 !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -.035em !important;
}


body.home
.elementor-widget-p26_programs_live
.p26-jurusan-head
h2::after {
    content: "";

    display: block;

    width: 58px;
    height: 5px;

    margin-top: 14px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #087f79,
            #d4a724
        );
}


body.home
.elementor-widget-p26_programs_live
.p26-section-intro {
    max-width: 440px;

    margin:
        0 0 4px !important;

    justify-self: end;

    color:
        #63767a !important;

    font-size:
        15px !important;

    line-height:
        1.7 !important;
}


/* ----------------------------------------------------------
   Exact grid found in live DOM:
   .p26-jurusan-grid
   ---------------------------------------------------------- */

body.home
.elementor-widget-p26_programs_live
.p26-jurusan-grid {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            5,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        22px !important;

    align-items:
        stretch !important;

    width:
        100% !important;

    max-width:
        100% !important;

    margin:
        0 !important;
}


body.home
.elementor-widget-p26_programs_live
.p26-jurusan-card {
    width:
        100% !important;

    min-width:
        0 !important;

    height:
        100% !important;

    margin:
        0 !important;

    overflow:
        hidden;

    border:
        1px solid
        rgba(12, 85, 89, .11);

    border-radius:
        22px;

    background:
        #ffffff;

    box-shadow:
        0 14px 34px
        rgba(7, 65, 72, .07);
}


/* ==========================================================
   STATISTIK — EXACT LIVE DOM
   ========================================================== */

body.home
.elementor-widget-p26_stats_editable {
    width:
        100%;
}


body.home
.elementor-widget-p26_stats_editable
.p26-stats-editable {
    width:
        100%;
}


body.home
.elementor-widget-p26_stats_editable
.p26-stats-heading {
    position:
        relative;
}


body.home
.elementor-widget-p26_stats_editable
.p26-stat-value {

    /*
     * Stronger contrast than previous pale cyan.
     */
    color:
        #087f79 !important;

    text-shadow:
        none !important;

    opacity:
        1 !important;

    font-weight:
        800 !important;
}


body.home
.elementor-widget-p26_stats_editable
.p26-stat-label {
    color:
        #244e54 !important;

    opacity:
        1 !important;

    font-weight:
        700 !important;
}


body.home
.elementor-widget-p26_stats_editable
.p26-stat-card {
    border:
        1px solid
        rgba(10, 91, 91, .10);

    background:
        #ffffff;

    box-shadow:
        0 12px 30px
        rgba(8, 69, 73, .055);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (
    max-width: 1100px
) {

    body.home
    .elementor-widget-p26_programs_live
    .p26-jurusan-grid {

        grid-template-columns:
            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            ) !important;
    }
}


/* ==========================================================
   MOBILE / TABLET KECIL
   ========================================================== */

@media (
    max-width: 767px
) {

    body.home
    .elementor-widget-p26_hero_live
    .p26-hero-visual {

        border-left:
            0;

        padding-left:
            0;
    }


    body.home
    .elementor-widget-p26_hero_live
    .p26-hero-visual::before {

        display:
            none;
    }


    body.home
    .elementor-widget-p26_programs_live
    .p26-jurusan-section
    > .p26-container {

        width:
            min(
                100%,
                calc(
                    100% - 28px
                )
            ) !important;
    }


    body.home
    .elementor-widget-p26_programs_live
    .p26-jurusan-head {

        grid-template-columns:
            1fr !important;

        gap:
            14px;
    }


    body.home
    .elementor-widget-p26_programs_live
    .p26-section-intro {

        justify-self:
            start;

        max-width:
            none;
    }


    body.home
    .elementor-widget-p26_programs_live
    .p26-jurusan-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;

        gap:
            16px !important;
    }
}


/* ==========================================================
   PHONE
   ========================================================== */

@media (
    max-width: 480px
) {

    body.home
    .elementor-widget-p26_programs_live
    .p26-jurusan-grid {

        grid-template-columns:
            1fr !important;
    }
}

/* END P26 VISUAL PARITY PHASE 3 */