@import url("custom-styles.css");
@import url("home/home_buttons.css");
@import url("home/home_program.css");
@import url("home/home_utilities.css");
@import url("home/home_carousel.css");
@import url("home/home_layout.css");
@import url("artikel/list_artikel.css");
@import url("home/flashcard_siswa.css");
@import url("home/hero_section.css");
@import url("home/testimoni.css");
@import url("home/spmb.css");
@import url("home/event.css");
@import url("home/home_refine.css");
@import url("homeschooling/visi_pkbm.css");
@import url("homeschooling/sd.css");
@import url("homeschooling/smp.css");
@import url("homeschooling/sma.css");
@import url("homeschooling/list_dana.css");
@import url("homeschooling/detail_dana.css");

:root {
    --ed-primary: #1C0770;
    --ed-primary-2: #2A0E8F;
    --ed-accent: #FFB800;
    --ed-accent-soft: #FFD966;
    --ed-ink: #1A1A2E;
    --ed-text: #2A2A2A;
    --ed-muted: #6B7280;
    --ed-surface: #FFFFFF;
    --ed-subtle: #F8F9FA;
    --ed-border: #E5E7EB;
    --ed-navbar-height: 70px;
    --ed-bottom-nav-height: 70px;
    --navbar-height: var(--ed-navbar-height);
    --bottom-nav-height: var(--ed-bottom-nav-height);
}

* {
    box-sizing: border-box;
}

html {
    background: var(--ed-surface);
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

main {
    min-height: 60vh;
}

.main-full-bleed {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: clip;
}

.main-full-bleed > section {
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-left: 0;
    padding-right: 0;
}

.main-full-bleed > section > .container,
.main-full-bleed > section > .container-fluid {
    position: relative;
}

.fixed-top {
    z-index: 1030;
}

.whatsapp-chat {
    right: 20px;
    bottom: 20px;
    width: 80px;
    height: 80px;
    z-index: 9999;
}

@media (max-width: 991.98px) {
    :root {
        --ed-navbar-height: 70px;
    }
}