/* WordPress + Elementor compatibility fixes */
:root{
  --on-primary: var(--e-global-color-primary, #0d2b50);
  --on-accent: var(--e-global-color-accent, #ff7048);
  --on-text: var(--e-global-color-text, #111827);
  --on-heading-font: var(--e-global-typography-primary-font-family, inherit);
  --on-text-font: var(--e-global-typography-text-font-family, inherit);
}

body{font-family:var(--on-text-font);}
h1,h2,h3,h4,h5,h6{font-family:var(--on-heading-font);}

/* WP menu output should behave like the old static menu */
.main-menu-ex ul,
.mobile-nav ul,
.sidebar-menu{margin:0;padding:0;list-style:none;}
.main-menu-ex > ul{display:flex;align-items:center;gap:28px;}
.main-menu-ex li{position:relative;list-style:none;}
.main-menu-ex li ul.sub-menu,
.main-menu-ex li ul.children{
  position:absolute;
  left:0;
  top:100%;
  min-width:230px;
  display:none;
  z-index:9999;
}
.main-menu-ex li:hover > ul.sub-menu,
.main-menu-ex li:hover > ul.children{display:block;}

/* Inner pages: header + page hero should be one dark block, not white */
body.page:not(.home) .header-area,
body.single .header-area,
body.archive .header-area,
body.category .header-area,
body.search .header-area{
  background:#0d2b50 !important;
  padding:22px 0 !important;
}
body.page:not(.home) .main-menu-ex > ul > li > a,
body.single .main-menu-ex > ul > li > a,
body.archive .main-menu-ex > ul > li > a,
body.category .main-menu-ex > ul > li > a,
body.search .main-menu-ex > ul > li > a{
  color:#fff !important;
}
body.page:not(.home) .header-area .site-logo img,
body.single .header-area .site-logo img,
body.archive .header-area .site-logo img,
body.category .header-area .site-logo img,
body.search .header-area .site-logo img{
  max-height:70px;
  width:auto;
}

.common-hero{
  background:#0d2b50 !important;
  padding:90px 0 110px !important;
  margin:0 !important;
  color:#fff;
}
.common-hero h1{color:#fff;margin:0 0 18px;}
.common-hero .list-area{display:flex;align-items:center;justify-content:center;gap:8px;}
.common-hero .list-area a,
.common-hero .list-area p{color:#fff;margin:0;}

.wp-page-content{background:#fff;}
.elementor-page-content article{margin:0;}
.elementor-page-content .entry-title{display:none;}

/* Admin bar safe spacing */
.admin-bar .header-area{top:32px;}
@media(max-width:782px){.admin-bar .header-area{top:46px;}}