/* Theme-extras.css
   Small, additive rules needed only because content now lives inside
   WordPress / Elementor markup. Nothing here changes the original design -
   it only re-creates behaviours that used to be handled by vanilla JS
   (active nav link) or resets Elementor's own defaults so our full-bleed
   sections still look edge-to-edge inside the page builder.
*/

/* Elementor wraps every one of our sections in its own <section class="elementor-section">.
   Force those wrappers to be full width/no padding so our own .hero, .section, etc.
   backgrounds still run edge-to-edge exactly like the static build. */
.elementor-section.eagle-block{
  padding:0 !important;
  margin:0 !important;
}
.elementor-section.eagle-block > .elementor-container{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.elementor-section.eagle-block .elementor-column > .elementor-widget-wrap{
  padding:0 !important;
}
.elementor-widget-html .elementor-widget-container{
  margin:0;
}

/* WordPress wraps menu items in a <ul>; let the <li>s act as direct flex
   children of .nav__links so the layout matches the original design exactly. */
#nav-links > ul.nav__menu{display:contents;margin:0;padding:0;list-style:none;}
.nav__links li{list-style:none;margin:0;}
.nav__links li.current-menu-item > a,
.nav__links li.current_page_item > a{border-bottom-color:var(--red-600);color:var(--red-600);}

/* Admin bar offset so the sticky header doesn't sit under it */
.admin-bar .site-header{top:32px;}
@media (max-width:782px){.admin-bar .site-header{top:46px;}}

/* Importer / admin notice screen */
.eagle-import-card{
  background:#fff;border:1px solid #dcd5c4;padding:24px 28px;max-width:720px;
  font-family:Inter,sans-serif;
}
.eagle-import-card h2{font-family:'Big Shoulders Display',sans-serif;margin-top:0;}
.eagle-import-card .button-primary{background:#C81E2C;border-color:#C81E2C;}
.eagle-import-card .button-primary:hover{background:#A5121F;border-color:#A5121F;}