/* =====================================================
   JS FRONTPAGE LAYOUT SYSTEM
   (PAGE + CPT CONSISTENT LAYOUT)
===================================================== */

/* =========================
   GLOBAL BACKGROUND
========================= */
body.js-frontpage,
body.js-frontpage #page,
body.js-frontpage #content,
body.js-frontpage .site-content,
body.js-frontpage .ast-container,
body.js-frontpage .ast-separate-container,
body.js-frontpage .ast-plain-container {
    background: #f5f7fb !important;
}

/* =========================
   ASTRA RESET
========================= */
body.js-frontpage #primary,
body.js-frontpage #main,
body.js-frontpage article,
body.js-frontpage .entry-content,
body.js-frontpage .ast-article-single {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* =========================
   REMOVE TOP SPACING
========================= */
body.js-frontpage .site-content,
body.js-frontpage .ast-container {
    padding-top: 0 !important;
}

/* =========================
   REMOVE EXTRA BOTTOM SPACE
========================= */
body.js-frontpage #primary,
body.js-frontpage #main,
body.js-frontpage .ast-container,
body.js-frontpage .site-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================
   HIDE DEFAULT ASTRA ELEMENTS
========================= */
body.js-frontpage .entry-header,
body.js-frontpage .entry-meta,
body.js-frontpage .post-navigation {
    display: none !important;
}

/* =========================
   GRID CONSISTENCY
========================= */
body.js-frontpage .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}

/* =========================
   CARD CONSISTENCY
========================= */
body.js-frontpage .card {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* =========================
   TYPOGRAPHY
========================= */
body.js-frontpage h1,
body.js-frontpage h2,
body.js-frontpage h3,
body.js-frontpage h4,
body.js-frontpage h5,
body.js-frontpage h6 {
    color: #111827;
}

body.js-frontpage .text-muted {
    color: #6b7280 !important;
}

/* =========================
   BUTTON CONSISTENCY
========================= */
body.js-frontpage .btn-dark,
body.js-frontpage .btn-outline-dark {
    border-radius: 999px;
}

/* =========================
   IMAGE UTILITIES
========================= */
.js-company-logo-lg {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 16px;
}

.js-company-logo-md {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.js-company-logo-sm {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

/* =========================
   FIX MENU
========================= */

/* NAV WRAPPER */
body.js-frontpage .ast-builder-menu-1,
body.js-frontpage .main-header-bar-navigation,
body.js-frontpage .main-navigation,
body.js-frontpage .ast-inline-flex {
    background: #ffffff !important;
}

/* UL MENU AREA */
body.js-frontpage .main-header-menu,
body.js-frontpage .ast-nav-menu {
    background: #ffffff !important;
}

/* CENTER SECTION CONTAINER */
body.js-frontpage .site-header-primary-section-center {
    background: #ffffff !important;
}

/* ASTRA INNER GRID WRAPPER */
body.js-frontpage .ast-builder-grid-row,
body.js-frontpage .site-primary-header-wrap {
    background: #ffffff !important;
}