/* Approved design cases 01–11 (04.11.2026), loaded AFTER the A11y supplements.
   Keep the existing brand surfaces, icons, caret geometry, spacing and typography.
   Consent/CMS notice colors are handled separately; reflow is already implemented. */

/* 01: Opaque gray in normal/visited/hover/focus/current states, including carets.
   Only color changes here: the separate button keeps the legacy CSS triangle. */
.banner .navbar-light .navbar-nav a.nav-link,
.banner .navbar-light .navbar-nav a.dropdown-item,
.banner .navbar-light .navbar-nav .submenu-toggle {
  color: #666666;
}

/* 02: Preserve the turquoise surface, including the existing hover treatment. */
.banner .navbar-light .nav-secondary .navbar-nav .nav-item a.nav-link,
.banner .navbar-light .nav-secondary .navbar-nav .nav-item a.dropdown-item,
.banner .navbar-light .nav-secondary .navbar-nav .nav-item .submenu-toggle {
  color: #212529;
}

/* A Bootstrap pressed/active dropdown item already has a beige surface. The
   approved dark selection text remains readable there; do not repaint the menu. */
.banner .navbar-light .navbar-nav a.dropdown-item:is(:active, .active) {
  color: #212529;
}

/* 03: The same coral notification component can be in the cover or above it. */
.banner__notification,
.banner__notification a,
.banner__notification a:is(:visited, :hover, :focus, :active) {
  color: #212529;
}

/* 04/05: Labels only; decorative quicklink illustrations remain unchanged. */
.quicklinks__name p,
.footer .widget_nav_menu .menu a {
  color: #666666;
}

/* 06/07: Text and necessary control boundaries, not the team's decorative
   beige/turquoise image borders or module backgrounds. Native-select fallback
   and optional Select2 popup search use the same approved field colors. */
.team .team__quicksearch,
.team .team__select,
.team .select2-container .select2-search--dropdown .select2-search__field {
  color: #212529;
  border-color: #767676;
}

.team .team__quicksearch::placeholder,
.team .select2-container .select2-search__field::placeholder,
.team .team__dropdown .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #595959;
  opacity: 1;
}

.team .team__dropdown .select2-container--default .select2-selection--single,
.team .select2-dropdown {
  border-color: #767676;
}

.team .select2-dropdown,
.team .select2-container--default .select2-selection--single .select2-selection__rendered,
.team .select2-container--default .select2-results__option[aria-selected] {
  color: #212529;
}

.team .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-top-color: #595959;
}

.team .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-top-color: transparent;
  border-bottom-color: #595959;
}

/* 08: Both hover/keyboard highlight and selection use the approved beige. The
   actual selection is additionally marked by an aria-hidden DOM check, not by
   generated text that could become part of the option's accessible name. */
.team .select2-container--default .select2-results__option[aria-selected="true"],
.team .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #edd2b7;
  color: #212529;
}

.team [data-a11y-selection-mark] {
  float: right;
  margin-left: 12px;
  color: inherit;
}

/* The same approved dark-on-beige selection pattern applies to builder tabs.
   Preserve both their existing white inactive and beige active surfaces. */
.tabs .tabs__nav .nav-pills .nav-link {
  color: #212529;
}

/* 09/10: Use the same quiet 2px ring for keyboard focus and focused tab/menu
   buttons, rather than mixing the theme ring with a native blue pointer ring.
   Ordinary clicked links/containers still receive no new focus treatment. */
@media (forced-colors: none) {
  body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
  .tabs .tabs__nav button[role="tab"]:focus,
  .banner :is(.submenu-toggle, .navbar-toggler):focus {
    outline: 2px solid #212529 !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
  }
}

/* Adjacent tab/panel surfaces painted over the old outside ring. Keep the ring
   inside flush controls: no clipping, raised stacking layers or layout changes.
   Menu buttons use the same compact treatment without shrinking their targets. */
.tabs .tabs__nav button[role="tab"]:focus,
.banner :is(.submenu-toggle, .navbar-toggler):focus {
  outline-offset: -2px !important;
}

@media (forced-colors: active) {
  .tabs .tabs__nav button[role="tab"]:focus,
  .banner :is(.submenu-toggle, .navbar-toggler):focus {
    outline: 2px solid CanvasText !important;
  }
}

/* 11: Authored rich text, including lists and single articles. Do not underline
   navigation, card controls, galleries, or buttons merely because they are links. */
.main :is(.text__content, .columns__text, .tabs__text, .team__contact, .news__excerpt, .news__meta, .cover__text, .contact__text, .arztis__text, .quotes__text, .cta__text, .entry-content) a:not(.btn, .button, [role="button"]):not(nav a) {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}