Tour de Lit en Velours Corduroy

/* —— Acordeão compatível com o tema Shopify —— */
.tacc { border-top: 1px solid var(–color-border, currentColor); background: var(–color-bg, transparent); }
.tacc__group { border-bottom: 1px solid var(–color-border, currentColor); }

.tacc__btn{
width:100%; display:flex; align-items:center; justify-content:space-between; gap:.75rem;
padding:1rem; background:inherit; color:inherit; font:inherit; line-height:inherit;
border:0; text-align:left; cursor:pointer; appearance:none;
}
.tacc__btn::after{ content: »➕ »; font:inherit; opacity:.9; }
.tacc__btn[aria-expanded= »true »]::after{ content: »➖ »; }

.tacc__content{
max-height:0; overflow:hidden; padding:0 1rem;
transition:max-height .3s ease-out, padding .3s ease-out;
background:inherit; color:inherit; font:inherit;
}
.tacc__content.is-open{ max-height:1000px; padding:.75rem 1rem 1rem; }

/* Texto introdutório: apenas espaçamento; herda tipografia/cores do tema */
.tacc-desc{ margin:1.25rem 0; }
.tacc__content p, .tacc__content ul { margin:.5rem 0 0; }
.tacc__content ul { padding-inline-start:1.25rem; }
.tacc__content li { margin:.35rem 0; }

@media (prefers-reduced-motion: reduce){ .tacc__content{ transition:none; } }

// Mantém o comportamento de « várias secções podem estar abertas »
document.addEventListener(‘DOMContentLoaded’, function () {
const groups = document.querySelectorAll(‘.tacc__group’);
groups.forEach(g=>{
const b=g.querySelector(‘.tacc__btn’);
const c=g.querySelector(‘.tacc__content’);
b.addEventListener(‘click’, ()=>{
const isOpen = b.getAttribute(‘aria-expanded’)===’true’;
b.setAttribute(‘aria-expanded’, String(!isOpen));
c.hidden = isOpen;
c.classList.toggle(‘is-open’, !isOpen);
});
});
});