/* =============================================================
   GHS Theme -- assets/css/main.css
   ENTRY POINT -- load order documentation only.

   Each stylesheet is enqueued SEPARATELY in inc/enqueue.php so
   the browser can cache them individually. This file is NOT
   imported by the others; it is loaded as one of many stylesheets.

   Actual CSS enqueue order (see inc/enqueue.php):
     1.  fonts.css              -- @font-face declarations
     2.  tokens.css             -- CSS custom properties (design tokens)
     3.  base.css               -- reset, typography, layout helpers
     4.  animations.css         -- keyframes + animation utilities
     5.  components/buttons.css -- button variants
     6.  components/nav.css     -- floating glassmorphism navbar
     7.  components/cards.css   -- sector + testimonial cards
     8.  components/footer.css  -- 4-column gradient footer
     9.  components/faq.css     -- native details/summary accordion
    10.  main.css               -- (this file) utility classes
    11.  style.css              -- child theme root (theme header only)

   Add new component stylesheets to inc/enqueue.php and document
   them here so the load order stays visible.

   @package GHS_Theme
   @since   1.0.0
   ============================================================= */


/* ----------------------------------------------------------
   SECTION PADDING UTILITY
   Applied to all page sections for consistent vertical rhythm.
   ---------------------------------------------------------- */

.ghs-section {
    padding-top:    var(--space-9);   /* 96px */
    padding-bottom: var(--space-9);
}

.ghs-section--sm {
    padding-top:    var(--space-7);   /* 40px */
    padding-bottom: var(--space-7);
}


/* ----------------------------------------------------------
   BACKGROUND COLOUR UTILITIES
   ---------------------------------------------------------- */

.ghs-bg-white  { background-color: var(--ghs-white); }
.ghs-bg-mist   { background-color: var(--ghs-mist);  }
.ghs-bg-navy   { background-color: var(--ghs-navy);  }
.ghs-bg-teal   { background-color: var(--ghs-teal);  }


/* ----------------------------------------------------------
   TEXT COLOUR UTILITIES
   ---------------------------------------------------------- */

.ghs-text-teal   { color: var(--ghs-teal);    }
.ghs-text-navy   { color: var(--ghs-navy);    }
.ghs-text-white  { color: var(--ghs-white);   }
.ghs-text-body   { color: var(--text-body);   }
.ghs-text-subtle { color: var(--text-subtle); }


/* ----------------------------------------------------------
   HELLO ELEMENTOR OVERRIDES
   Prevent the parent theme from adding extra padding/margin
   that would conflict with the GHS full-width layout.
   ---------------------------------------------------------- */

/* Remove Hello Elementor body padding (it adds padding-top for the
   sticky header it manages -- we use our own fixed nav instead) */
.elementor-page .elementor-section-wrap,
.elementor-page > .elementor-section,
body.elementor-page {
    padding-top: 0 !important;
}