/* site header, wordmark, primary nav and its dropdowns Part of the split style.css. inc/enqueue.php enqueues each file as its own , in filename order -- they are NOT concatenated, so a comment or a rule cut across the join does not heal at the seam. It breaks both files, and the browser drops everything it cannot parse without saying so. Keep every construct whole inside one file. Source order is still the cascade, so moving a rule between files can change which one wins. */ /* overflow-x: auto as a safety net at every width, not just the narrower breakpoints below that already set it explicitly: nav items have white-space: nowrap and don't shrink, so at in-between viewport widths where 5 items at this font-size don't fit the clamped column, they used to silently overflow and visually sit underneath the centered logo instead of scrolling -- harmless (no-op) once content actually fits. */ /* max-width, not a fixed width: the header is now a real minmax(0,1fr) grid column (see .pet-site-header > .wp-block-group above), so nav must be able to shrink to whatever share of that column it's actually given instead of forcing a viewport-relative size that can overflow into the logo's column on medium-wide screens. */ .pet-primary-nav { max-width: clamp(320px, 44vw, 640px); min-width: 0; overflow-x: auto; scrollbar-width: none; width: 100%; } .pet-primary-nav::-webkit-scrollbar { display: none; } /* align-items: center, not the flex default (stretch): plain links and the dropdown