/* /css/excerpt-according.css */

/* Grundlæggende styling på summary */
details.excerpt-according summary {
  cursor: pointer;
  position: relative;
  list-style: none;
  padding: 0;
  padding-bottom: 3rem;
  overflow: hidden;
  z-index: 2;
  /* Tydeligere hvid fade-indad */
  box-shadow: inset 0 -8rem 8rem 0 rgba(255, 255, 255, 1);
}

/* Skjul pile/markører i forskellige browsere */
details.excerpt-according summary::-webkit-details-marker { display: none; }
details.excerpt-according summary::marker          { content: none; }
details.excerpt-according summary::-moz-list-bullet { display: none; }

/* Tekst-indhold (snippet + remainder) i én paragraf */
details.excerpt-according summary .excerpt-according-text {
  margin: 0;
}

/* “…” efter snippet når lukket */
details.excerpt-according:not([open]) summary .excerpt-according-text::after {
  content: '…';
  padding-left: 0;
}

/* Fjern “…” når åben */
details.excerpt-according[open] summary .excerpt-according-text::after {
  content: '';
}

/* Skjul rest-teksten indtil open */
details.excerpt-according summary .more {
  display: none;
}
/* Vis rest-teksten inline når åben */
details.excerpt-according[open] summary .more {
  display: inline;
}

/* “Læs mere” / “Læs mindre”-toggle */
details.excerpt-according summary .toggle {
  position: absolute;
  bottom: 1rem;
  left: 0;
  z-index: 3;
  color: #17A2B8;
  font-weight: 600;
}

/* Ekstra fallback-gradient for helt glat fade */
details.excerpt-according summary::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6rem;  
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  pointer-events: none;
  z-index: 1;
}
/* Skjul fade-overlay når accordion er åben */
details.excerpt-according[open] summary::after {
  display: none;
}