/* ==========================================================
   WorldSpace Broadband Platform
   Master Stylesheet
========================================================== */

/* ==========================================================
   Base
========================================================== */

@import url("base/reset.css");
@import url("base/variables.css");
/* variables.css */
/* typography.css */
/* utilities.css */
/* animations.css */

/* ==========================================================
   Layout
========================================================== */

@import url("layout/container.css");
@import url("layout/grid.css");
@import url("layout/header.css");
@import url("layout/navigation.css");
@import url("layout/footer.css");
@import url("layout/sections.css");
@import url("layout/mobile-navigation.css");

/* ==========================================================
   Components
========================================================== */

@import url("components/buttons.css");
@import url("components/icon.css");
/* cards.css */
/* forms.css */

/* ==========================================================
   Pages
========================================================== */

/* Add page-specific CSS only when required */
@import url("pages/hero.css");
@import url("pages/services.css");
@import url("pages/plans.css");
@import url("pages/business.css");
@import url("pages/contact.css");
@import url("pages/cta.css");
@import url("pages/reviews.css");
@import url("layout/footer.css");
@import url("pages/dev.css");
/* ==========================================================
   Themes
========================================================== */


/* ==========================================================
   Developer Workspace
========================================================== */

@import url("dev/dev.css");
@import url("pages/new-connection.css");

/* ==========================================================
   Navbar Spacing - Compact Polish
========================================================== */

.nav-menu,
.navigation,
nav ul {
    gap: 18px;
}

nav a {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 900px) {

    .nav-menu,
    .navigation,
    nav ul {
        gap: 12px;
    }

}


/* ==========================================================
   Primary Navigation - Compact Spacing
========================================================== */

.site-nav__list {
    gap: 18px;
}

.site-nav__item {
    margin: 0;
}

.site-nav__link {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 900px) {

    .site-nav__list {
        gap: 12px;
    }

}