Papier Peint Printemps Beige et Oiseaux

/* —— Acordeão compatível com o tema 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; }

/* Texto introdutório — herda tipografia/cores do tema */
.tacc-desc p{ margin:0 0 .75rem 0; line-height:1.6; }
.tacc__content p, .tacc__content ul{ margin:.25rem 0 0; }
.tacc__content ul{ padding-inline-start:1.25rem; list-style-position:inside; }
.tacc__content li{ margin:.35rem 0; }

/* Links dentro do acordeão herdam o acento do tema (fallback para currentColor) */
.tacc__content a{ color: var(–color-accent, currentColor); text-decoration: underline; }
@media (prefers-reduced-motion: reduce){ .tacc__content{ transition:none; } }

// Acessível e leve — múltiplas secções podem ficar abertas
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);
});
});
});