Papier Peint Motifs Losanges et Étoiles – Design Français Chic

/* —— Accordéon compatible avec le thème Shopify —— */
.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:.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; }

/* Intro — hérite de la typo/couleurs du thème */
.tacc-desc p{ margin:0 0 .75rem 0; line-height:1.6; }
.tacc__content p, .tacc__content ul, .tacc__content ol{ margin:.25rem 0 0; }
.tacc__content ul, .tacc__content ol{ padding-inline-start:1.25rem; }
.tacc__content a{ color:var(–color-accent, currentColor); text-decoration:underline; }

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

// Accessible et léger — plusieurs sections peuvent rester ouvertes
document.addEventListener(‘DOMContentLoaded’, function () {
document.querySelectorAll(‘.tacc__group’).forEach(function (group) {
const btn = group.querySelector(‘.tacc__btn’);
const panel = group.querySelector(‘.tacc__content’);
btn.addEventListener(‘click’, function () {
const isOpen = btn.getAttribute(‘aria-expanded’) === ‘true’;
btn.setAttribute(‘aria-expanded’, String(!isOpen));
panel.hidden = isOpen;
panel.classList.toggle(‘is-open’, !isOpen);
});
});
});