/* v20C40 — canonical navigation disclosure indicator.
   A line chevron is used instead of font glyphs/solid triangles so every shell
   has the same visual weight, alignment, motion and forced-colors behavior. */
:root{
  --t24-nav-chevron-size:.5rem;
  --t24-nav-chevron-stroke:1.8px;
  --t24-nav-chevron-gap:.42rem;
  --t24-nav-chevron-motion:160ms cubic-bezier(.2,.8,.2,1);
}

.t24-nav-disclosure-summary,
.t24-nav-disclosure-trigger{
  align-items:center;
}

.t24-nav-disclosure-summary{
  list-style:none;
}
.t24-nav-disclosure-summary::-webkit-details-marker{
  display:none;
}
.t24-nav-disclosure-summary::marker{
  content:"";
}

.t24-nav-disclosure-chevron{
  box-sizing:border-box;
  display:inline-block;
  vertical-align:middle;
  width:var(--t24-nav-chevron-size);
  height:var(--t24-nav-chevron-size);
  margin-inline-start:var(--t24-nav-chevron-gap);
  flex:0 0 auto;
  border-inline-end:var(--t24-nav-chevron-stroke) solid currentColor;
  border-block-end:var(--t24-nav-chevron-stroke) solid currentColor;
  border-radius:.5px;
  opacity:.88;
  transform:translateY(-.08rem) rotate(45deg);
  transform-origin:50% 50%;
  transition:transform var(--t24-nav-chevron-motion), opacity var(--t24-nav-chevron-motion);
}

:is(.t24-nav-disclosure-summary,.t24-nav-disclosure-trigger):hover .t24-nav-disclosure-chevron,
:is(.t24-nav-disclosure-summary,.t24-nav-disclosure-trigger):focus-visible .t24-nav-disclosure-chevron,
.t24-nav-disclosure-trigger[aria-expanded="true"] .t24-nav-disclosure-chevron,
details[open] > .t24-nav-disclosure-summary .t24-nav-disclosure-chevron{
  opacity:1;
}

.t24-nav-disclosure-trigger[aria-expanded="true"] .t24-nav-disclosure-chevron,
details[open] > .t24-nav-disclosure-summary .t24-nav-disclosure-chevron{
  transform:translateY(.08rem) rotate(225deg);
}

/* Bootstrap's default dropdown triangle is intentionally replaced by the
   canonical line chevron on navigation/profile/language triggers only. */
.t24-amz-all.dropdown-toggle::after,
.t24-language-trigger.dropdown-toggle::after,
.staff-profile-toggle.dropdown-toggle::after,
.auth-workspace-profile.dropdown-toggle::after{
  display:none!important;
}

/* Retire the old gamified font-glyph caret when the canonical icon is present. */
.gamified-courses > .t24-nav-disclosure-summary::after{
  content:none!important;
}

.staff-nav-caret.t24-nav-disclosure-chevron{
  margin-inline-start:auto;
}

@media (prefers-reduced-motion: reduce){
  .t24-nav-disclosure-chevron{transition:none;}
}

@media (forced-colors: active){
  .t24-nav-disclosure-chevron{
    opacity:1;
    border-color:ButtonText;
  }
}