/**
 * Lang kategoribeskrivelse med "Læs mere" (2.94.0).
 * Typografien kommer fra temaets `entry-content`; her sætter vi kun klamp og knap.
 */
.bcat-longdesc { --bcat-ld-max: 180px; margin: 2.5em auto 1em; }
.bcat-longdesc-inner > *:first-child { margin-top: 0; }
.bcat-longdesc-inner > *:last-child { margin-bottom: 0; }

/* Klampen ligger på VORES egen wrapper og ikke på elementet med temaets `entry-content`:
   Blocksy har selv `.entry-content:after` som clearfix, og to regler om samme
   pseudo-element betyder, at fade'en aldrig når frem. */
.bcat-longdesc-clip { position: relative; }
.bcat-longdesc.is-clamped .bcat-longdesc-clip {
    max-height: var(--bcat-ld-max);
    overflow: hidden;
}
/* Fade er RIGTIGT her, modsat underkategori-chipsene (2.74.0): et afsnit er en ÅBEN form,
   der reelt ebber ud, mens en chip er en lukket form med kant hele vejen rundt, hvor en
   fade læses som noget i stykker. Den er høj og går helt til bunden, så teksten opløses
   frem for at blive klippet midt i en linje. */
.bcat-longdesc.is-clamped .bcat-longdesc-clip::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 7em;
    background: linear-gradient(to bottom,
        rgba(255,255,255,0) 0%,
        var(--bcat-ld-bg, #fff) 92%);
    pointer-events: none;
}
.bcat-longdesc.is-open .bcat-longdesc-clip { max-height: none; }
.bcat-longdesc.is-open .bcat-longdesc-clip::after { content: none; }

/* Knappen: understregningen hører til ORDENE, ikke til chevronen. En `::after`-glyf
   arver text-decoration og får derfor en streg under sig — derfor er chevronen et
   selvstændigt SVG-barn uden understregning. */
.bcat-longdesc-more {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    margin-top: 0.5em;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.bcat-longdesc-more .bcat-ld-lbl {
    text-decoration: underline;
    text-underline-offset: 0.28em;
    text-decoration-thickness: 1px;
}
.bcat-longdesc-more:hover .bcat-ld-lbl { text-decoration-thickness: 2px; }
.bcat-ld-chev { flex: 0 0 auto; transition: transform 0.18s ease; }
.bcat-longdesc.is-open .bcat-ld-chev { transform: rotate(180deg); }