/* =======================================================================
   EDEN - CRITICAL ANTI-FOUC (Flash Of Unstyled Content)
   File: /includefiles/css/edenstyle/eden-critical.css
   Purpose:
     - Stabilize first paint (nav/menu/lead/header geometry) before larger CSS loads
   ======================================================================= */

  /* =========================================================
     A) Prevent default UL/LI bullets + indent flashing
     (This is a very common "upper-left blink" cause)
     ========================================================= */
  #main-nav ul,
  #main-nav li{
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* Prevent desktop nav from stacking vertically for 1 frame */
  #main-nav ul.ea-nav{
    white-space: nowrap;
  }

  #main-nav ul.ea-nav > li{
    display: inline-block;
    vertical-align: middle;
  }

  #main-nav ul.ea-nav > li > a{
    display: inline-block;
    text-decoration: none;
  }

  /* =========================================================
     B) Pre-hide Bootstrap components that should start hidden
     ========================================================= */
  .modal { display: none; }
  .modal.show { display: block; }

  .dropdown-menu { display: none; }
  .dropdown-menu.show { display: block; }

  .collapse { display: none; }
  .collapse.show { display: block; }

 
/* C) Desktop-only: never paint the mobile drawer on desktop
      (Do NOT interfere with mobile drawer open/close behavior) */
@media (min-width: 992px){
  #ea-nav-mobile{
    display: none !important;
  }
}  
  /* =========================================================
   D) Lock Bootstrap-ish "lead" metrics early (prevents thrash)
   ========================================================= */
.lead{
  font-size: 1.25rem;     /* Bootstrap 4 lead size */
  font-weight: 300;       /* Bootstrap 4 lead weight */
  line-height: 1.5;
}

/* =========================================================
   E) Lock header geometry early (prevents first-paint jump)
   (matches what you currently have in EA-PAGE-TOP.ASP)
   ========================================================= */
#main-nav{
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;

  height: 88px;
  min-height: 88px;
  max-height: 88px;

  z-index: 1050;
  background-color: #000 !important;
  background-image: none !important;
}

header.ea-header{
  position: fixed !important;
  top: 88px;
  left: 0;
  right: 0;

  height: 48px;
  min-height: 48px;
  max-height: 48px;

  z-index: 1040;
}

body{
  padding-top: 136px; /* 88 + 48 */
}