/* Field-driven readability layer shared by header-like widget surfaces. */

[data-surface-tint] > .mc-surface-tint-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: transparent;
  opacity: clamp(0, var(--mc-surface-tint-opacity, 0.72), 1);
  pointer-events: none;
}

[data-surface-tint-behavior="scroll"] > .mc-surface-tint-layer {
  display: block;
  transition: background-color 220ms ease, opacity 220ms ease;
}

:where([data-surface-tint] > :not(.mc-surface-tint-layer)) {
  position: relative;
  z-index: 1;
}

[data-surface-tint="black"] > .mc-surface-tint-layer {
  background: #000000;
}

[data-surface-tint="white"] > .mc-surface-tint-layer {
  background: #ffffff;
}

[data-surface-tint="brand"] > .mc-surface-tint-layer {
  background: var(--mc-theme-color-primary, var(--mc-theme-color-accent, #0170b9));
}

[data-surface-tint="none"] > .mc-surface-tint-layer {
  display: none;
}

[data-surface-tint-behavior="scroll"][data-surface-tint="none"] > .mc-surface-tint-layer {
  display: block;
  background: transparent;
  opacity: 0;
}

:where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list) > .mc-surface-tint-layer {
  list-style: none;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal-dropdown)[data-surface-tint="black"] :where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list),
:where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list)[data-surface-tint="black"] {
  --mc-menu-dropdown-surface-background: #000000;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal-dropdown)[data-surface-tint="white"] :where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list),
:where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list)[data-surface-tint="white"] {
  --mc-menu-dropdown-surface-background: #ffffff;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal-dropdown)[data-surface-tint="brand"] :where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list),
:where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list)[data-surface-tint="brand"] {
  --mc-menu-dropdown-surface-background: var(--mc-theme-color-primary, var(--mc-theme-color-accent, #0170b9));
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal-dropdown)[data-surface-text-tone="light"] :where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list),
:where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list)[data-surface-text-tone="light"] {
  --mc-menu-dropdown-surface-foreground: var(--mc-theme-color-paper, #ffffff);
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal-dropdown)[data-surface-text-tone="dark"] :where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list),
:where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list)[data-surface-text-tone="dark"] {
  --mc-menu-dropdown-surface-foreground: var(--mc-theme-color-ink, #151515);
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal-dropdown)[data-surface-text-tone="brand"] :where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list),
:where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list)[data-surface-text-tone="brand"] {
  --mc-menu-dropdown-surface-foreground: var(--mc-theme-button-primary-color, var(--mc-theme-color-paper, #ffffff));
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal-dropdown)[data-surface-tint]:not([data-surface-tint="none"]) :where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list),
:where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list)[data-surface-tint]:not([data-surface-tint="none"]) {
  background: var(--mc-menu-dropdown-surface-background) !important;
  color: var(--mc-menu-dropdown-surface-foreground, currentColor) !important;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal-dropdown)[data-surface-tint]:not([data-surface-tint="none"]) :where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list)
  :is([data-menuitem-link], .menu-widget-horizontal-link, .menu-widget-horizontal-dropdown-link, .menu-widget-horizontal-dropdown-child-link, a, button, [class*="theme-color-"]),
:where(.menu-widget-horizontal-dropdown-submenu, .menu-widget-overflow-more-list)[data-surface-tint]:not([data-surface-tint="none"])
  :is([data-menuitem-link], .menu-widget-horizontal-link, .menu-widget-horizontal-dropdown-link, .menu-widget-horizontal-dropdown-child-link, a, button, [class*="theme-color-"]) {
  color: var(--mc-menu-dropdown-surface-foreground, currentColor) !important;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-tint="black"] {
  --mc-navigation-surface-background: #000000;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-tint="white"] {
  --mc-navigation-surface-background: #ffffff;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-tint="brand"] {
  --mc-navigation-surface-background: var(--mc-theme-color-primary, var(--mc-theme-color-accent, #0170b9));
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-tint="none"] {
  --mc-navigation-surface-background: transparent;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-text-tone="light"] {
  --mc-navigation-surface-foreground: var(--mc-theme-color-paper, #ffffff);
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-text-tone="dark"] {
  --mc-navigation-surface-foreground: var(--mc-theme-color-ink, #151515);
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-text-tone="brand"] {
  --mc-navigation-surface-foreground: var(--mc-theme-button-primary-color, var(--mc-theme-color-paper, #ffffff));
}

/*
 * A composed header owns the foreground at each child widget root just as it
 * owns the topbar background. Controls that use currentColor now follow the
 * active top/scrolled tone without naming individual widget implementations;
 * independent descendant surfaces such as search panels keep their own color.
 */
.menu-responsive-composite-topbar[data-surface-text-tone]:not([data-surface-text-tone="authored"]),
.menu-responsive-composite-topbar[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  > .menu-responsive-composite-slot-group,
.menu-responsive-composite-topbar[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  > .menu-responsive-composite-slot-group
  > .menu-responsive-composite-child,
.menu-responsive-composite-topbar[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  > .menu-responsive-composite-slot-group
  > .menu-responsive-composite-child
  > .layout-item,
.menu-responsive-composite-topbar[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  > .menu-responsive-composite-slot-group
  > .menu-responsive-composite-child
  [data-ec-id="root"] {
  color: var(--mc-navigation-surface-foreground, currentColor) !important;
}

.sandwich-header-widget[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  > .sandwich-header-widget-bar,
.sandwich-header-widget[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  > .sandwich-header-widget-bar
  :where(
    [data-ec-id="root"],
    [data-lsw-widget],
    .layout-item,
    .menu-trigger-widget,
    a,
    button,
    span,
    svg,
    [class*="theme-color-"]
  ) {
  color: var(--mc-navigation-surface-foreground, currentColor) !important;
}

.sandwich-header-widget[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  > .sandwich-header-widget-bar
  :where(
    [data-lsw-toggle],
    [data-fs-search-trigger],
    [data-fs-search-trigger-button],
    [data-spotlight-search-trigger],
    [data-spotlight-search-trigger-button],
    [data-esw-open],
    .esw-open-button,
    .menu-trigger-widget-button,
    .menu-widget-mobile-drawer-button
  ) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: color-mix(in srgb, var(--mc-navigation-surface-foreground, currentColor) 28%, transparent) !important;
  color: var(--mc-navigation-surface-foreground, currentColor) !important;
  box-shadow: none !important;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown)[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  :where([data-lsw-widget]) {
  color: var(--mc-navigation-surface-foreground, currentColor) !important;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown)[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  :where([data-lsw-widget] [data-lsw-toggle]) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: color-mix(in srgb, var(--mc-navigation-surface-foreground, currentColor) 28%, transparent) !important;
  color: var(--mc-navigation-surface-foreground, currentColor) !important;
  box-shadow: none !important;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown)[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  :where(
    [data-lsw-widget="inline-codes"],
    [data-lsw-widget="inline-native"],
    [data-lsw-widget="inline-flags"],
    [data-lsw-widget="two-toggle"]
  ) {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--mc-navigation-surface-foreground, currentColor) !important;
  box-shadow: none !important;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown)[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  :where([data-lsw-widget] a,
  [data-lsw-widget] button,
  [data-lsw-widget] span,
  [data-lsw-widget] svg) {
  color: var(--mc-navigation-surface-foreground, currentColor) !important;
}

:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown)[data-surface-text-tone]:not([data-surface-text-tone="authored"])
  :where([data-lsw-widget] [data-lsw-toggle]:hover,
  [data-lsw-widget] [data-lsw-toggle]:active,
  [data-lsw-widget][data-lsw-open="true"] [data-lsw-toggle],
  [data-lsw-widget] [data-lsw-active="true"]) {
  background: color-mix(in srgb, var(--mc-navigation-surface-foreground, currentColor) 12%, transparent) !important;
  background-color: color-mix(in srgb, var(--mc-navigation-surface-foreground, currentColor) 12%, transparent) !important;
  color: var(--mc-navigation-surface-foreground, currentColor) !important;
}

[data-lsw-menu][data-lsw-menu-surface="menu"][data-surface-tint="black"] {
  --mc-lsw-menu-surface-background: #000000;
}

[data-lsw-menu][data-lsw-menu-surface="menu"][data-surface-tint="white"] {
  --mc-lsw-menu-surface-background: #ffffff;
}

[data-lsw-menu][data-lsw-menu-surface="menu"][data-surface-tint="brand"] {
  --mc-lsw-menu-surface-background: var(--mc-theme-color-primary, var(--mc-theme-color-accent, #0170b9));
}

[data-lsw-menu][data-lsw-menu-surface="menu"][data-surface-text-tone="light"] {
  --mc-lsw-menu-surface-foreground: var(--mc-theme-color-paper, #ffffff);
}

[data-lsw-menu][data-lsw-menu-surface="menu"][data-surface-text-tone="dark"] {
  --mc-lsw-menu-surface-foreground: var(--mc-theme-color-ink, #151515);
}

[data-lsw-menu][data-lsw-menu-surface="menu"][data-surface-text-tone="brand"] {
  --mc-lsw-menu-surface-foreground: var(--mc-theme-button-primary-color, var(--mc-theme-color-paper, #ffffff));
}

[data-lsw-menu][data-lsw-menu-surface="menu"][data-surface-tint]:not([data-surface-tint="none"]) {
  background: var(--mc-lsw-menu-surface-background, var(--mc-navigation-surface-background, transparent)) !important;
  border-color: color-mix(in srgb, var(--mc-lsw-menu-surface-foreground, currentColor) 22%, transparent) !important;
  color: var(--mc-lsw-menu-surface-foreground, currentColor) !important;
}

[data-lsw-menu][data-lsw-menu-surface="menu"][data-surface-tint]:not([data-surface-tint="none"])
  :is(a, button, span, [class*="theme-color-"]) {
  color: var(--mc-lsw-menu-surface-foreground, currentColor) !important;
}

[data-lsw-menu][data-lsw-menu-surface="menu"][data-surface-tint]:not([data-surface-tint="none"])
  [data-lsw-active="true"] {
  background: color-mix(in srgb, var(--mc-lsw-menu-surface-foreground, currentColor) 14%, transparent) !important;
}

.menu-widget-horizontal[data-surface-text-tone="light"]
  > .menu-widget-horizontal-list
  > li
  > :is([data-menuitem-link], .menu-widget-horizontal-link, .menu-widget-overflow-more-button),
.menu-widget-horizontal-dropdown[data-surface-text-tone="light"]
  > .menu-widget-horizontal-dropdown-shell
  > .menu-widget-horizontal-dropdown-list
  > li
  > :is([data-menuitem-link], .menu-widget-horizontal-dropdown-link, .menu-widget-overflow-more-button),
.menu-widget-overflow-more-list[data-surface-text-tone="light"]
  > li
  > :is([data-menuitem-link], .menu-widget-horizontal-link, .menu-widget-horizontal-dropdown-link),
[data-menu-widget="menu_widget_two_level_columns"][data-surface-text-tone="light"]
  :is(
    .menu-widget-two-level-columns-heading-text,
    .menu-widget-two-level-columns-heading-link,
    .menu-widget-two-level-columns-child-link,
    .menu-widget-two-level-columns-info-title,
    .menu-widget-two-level-columns-info-body,
    .menu-widget-two-level-columns-info-action,
    [data-menuitem-link]
  ),
:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-text-tone="light"]
  :is(
    .menu-trigger-widget-button,
    [data-lsw-widget] [data-lsw-toggle],
    [data-lsw-widget] > [data-ec-id="content"] > [data-lsw-toggle],
    [data-fs-search-trigger],
    [data-spotlight-search-trigger]
  ),
[data-rb-widget="restaurant_sticky_header"][data-surface-text-tone="light"]
  > [data-ec-id="bar"]
  .theme-color-ink {
  color: var(--mc-theme-color-paper, #ffffff) !important;
}

.menu-widget-horizontal[data-surface-text-tone="dark"]
  > .menu-widget-horizontal-list
  > li
  > :is([data-menuitem-link], .menu-widget-horizontal-link, .menu-widget-overflow-more-button),
.menu-widget-horizontal-dropdown[data-surface-text-tone="dark"]
  > .menu-widget-horizontal-dropdown-shell
  > .menu-widget-horizontal-dropdown-list
  > li
  > :is([data-menuitem-link], .menu-widget-horizontal-dropdown-link, .menu-widget-overflow-more-button),
.menu-widget-overflow-more-list[data-surface-text-tone="dark"]
  > li
  > :is([data-menuitem-link], .menu-widget-horizontal-link, .menu-widget-horizontal-dropdown-link),
[data-menu-widget="menu_widget_two_level_columns"][data-surface-text-tone="dark"]
  :is(
    .menu-widget-two-level-columns-heading-text,
    .menu-widget-two-level-columns-heading-link,
    .menu-widget-two-level-columns-child-link,
    .menu-widget-two-level-columns-info-title,
    .menu-widget-two-level-columns-info-body,
    .menu-widget-two-level-columns-info-action,
    [data-menuitem-link]
  ),
:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-text-tone="dark"]
  :is(
    .menu-trigger-widget-button,
    [data-lsw-widget] [data-lsw-toggle],
    [data-lsw-widget] > [data-ec-id="content"] > [data-lsw-toggle],
    [data-fs-search-trigger],
    [data-spotlight-search-trigger]
  ),
[data-rb-widget="restaurant_sticky_header"][data-surface-text-tone="dark"]
  > [data-ec-id="bar"]
  .theme-color-ink {
  color: var(--mc-theme-color-ink, #151515) !important;
}

.menu-widget-horizontal[data-surface-text-tone="brand"]
  > .menu-widget-horizontal-list
  > li
  > :is([data-menuitem-link], .menu-widget-horizontal-link, .menu-widget-overflow-more-button),
.menu-widget-horizontal-dropdown[data-surface-text-tone="brand"]
  > .menu-widget-horizontal-dropdown-shell
  > .menu-widget-horizontal-dropdown-list
  > li
  > :is([data-menuitem-link], .menu-widget-horizontal-dropdown-link, .menu-widget-overflow-more-button),
.menu-widget-overflow-more-list[data-surface-text-tone="brand"]
  > li
  > :is([data-menuitem-link], .menu-widget-horizontal-link, .menu-widget-horizontal-dropdown-link),
[data-menu-widget="menu_widget_two_level_columns"][data-surface-text-tone="brand"]
  :is(
    .menu-widget-two-level-columns-heading-text,
    .menu-widget-two-level-columns-heading-link,
    .menu-widget-two-level-columns-child-link,
    .menu-widget-two-level-columns-info-title,
    .menu-widget-two-level-columns-info-body,
    .menu-widget-two-level-columns-info-action,
    [data-menuitem-link]
  ),
:where(.menu-responsive-composite-topbar, .menu-widget-horizontal, .menu-widget-horizontal-dropdown, .sandwich-header-widget)[data-surface-text-tone="brand"]
  :is(
    .menu-trigger-widget-button,
    [data-lsw-widget] [data-lsw-toggle],
    [data-lsw-widget] > [data-ec-id="content"] > [data-lsw-toggle],
    [data-fs-search-trigger],
    [data-spotlight-search-trigger]
  ),
[data-rb-widget="restaurant_sticky_header"][data-surface-text-tone="brand"]
  > [data-ec-id="bar"]
  .theme-color-ink {
  color: var(--mc-theme-button-primary-color, var(--mc-theme-color-paper, #ffffff)) !important;
}

@media (forced-colors: active) {
  [data-surface-tint] > .mc-surface-tint-layer {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-surface-tint-behavior="scroll"] > .mc-surface-tint-layer {
    transition: none;
  }
}