/* ElementsKit Sticky Header Fix */
.ekit-template-content-header,
header.ekit-header,
div[data-elementor-type="wp-post"] {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    z-index: 999999 !important;
    width: 100% !important;
    background-color: #ffffff; /* Set your preferred background color */
}

/* Parent container overflow fix (crucial for sticky to work in ElementsKit) */
body, 
#page, 
#content,
.site-content {
    overflow: visible !important;
}

/* Offset for WordPress Admin Bar when logged in */
body.logged-in .ekit-template-content-header,
body.logged-in header.ekit-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.logged-in .ekit-template-content-header,
    body.logged-in header.ekit-header {
        top: 46px !important;
    }
/* Ensure main container never exceeds screen width */
header, .site-header, .nav-container {
  max-width: 100% !important;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Ensure header elements wrap or shrink on smaller screens */
.header-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* Prevent logo from forcing overflow */
.site-logo img {
  max-width: 100%;
  height: auto;
}
	/* Prevent giant icon explosion on header topbar */
.ekit-header-info img,
.ekit-header-info svg,
.ekit-header-info i,
.elementskit-header-info img,
.elementskit-header-info svg,
.elementskit-header-info i,
header svg,
header i {
  max-width: 18px !important;
  max-height: 18px !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
/* 1. Elevate the entire Header template wrapper above page content and footer */
.ekit-template-content-header,
[data-elementor-type="header"],
header {
    position: relative !important;
    z-index: 999999 !important;
}

/* 2. Ensure the dropdown itself and all ancestor sections don't clip overflowing elements */
.ekit-wid-con,
.elementskit-menu-container,
.elementskit-navbar-nav,
.elementskit-dropdown,
.elementskit-submenu-container {
    z-index: 9999999 !important;
    overflow: visible !important;
}

/* 3. Lower the page body and Footer stacking context */
.site-content,
#content,
.ekit-template-content-footer,
[data-elementor-type="footer"],
footer {
    position: relative !important;
    z-index: 1 !important;
}
	/* Change submit button background and text color */
.fluentform .ff-btn-submit {
    background-color: #DDAC69 !important; /* Replace with your color */
    color: #ffffff !important;            /* Text color */
    border-color: #000000 !important;
}

/* Change color on hover */
.fluentform .ff-btn-submit:hover {
    background-color: #fafafa !important; /* Replace with your hover color */
    border-color: #1d4ed8 !important;
}