/* Specs Accordion — expand/collapse animation */

.c-specs-accordion__item {
    overflow: hidden;
    transition: max-height 0.4s ease;
}

/* When closed (default state) */
.c-specs-accordion__item:not([open]) {
    max-height: 80px; /* Height for just the header with padding */
}

/* When open */
.c-specs-accordion__item[open] {
    max-height: 1000px; /* Large enough for any content */
}

/* ── Ikonen: plus/minus (ikonspråket, 2026-09-18) ──────────────
   Code-elementet i produktmallen (6061, #zqjvgi) ritar en chevron av två
   kantlinjer. Dragspel har plus/minus; chevron är för dropdown. Överstyrs här
   i temat i stället för i elementets CSS, så det signerade Code-elementet
   lämnas orört. Två klasser, så regeln vinner över elementets enklassregler.
   Samma 20 px och masker som FAQ:ns dragspel och "Expand all". */
.c-specs-accordion .c-specs-accordion__icon {
    flex: none;
    width: 2rem;
    height: 2rem;
    border: 0;
    transform: none;
    background-color: var(--text-dark, #000);
    -webkit-mask: url("/wp-content/themes/bricks-child/icons/brokk-plus.svg") center / contain no-repeat;
            mask: url("/wp-content/themes/bricks-child/icons/brokk-plus.svg") center / contain no-repeat;
}

.c-specs-accordion .c-specs-accordion__item[open] .c-specs-accordion__icon {
    transform: none;
    -webkit-mask-image: url("/wp-content/themes/bricks-child/icons/brokk-minus.svg");
            mask-image: url("/wp-content/themes/bricks-child/icons/brokk-minus.svg");
}

/* Fotnotsmarkören (*, **, ***) i etiketten är en länk till fotnoten (plan 067).
   Ser ut som förut; understrykning bara vid hover och fokus. */
.c-specs-table__fn {
    color: inherit;
    font: inherit;
    text-decoration: none;
}

.c-specs-table__fn:hover,
.c-specs-table__fn:focus-visible {
    text-decoration: underline;
}