/* ─────────────────────────────────────────
   Artwork Read More Accordion — style.css
   Compatibile con Salient Theme
───────────────────────────────────────── */

.artwork-rma {
    position: relative;
}

.artwork-rma__visible {
    /* ereditato dal tema */
}

.artwork-rma__hidden {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                opacity    0.35s ease;
    will-change: max-height, opacity;
}

.artwork-rma--fast .artwork-rma__hidden {
    transition: max-height 0.22s cubic-bezier(0.4, 0, 0.2, 1),
                opacity    0.18s ease;
}

.artwork-rma--slow .artwork-rma__hidden {
    transition: max-height 0.75s cubic-bezier(0.4, 0, 0.2, 1),
                opacity    0.6s ease;
}

.artwork-rma__hidden.is-open {
    opacity: 1;
}

.artwork-rma__trigger {
    display:         inline-flex;
    align-items:     center;
    gap:             6px;
    margin-top:      24px;
    padding:         0;
    background:      transparent;
    border:          none;
    cursor:          pointer;
    color:           currentColor;
    font-family:     inherit;
    font-size:       1.000em;
    font-weight:     500;
    letter-spacing:  0.00em;
    text-transform:  none;
    line-height:     1;
    outline:         none;
    -webkit-appearance: none;
    appearance: none;
}

.artwork-rma__trigger:focus-visible {
    outline:        2px solid currentColor;
    outline-offset: 3px;
    border-radius:  2px;
}

.artwork-rma__trigger:hover {
    opacity: 0.65;
}

.artwork-rma__arrow {
    display:     block;
    flex-shrink: 0;
    transition:  transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.artwork-rma__trigger[aria-expanded="true"] .artwork-rma__arrow {
    transform: rotate(180deg);
}