/*
 * Micrylix Header Visual Hierarchy
 * Scope: header only. No page, hero, footer, or content-section styles.
 */

@media (min-width: 922px) {
	#masthead .ast-primary-header-bar,
	#masthead .main-header-bar {
		min-height: 92px !important;
		border-bottom: 1px solid rgba(8, 33, 60, 0.12);
	}

	#masthead .ast-primary-header-bar .ast-builder-grid-row,
	#ast-desktop-header .ast-container,
	#masthead .site-primary-header-wrap {
		min-height: 92px !important;
		align-items: center !important;
	}
	#masthead #ast-desktop-header .ast-builder-grid-row {
		column-gap: 64px !important;
	}


	#masthead .site-branding,
	#masthead .ast-site-identity,
	#masthead .site-logo-img {
		padding-right: 0 !important;
	}

	#masthead img.custom-logo,
	#masthead .custom-logo-link img {
		height: 44px !important;
		max-height: 44px !important;
		width: auto !important;
		object-fit: contain;
		display: block;
	}

	#masthead .main-header-menu,
	#masthead .ast-builder-menu-1 .main-header-menu {
		display: flex;
		align-items: center;
		gap: 30px !important;
	}

	#masthead .main-header-menu > .menu-item > .menu-link,
	#masthead .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
		min-height: 92px !important;
		height: 92px !important;
		display: inline-flex;
		align-items: center;
	}

	#masthead #ast-desktop-header .main-header-menu > .menu-item > a[href*="/request-a-quote/"],
    #masthead #ast-desktop-header .main-header-menu > .menu-item > a[href*="/request-a-quote"] {
		padding: 14px 28px !important;
		background: #0b2748 !important;
		color: #fff !important;
		border-radius: 4px !important;
		line-height: 1 !important;
		min-height: auto !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		text-decoration: none;
	}
	#masthead .site-header-primary-section-left {
		flex-basis: 300px !important;
	}


    /* Micrylix desktop dropdown refinement */
    #masthead #ast-desktop-header .main-header-menu > .menu-item > .sub-menu {
        background: #fff !important;
        padding: 10px 0 !important;
        border-radius: 6px !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
        border: 1px solid rgba(8, 33, 60, 0.08) !important;
        overflow: hidden;
    }

    #masthead #ast-desktop-header #menu-item-353 > .sub-menu {
        width: 220px !important;
        min-width: 220px !important;
    }

    #masthead #ast-desktop-header #menu-item-365 > .sub-menu {
        width: 260px !important;
        min-width: 260px !important;
    }

    #masthead #ast-desktop-header #menu-item-374 > .sub-menu {
        width: 240px !important;
        min-width: 240px !important;
    }

    #masthead #ast-desktop-header .sub-menu .menu-item > .menu-link {
        min-height: 44px !important;
        height: auto !important;
        padding: 12px 20px !important;
        line-height: 20px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #0b2748 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
    }

    #masthead #ast-desktop-header .sub-menu .menu-item > .menu-link:hover {
        background: #f1f7fc !important;
        color: #0b66a3 !important;
    }

}

/* Micrylix mobile nav visibility fix */
@media (max-width: 921px) {
  #masthead .ast-mobile-header-wrap {
    display: block;
  }

  #masthead .ast-mobile-header-content {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ast-main-header-nav-open #masthead .ast-mobile-header-content,
  body.ast-main-header-nav-open.ast-popup-nav-open #masthead .ast-mobile-header-content,
  #masthead .ast-mobile-header-content.toggled,
  #masthead .ast-mobile-header-content[style*="display: block"] {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }

  #masthead .ast-mobile-header-content .main-header-bar-navigation,
  #masthead .ast-mobile-header-content .main-navigation {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  #masthead .ast-mobile-header-content .main-header-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #masthead .ast-mobile-header-content .main-header-menu > .menu-item {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  #masthead .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 14px 22px !important;
    text-align: left !important;
    white-space: normal !important;
    border-bottom: 1px solid rgba(8,33,60,.08) !important;
  }

  #masthead .ast-mobile-header-content .sub-menu {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #masthead .ast-mobile-header-content .sub-menu .menu-item > .menu-link {
    width: 100% !important;
    padding: 12px 22px 12px 38px !important;
    min-height: 44px !important;
    justify-content: flex-start !important;
    text-align: left !important;
    white-space: normal !important;
  }

  #masthead .ast-mobile-header-content .main-header-menu > .menu-request-quote > a.menu-link[href*="/request-a-quote/"] {
    box-sizing: border-box !important;
    display: flex !important;
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 4px !important;
    margin: 10px 22px !important;
    padding: 14px 22px !important;
  }

  #masthead .ast-button-wrap,
  #masthead .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
/* Reset RFQ-linked submenu items so only top-level RFQ stays as CTA */
@media (min-width: 922px) {
  #masthead #ast-desktop-header .main-navigation .sub-menu .menu-item > a.menu-link[href*="/request-a-quote/"],
  #masthead #ast-desktop-header .main-navigation .sub-menu .menu-item > a.menu-link[href*="/request-a-quote"] {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 44px !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px 20px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0b2748 !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: normal !important;
    box-shadow: none !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
  }

  #masthead #ast-desktop-header .main-navigation .sub-menu .menu-item > a.menu-link[href*="/request-a-quote/"]:hover,
  #masthead #ast-desktop-header .main-navigation .sub-menu .menu-item > a.menu-link[href*="/request-a-quote"]:hover {
    background: #f1f7fc !important;
    color: #0b66a3 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}
/* Micrylix mobile header overflow fix */
@media (max-width: 921px) {
  #masthead #ast-desktop-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  #masthead #ast-mobile-header {
    display: block !important;
    visibility: visible !important;
  }

  #masthead #ast-desktop-header .main-header-menu,
  #masthead #ast-desktop-header .ast-builder-menu,
  #masthead #ast-desktop-header .main-navigation {
    display: none !important;
  }
}
/* Reset RFQ-linked submenu items so only top-level RFQ stays as CTA */
@media (min-width: 922px) {
  #masthead #ast-desktop-header .main-navigation .sub-menu .menu-item > a.menu-link[href*="/request-a-quote/"],
  #masthead #ast-desktop-header .main-navigation .sub-menu .menu-item > a.menu-link[href*="/request-a-quote"] {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 44px !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px 20px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0b2748 !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: normal !important;
    box-shadow: none !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
  }

  #masthead #ast-desktop-header .main-navigation .sub-menu .menu-item > a.menu-link[href*="/request-a-quote/"]:hover,
  #masthead #ast-desktop-header .main-navigation .sub-menu .menu-item > a.menu-link[href*="/request-a-quote"]:hover {
    background: #f1f7fc !important;
    color: #0b66a3 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}/* Micrylix Engineering Materials Category Archive Layout */
body.category-engineering-materials #content .ast-container,
body.category-engineering-materials .site-content .ast-container {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box !important;
}

body.category-engineering-materials .ast-archive-description {
  max-width: 1280px !important;
  margin: 0 auto 32px !important;
  padding: 56px 32px 28px !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

body.category-engineering-materials .ast-archive-description h1 {
  margin: 0 !important;
  color: #08213c !important;
  font-size: 36px !important;
  line-height: 1.18 !important;
  font-weight: 600 !important;
}

body.category-engineering-materials #main > .ast-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

body.category-engineering-materials #main > .ast-row::before,
body.category-engineering-materials #main > .ast-row::after {
  content: none !important;
  display: none !important;
}

body.category-engineering-materials #main > .ast-row > article {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.category-engineering-materials .post-content {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid #d6e2ed !important;
  box-sizing: border-box !important;
}

body.category-engineering-materials .ast-blog-featured-section,
body.category-engineering-materials .post-thumb-img-content {
  margin: 0 !important;
  overflow: hidden !important;
}

body.category-engineering-materials .ast-blog-featured-section img,
body.category-engineering-materials .post-thumb-img-content img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}

body.category-engineering-materials .entry-title {
  font-size: 22px !important;
  line-height: 1.22 !important;
  font-weight: 600 !important;
}

@media (max-width: 1024px) {
  body.category-engineering-materials #main > .ast-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.category-engineering-materials #content .ast-container,
  body.category-engineering-materials .site-content .ast-container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.category-engineering-materials #main > .ast-row {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body.category-engineering-materials .ast-archive-description {
    padding: 40px 18px 20px !important;
  }

  body.category-engineering-materials .ast-archive-description h1 {
    font-size: 28px !important;
  }
}