/* Header controls keep their hit areas stationary and follow the current theme. */
.site-header {
  --header-control-transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

html[data-theme] body.professional-studio-v166 .site-header .container.nav-wrap :is(.site-nav a, .menu-btn, .theme-picker-label, .site-light-toggle-v203) {
  transform: none !important;
  animation: none !important;
  filter: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease !important;
}

html[data-theme] body.professional-studio-v166 .site-header .container.nav-wrap .site-light-toggle-v203.site-light-toggle-v212 {
  background: var(--studio-control) !important;
  color: var(--studio-header-text) !important;
  -webkit-text-fill-color: var(--studio-header-text) !important;
  border-color: var(--studio-accent-soft) !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.professional-studio-v166 .site-header .container.nav-wrap .site-light-toggle-v203.site-light-toggle-v212.is-active {
  background: #f2cc7d !important;
  color: #182b32 !important;
  -webkit-text-fill-color: #182b32 !important;
  border-color: #997135 !important;
}

html[data-theme] body.professional-studio-v166 .site-header .container.nav-wrap .site-light-toggle-v203.site-light-toggle-v212:focus-visible {
  background: var(--studio-control-hover) !important;
  outline: 3px solid var(--interaction-focus) !important;
  outline-offset: 3px !important;
}

html[data-theme="light"] body.professional-studio-v166 .site-header .container.nav-wrap .site-light-toggle-v203.site-light-toggle-v212.is-active:focus-visible {
  background: #ffe4aa !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-theme] body.professional-studio-v166 .site-header .container.nav-wrap .site-light-toggle-v203.site-light-toggle-v212:hover {
    background: var(--studio-control-hover) !important;
  }
  html[data-theme="light"] body.professional-studio-v166 .site-header .container.nav-wrap .site-light-toggle-v203.site-light-toggle-v212.is-active:hover {
    background: #ffe4aa !important;
  }
}

@media (max-width: 760px) {
  html[data-theme] body.professional-studio-v166 .site-header .container.nav-wrap.has-mobile-light-slot-v212 > .menu-btn {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 6px !important;
  }
  html[data-theme] body.professional-studio-v166 .site-header .container.nav-wrap.has-mobile-light-slot-v212 > .brand span {
    font-size: inherit !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header {
    --header-control-transition: none;
  }
  html[data-theme] body.professional-studio-v166 .site-header,
  html[data-theme] body.professional-studio-v166 .site-header .container.nav-wrap :is(.site-nav a, .menu-btn, .theme-picker-label, .site-light-toggle-v203) {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}