/* ==========================================================================
   CORE CSS MODULE
   --------------------------------------------------------------------------
   Purpose:
   - Global, site-wide foundational styles
   - Typography, layout primitives, overflow rules
   - Utility classes used across all modules
   - Must contain ONLY universal, non-domain-specific CSS

   Exclusions:
   - No BuddyBoss-specific overrides
   - No profile UI
   - No listing UI
   - No snapshots
   - No GravityView or GravityForms styling

   Related JS:
   - core.js (global utilities, read-more system, flex-gap polyfill)

   Sections:
   1. Global resets and typography
   2. Layout utilities
   3. Sticky header utility
   4. Overflow visibility utilities
   ========================================================================== */


/* ==========================================================================
   1. Global resets and typography
   ========================================================================== */

body {
  font-weight: 400;
  overflow-y: visible !important;
  overflow-x: visible !important;
}


/* ==========================================================================
   2. Layout utilities
   ========================================================================== */

/* (none yet — this section will grow over time) */


/* ==========================================================================
   3. Sticky header utility
   ========================================================================== */

.is-stuck {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}


/* ==========================================================================
   4. Overflow visibility utilities
   ========================================================================== */

body:not(.page-template-page-fullscreen, .elementor-page) .site,
.site {
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow: visible !important;
}


