@import url("/css/account-auth-provider-branding.css?v=4");

/* Community Training filters need to escape both their local Trainings surface
   and the shared top-level Community section. */

#otlCommunity.otl-standard-section[open] {
  /* Override the shared accordion shell's important clipping rule. */
  overflow: visible !important;
}

#otlCommunity.otl-standard-section[open] > summary {
  /* The shell cannot clip the header background while filters escape it. */
  border-radius: calc(var(--otl-top-section-radius) - 1px) calc(var(--otl-top-section-radius) - 1px) 0 0 !important;
}

#otlCommunity[open]:has(.otl-community-filter-popover:not([hidden])) {
  position: relative;
  z-index: 20;
}

.otl-community-trainings {
  overflow: visible;
}

.otl-community-training-controls,
.otl-community-filter-shell {
  position: relative;
  z-index: 20;
}

.otl-community-filter-popover {
  z-index: 50;
}

@media (max-width: 760px) {
  #otlCommunity[open]:has(.otl-community-filter-popover:not([hidden])) {
    /* A backdrop filter also makes this card a fixed-position container. */
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  #otlCommunity[open] > .settings-content {
    /* Keep the fixed mobile panel anchored to the viewport. */
    animation: none !important;
    transform: none !important;
  }
}