/* The header template part (.gl-header) stays at the top of the window. The sticky box is the template
   part's own wrapper, because a sticky element only sticks inside its parent. The wrapper lets clicks
   through the empty part of the tall desktop header; the header's bars, panels and drawer take them back. */
.wp-site-blocks > header.wp-block-template-part:has(> .wp-block-html > .gl-header) {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 60; /* above the PDP sticky add-to-cart bar (z-index 50, design.md §6.14) so menus and the phone drawer cover it */
	pointer-events: none;
}

/* FiboSearch puts its phone search bar and its desktop details panel at the end of the body, outside .gl-header.
   Both stay white, like the results list, so their text keeps graphite in Halloween mode too (it came out white). */
.dgwt-wcas-overlay-mobile .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { color: var(--ks-color-graphite); }
.dgwt-wcas-details-wrapp .dgwt-wcas-details-desc { color: var(--ks-color-graphite); }