/* Minimal overrides for the static build */

/* Use local hero background instead of Elementor slideshow (which referenced WP uploads) */
#particles-js{
  background-image:
    linear-gradient(rgba(9, 23, 53, 0.70), rgba(9, 23, 53, 0.70)),
    url("../assets/wp/bg-pheader.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
}

/* Remove the large \"B\" tech-pattern overlay (not present/desired in the live hero) */
#particles-js::before{
  content: none;
}

/* Keep overlay present */
#particles-js .elementor-background-overlay{
  background: transparent;
}

/* Ensure particles canvas sits above background but below content */
#particles-js canvas{
  position: absolute !important;
  inset: 0;
}
#particles-js .elementor-container,
#particles-js .elementor-container *{
  position: relative;
  z-index: 2;
}

/* Replace the removed Kirki styles (header/mobile colors + logo sizing) */
#site-logo a img{width:212px;}
#site-logo{padding-top:0;padding-bottom:0;}
#site-header .header_mobile, .header_mobile .mobile_nav{background:#092e4e;}
.header_mobile .mobile_nav .mobile_mainmenu li a{color:#ffffff;}
.header_mobile .mobile_nav .mobile_mainmenu li a:hover,
.header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-item > a,
.header_mobile .mobile_nav .mobile_mainmenu li li a:hover{color:#4ba5f4;}
#mmenu_toggle button, #mmenu_toggle button:after, #mmenu_toggle button:before{background:#ffffff;}
.header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i{color:#ffffff;}

/* Hide the (now non-functional) background slideshow DOM */
.elementor-background-slideshow{display:none !important;}

/* Make the \"Using a combination...\" section background cleaner */
.elementor-element-09eaa29{
  background-image: linear-gradient(135deg, rgba(9,23,53,1) 0%, rgba(8,18,45,1) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.elementor-element-09eaa29 .elementor-background-overlay{
  background: transparent !important;
}

/* Remove the big white gap above the footer CTA area (it comes from margin-top on the footer section) */
.elementor-142 .elementor-element.elementor-element-10dbedff{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Prevent any collapsed margins from showing a white body background */
body{
  background: #091735 !important;
}

/* Harmonise spacing between the last content section and the footer CTA */
.elementor-element-09eaa29{
  padding-top: 35px !important;
  padding-bottom: 30px !important;
}
.elementor-19 .elementor-element.elementor-element-38f3710 > .elementor-widget-container{
  padding-top: 10px !important;
}
.elementor-142 .elementor-element.elementor-element-6e865992{
  padding-top: 20px !important;
}
.elementor-142 .elementor-element.elementor-element-d9d8fea{
  margin-top: 40px !important;
}

/* Restyle the "Want to know more..." CTA to match the dark theme (remove stark white) */
.elementor-142 .elementor-element.elementor-element-6e865992 > .elementor-container{
  background: linear-gradient(135deg, #091735 0%, #0b224f 100%) !important;
  border-radius: 8px;
  box-shadow: 0 18px 60px rgba(0,0,0,0.35);
  overflow: hidden;
}
.elementor-142 .elementor-element.elementor-element-129927e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-142 .elementor-element.elementor-element-6ebecf2f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap{
  background: transparent !important;
  backdrop-filter: none !important;
  border: none !important;
}
.elementor-142 .elementor-element.elementor-element-129927e > .elementor-element-populated,
.elementor-142 .elementor-element.elementor-element-6ebecf2f > .elementor-element-populated{
  box-shadow: none !important;
}
.elementor-142 .elementor-element.elementor-element-6dd6648d .elementor-heading-title{
  color: #ffffff !important;
}

/* Make the CTA box a bit shorter/cleaner */
.elementor-142 .elementor-element.elementor-element-6dd6648d > .elementor-widget-container{
  padding: 22px 20px 18px 20px !important;
}
.elementor-142 .elementor-element.elementor-element-779ad98f > .elementor-widget-container{
  padding: 16px 0 !important;
}