/*
Theme Name: Hadleys
Theme URI: https://hadleyfruits.com/
Description: Child theme for the Twenty Twenty-Five theme
Author: Amber Alps
Template: twentytwentyfive
Version: 1.0
*/


/* 1) Put the entire header stack above the page content */
:where(.wp-site-blocks) > header.wp-block-template-part {
  position: relative;   /* create a stacking context for the header */
  z-index: 999;         /* higher than any content */
}

/* 2) Ensure the Cover that wraps the nav doesn't clip or reset stacking */
:where(.wp-site-blocks) > header.wp-block-template-part .wp-block-cover {
  position: relative;
  z-index: 1000;
  overflow: visible;     /* critical: let submenus spill outside the cover */
}

/* 3) Make the nav and its dropdowns sit on top */
:where(.wp-site-blocks) header .wp-block-navigation {
  position: relative;
  z-index: 1001;
}

:where(.wp-site-blocks) header .wp-block-navigation__submenu-container {
  position: absolute;    /* dropdowns are positioned elements */
  z-index: 1002;         /* outrank everything below */
}

/* 4) Keep main/content below the header stack */
:where(.wp-site-blocks) > main {
  position: relative;
  z-index: 1;
}

/* 5) Safety valves: prevent clipping from common wrappers */
:where(.wp-site-blocks) .wp-block-group {
  overflow: visible;     /* avoid clipping dropdowns */
}

/* Optional: if any ancestor had a rogue z-index, neutralize common cases */
:where(.wp-site-blocks) [style*="z-index"] {
  /* no change by default; only touch if needed */
}