/* CSS Overrides Top Start */
@import url('/Styles/styles-v2/icons/fontawesome-icon.css?v=4232385967');
@import url('/Styles/styles-v2/icons/fontawesome-solid.css?v=4137481333');
@import url('/Styles/styles-v2/icons/tabler-icon.css?v=116410291');
/* CSS Overrides Top End */

/*
 * site-overrides.css
 *
 * Hand-written, deliberately NOT part of the SCSS build. Loaded last from
 * Site.Master so it wins at equal specificity over theme.css and the
 * styles-v2/core.css that theme.css imports.
 *
 * Kept out of theme.scss on purpose: rebuilding theme.css needs a fresh
 * `npm install` of Tailwind and dart-sass, which would regenerate the whole
 * file with newer tool versions on a live production site. These are surgical
 * fixes, so they live here where the diff is one rule and the rollback is
 * deleting a file.
 */

/*
 * Rock's styles-v2/core.css sets:
 *
 *     body { ... background-color: var(--color-interface-softer); }   -- #f5f5f5
 *
 * That is the internal-admin convention (gray application chrome). This theme
 * imports core.css, so the PUBLIC site inherited it. CenterpointCompass never
 * imported core.css and therefore rendered on the browser default white.
 *
 * The gray is invisible wherever a section paints its own background, which is
 * why it only showed as a stray band on the home page: .hero-secondary-section
 * carries margin-top:-70px / margin-bottom:-56px, and the body colour showed
 * through the gap those negative margins open between the black hero and the
 * white section below it. Reported 2026-09-17 as a "weird margin/padding".
 *
 * Restoring white is parity with Compass, not a redesign.
 */
body {
    background-color: var(--color-interface-softest, #fff);
}

/*
 * Compass loaded Bootstrap 3, whose .container carried `padding: 0 15px`. NextGen dropped
 * Bootstrap, and _compass-compat.scss rebuilt the BS3 components without reproducing that
 * gutter. Tailwind's .container is width:100% with no padding and Rock's core.css defines
 * no .container rule at all, so `main.container` rendered with zero horizontal padding and
 * content sat flush against both viewport edges.
 *
 * Desktop hid it: main.container is width:85%. Mobile did not -- theme.css carries
 * `@media (max-width:767px){ main.container{ width:100%!important } }`, and on the w-full
 * layouts Tailwind's important:true makes .w-full beat width:85% at every size, so those
 * pages were flush below their ~1152px max-width cap. Reported 2026-09-17 as a form with
 * no space around the sides on mobile (Missions Interest, page 30980).
 *
 * 15px is exact Compass parity, not a redesign. Tailwind preflight sets
 * box-sizing:border-box, so this padding lands inside the existing width and cannot
 * introduce horizontal overflow. Scoped to main.container deliberately: bare .container
 * also wraps the breadcrumb bar (.container .breadcrumb has its own margin) and #mainNav
 * uses .container-fluid -- neither should move.
 */
main.container {
    padding-left: 15px;
    padding-right: 15px;
}

/*
 * Rock's core.css gives .panel-settings-group (the Campus / Week of / Service picker bar on
 * Obsidian blocks such as Service Metrics Entry) `margin: calc(var(--spacing-medium) * -1)`,
 * which only works because core also pads .panel-body by the same amount. _compass-compat.scss
 * "hide block panels" zeroes `.panel.panel-block > .panel-body` padding, so the negative margin
 * pulled the bar 16px up over the Obsidian .panel-header's 1px bottom border, and the
 * transparent picker buttons let that border show through the labels. Reported 2026-09-24 as a
 * weird line on /ServiceMetrics (ClickUp 86e3du0rh).
 *
 * The body has no padding to cancel, so drop the top/side pull. The bottom margin is left to
 * the block's own mb-3.
 */
.panel.panel-block > .panel-body .panel-settings-group {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

/* CSS Overrides Bottom Start */
:root {
    --base-primary: #05cbf0;
    --base-secondary: #1a1d1f;
    --logo-image: url('/Themes/CenterpointNextGen/Assets/img/theme/centerpoint-logo.png');
    --logo-aspect: 2400 / 601;
    --logo-height: 48px;
    --page-title-bg-hex: #1a1d1f;
    --page-title-text-hex: #ffffff;
    --base-interface-strongest: #1a1a1a;
    --base-interface-stronger: #333333;
    --base-interface-strong: #737373;
    --base-interface-medium: #adadad;
    --base-interface-soft: #e8e8e8;
    --base-interface-softer: #f5f5f5;
    --base-interface-softest: #ffffff;
    --base-link: #05cbf0;
    --base-danger: #f44336;
    --base-success: #4caf50;
    --base-warning: #ff9800;
    --base-info: #005dd7;
    --base-critical: #ee7725;
    --font-family-title: 'Montserrat','Helvetica Neue',Arial,sans-serif;
    --font-family-body: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    --font-size-regular: 14px;
    --font-size-h1: 44px;
    --font-size-h2: 36px;
    --font-size-h3: 28px;
    --font-size-h4: 22px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    --mobile-menu-breakpoint: 992px;
}
/* CSS Overrides Bottom End */