/*
 * ==========================================================
 * P26 PHASE 4B
 * SINGLE WIDE HOMEPAGE PAGE SHELL
 * ==========================================================
 */

body.home .p26-wrap {
    --p26-page-shell: 1520px;
}


/* Elementor structural sections = full viewport */

body.home
.p26-wrap
.elementor-section.elementor-top-section
> .elementor-container {
    width: 100% !important;
    max-width: none !important;
}


body.home
.p26-wrap
.elementor-section.elementor-top-section
> .elementor-container
> .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}


/* ----------------------------------------------------------
   ONE ALIGNMENT FOR ALL NORMAL HOMEPAGE WIDGETS
   ---------------------------------------------------------- */

body.home
.p26-wrap
.p26-container {
    width:
        min(
            calc(100% - 64px),
            var(--p26-page-shell)
        ) !important;

    max-width:
        var(--p26-page-shell) !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    margin-inline:
        auto !important;
}


/* Remove temporary Jurusan 1180px limitation */

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

    max-width:
        var(--p26-page-shell) !important;
}


/* Every widget can occupy its full Elementor column */

body.home .elementor-widget-p26_hero_live,
body.home .elementor-widget-p26_quick_access_live,
body.home .elementor-widget-p26_programs_live,
body.home .elementor-widget-p26_announcements_live,
body.home .elementor-widget-p26_news_live,
body.home .elementor-widget-p26_services_editable,
body.home .elementor-widget-p26_video_editable,
body.home .elementor-widget-p26_gallery,
body.home .elementor-widget-p26_stats_editable,
body.home .elementor-widget-p26_map_editable {
    width: 100% !important;
    max-width: none !important;
}


/* ----------------------------------------------------------
   EXACT SMART SLIDER SECTION
   Elementor IDs are guaranteed render classes.
   ---------------------------------------------------------- */

body.home
.elementor-element-867d462a {
    width: 100% !important;
    max-width: none !important;
}


body.home
.elementor-element-867d462a
> .elementor-container {
    width: 100% !important;
    max-width: none !important;
}


body.home
.elementor-element-7e8fd55d {
    width:
        min(
            calc(100% - 64px),
            var(--p26-page-shell)
        ) !important;

    max-width:
        var(--p26-page-shell) !important;

    margin-inline:
        auto !important;
}


body.home
.elementor-element-7e8fd55d
> .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
}


/* Pengumuman gets the same shell */

body.home
.elementor-widget-p26_announcements_live
.p26-announcement-section
> .p26-container {
    width:
        min(
            calc(100% - 64px),
            var(--p26-page-shell)
        ) !important;

    max-width:
        var(--p26-page-shell) !important;

    margin-inline:
        auto !important;
}


/* Mobile */

@media (max-width: 640px) {

    body.home
    .p26-wrap
    .p26-container,

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

    body.home
    .elementor-widget-p26_announcements_live
    .p26-announcement-section
    > .p26-container,

    body.home
    .elementor-element-7e8fd55d {
        width:
            calc(100% - 32px) !important;

        max-width:
            none !important;
    }
}

/* END PHASE 4B */
