/* AlpenPuls Portal V3.0.4
   Encoding-safe chevrons for collapsible admin sections.
   No Unicode glyphs are used, so there can be no mojibake like "⌄". */

.layout-settings > summary,
.animation-settings > summary,
.ticker-settings > summary {
  list-style: none;
}

.layout-settings > summary::-webkit-details-marker,
.animation-settings > summary::-webkit-details-marker,
.ticker-settings > summary::-webkit-details-marker {
  display: none;
}

.layout-settings > summary::marker,
.animation-settings > summary::marker,
.ticker-settings > summary::marker {
  content: "";
}

.layout-settings > summary::after,
.animation-settings > summary::after,
.ticker-settings > summary::after {
  content: "" !important;
  display: block;
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  margin: 0 6px 4px 14px;
  border-right: 2px solid #8fb3c9;
  border-bottom: 2px solid #8fb3c9;
  transform: rotate(45deg) !important;
  transform-origin: 50% 50%;
  transition: transform .18s ease, border-color .18s ease, opacity .18s ease;
  opacity: .9;
  font-size: 0 !important;
  line-height: 0 !important;
}

.layout-settings > summary:hover::after,
.animation-settings > summary:hover::after,
.ticker-settings > summary:hover::after {
  border-color: #d8efff;
  opacity: 1;
}

.layout-settings[open] > summary::after,
.animation-settings[open] > summary::after,
.ticker-settings[open] > summary::after {
  transform: rotate(-135deg) !important;
  margin-bottom: -2px;
}