Papier Peint – Jardin Rose

/* —— Accordéon minimal, compatible Shopify/Turbo —— */
.tacc{ border-top:1px solid var(–color-border, currentColor); background:var(–color-bg, transparent); margin-top:1.25rem; }
.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:.85; }
.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:1200px; padding:.75rem 1rem 1rem; }

.tacc-desc p{ margin:0 0 .75rem 0; line-height:1.6; }
.tacc__content ul{ padding-inline-start:1.25rem; list-style-position:inside; margin:.25rem 0 0; }

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

// Accordéon accessible (sections indépendantes)
document.addEventListener(‘DOMContentLoaded’, function () {
document.querySelectorAll(‘.tacc__group’).forEach(group=>{
const btn = group.querySelector(‘.tacc__btn’);
const panel = group.querySelector(‘.tacc__content’);
btn.addEventListener(‘click’, ()=>{
const isOpen = btn.getAttribute(‘aria-expanded’) === ‘true’;
btn.setAttribute(‘aria-expanded’, String(!isOpen));
panel.hidden = isOpen;
panel.classList.toggle(‘is-open’, !isOpen);
});
});
});