/* Venus-only header overrides.
 *
 * Why this file and not header.css: `cms:theme:assets:publish` copies the
 * PARENT's public/ over the child's publish dir first, then copies the child's
 * with copyDirectoryWithoutOverwriting() — so any child file whose name also
 * exists in my-store/public/ (css/header.css does) is silently never published.
 * A filename unique to this child is the only one that survives.
 * See ThemeService::publishAssets(), platform/packages/theme/src/Services/ThemeService.php.
 *
 * Previously lived as an inline <style> rule in this theme's copy of
 * partials/header-meta.blade.php, which existed only to carry it.
 */

/* The header bar background is NOT set here. my-store/partials/header-meta.blade.php
   emits `.header:not(.header--product){background-color:var(--header-background-color)!important}`
   inline for every theme, so a copy in this file was pure duplication — and because
   this stylesheet loads after that inline <style>, the copy's selector had drifted to
   an unscoped `.header`, which re-painted the product page's sticky overlay bar that
   the shared rule deliberately excludes. One rule, one place. */

/* The navigation strip defaults to the header background, so leaving the
   "Navigation background color" theme option empty renders exactly as it did
   before that option existed. Setting it lets a tenant give the nav its own
   colour from the admin panel with no deploy.
   header-meta.blade.php emits --nav-background-color only when the option has
   a value, which is what makes the fallback below the effective default.

   Scoped away from .header--product: that is the product page's scroll-triggered
   overlay bar, which also wraps its content in a .navigation. Because this rule
   has a fallback it fires even with the option unset, so it was repainting that
   bar over the #fff style.css gives it (_header.scss:431, no !important). */
.header:not(.header--product) .navigation {
    background-color: var(--nav-background-color, var(--header-background-color)) !important;
}
