/* Super Blank */

/* Spacing for mobile menu */
.ast-mobile-header-content {
	padding: 8px 0 16px 0;
}

/* No border on X close button */
.ast-mobile-popup-drawer.active .menu-toggle-close:focus {
	border-width: 0;
}

/* X close button position */
.ast-mobile-popup-inner .ast-mobile-popup-header button#menu-toggle-close {
	padding: 34px;
}

/* Nested mobile arrows */
button.ast-menu-toggle {
	box-shadow: none;
}

.ast-menu-toggle:focus {
	outline: 0;
}

.ast-header-break-point .main-navigation li.menu-item-has-children ul.sub-menu li.menu-item a.menu-link span.ast-icon.icon-arrow {
	display: none;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
	/* Cannot avoid !important because Elementor already unsets the color with !important by itself */
	color: var(--ast-global-color-3) !important;
}
  /* Make the hamburger menu clickable */
.elementor-menu-toggle, .menu-toggle { 
  position: relative; 
  z-index: 99999; 
  pointer-events: auto; 
}

/* Force hidden overlays to ignore clicks */
.header-overlay, .site-banner, .announcement-bar, .cookie-notice, .sgpb-popup-overlay, .e-con-inner:before {
  pointer-events: none !important;
}
     /* Make Elementor mobile dropdown render and be clickable */
@media (max-width: 1024px){
  .elementor-menu-toggle{z-index:99999;position:relative}
  .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container{
    display:block !important; visibility:visible !important; opacity:1 !important;
  }
  .elementor-nav-menu--dropdown{position:absolute; top:100%; left:0; right:0}
  header, .elementor-location-header{position:relative; z-index:9999}
}
 /* Kill any mobile-only blur/filters/transforms in header */
@media (max-width: 767px){
  .elementor-location-header,
  .elementor-location-header *{
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    transform:none !important;  /* cancels subtle scale/translate that softens edges */
  }
  /* Elementor sticky effect sometimes adds background blur on mobile */
  .elementor-sticky--effects{ backdrop-filter:none !important; }
  /* Make sure the logo uses normal rendering */
  .custom-logo,
  .elementor-widget-theme-site-logo img{
    image-rendering:auto !important;
    -ms-interpolation-mode:bicubic; /* helps some older Android WebViews */
  }
  /* Sharpen text on WebKit */
  .elementor-location-header{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
}
@media (max-width: 767px){
  header, .site-header, .custom-logo, .custom-logo img {
    transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
@media (max-width: 767px){
  h1, h2, h3, h4, h5, h6,
  .entry-title,
  .elementor-heading-title,
  .ast-single-post .entry-title a,
  .ast-archive-title,
  .elementor-widget-heading .elementor-heading-title a {
    color:#000 !important;
  }

  /* If a parent opacity is washing things out on mobile */
  .elementor-location-header,
  .elementor-section,
  .elementor-container,
  .elementor-column{
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  .main-navigation ul.sub-menu li a {
    line-height: 1.6em;
    padding: 12px 15px;
  }
}

/* Fix mobile menu dropdown overlap in Astra */
@media (max-width: 921px) {
  .ast-mobile-header-wrap .main-header-menu .sub-menu a {
    line-height: 1.6em;
    padding: 12px 15px;
    display: block;
  }

  .ast-mobile-header-wrap .main-header-menu .sub-menu {
    position: relative;
    z-index: 9999;
  }
}

/* Fix mobile menu dropdown overlap for Elementor nav menus */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .elementor-nav-menu a {
    display: block;
    line-height: 1.6em;
    padding: 12px 16px;
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu .sub-menu {
    position: relative !important;
    z-index: 9999 !important;
  }
}

/* Fix Elementor mobile menu so sub-menus push content down */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .elementor-nav-menu .sub-menu {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu li {
    display: block;
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu a {
    display: block;
    padding: 12px 16px;
    line-height: 1.6em;
  }
}

/* Improve mobile menu readability and tap spacing */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .elementor-nav-menu a {
    font-size: 18px;         /* increase font size */
    padding: 16px 20px;      /* more space around each item */
    line-height: 1.8em;      /* extra spacing for readability */
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu .sub-menu a {
    font-size: 17px;         /* slightly smaller for sub-items */
    padding-left: 28px;      /* indent sub-items so they’re clear */
  }

  /* Make sure tap targets are not too close */
  .elementor-nav-menu--dropdown .elementor-nav-menu li {
    margin-bottom: 6px;
  }
}

/* Make parent items open sub-menus and hide arrows on mobile */
@media (max-width: 1024px) {
  /* Allow tapping the whole parent item to toggle sub-menu */
  .elementor-nav-menu--dropdown .elementor-item.has-submenu {
    pointer-events: auto !important;
  }
  .elementor-nav-menu--dropdown .elementor-item.has-submenu::after {
    content: none !important; /* completely remove arrow */
  }

  /* Ensure sub-menus display properly */
  .elementor-nav-menu--dropdown .elementor-nav-menu .sub-menu {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 1024px) {
  /* Increase tap area even more */
  .elementor-nav-menu--dropdown .elementor-nav-menu a {
    padding: 20px 24px !important;
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu .sub-menu a {
    padding-left: 32px !important;
  }

  /* Add some margin between menu items to reduce mis-taps */
  .elementor-nav-menu--dropdown .elementor-nav-menu li {
    margin-bottom: 8px;
  }

  /* Ensure visible separation and smooth scroll if many items */
  .elementor-nav-menu--dropdown .elementor-nav-menu {
    overflow-y: auto;
    max-height: 80vh; /* so menu doesn’t go off-screen */
  }
}


/* Make mobile menu expand by pushing content down instead of overlapping */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .elementor-nav-menu {
    position: relative !important;
  }

  }
}

/* Add spacing below mobile menu to prevent overlap with page content */
@media (max-width: 1024px) {
  body.logged-in.admin-bar .elementor-location-header,
  .elementor-location-header {
    margin-bottom: 80px; /* adjust number until it feels right */
  }
}