Tearo : Pouf & Repose-Pieds pour Enfants

Description

/* ——— Acordeão adaptado ao thème Shopify ——— */
.t-accordion {
margin-block: 0.75rem;
border: 1px solid var(–color-border, currentColor);
border-radius: var(–radius-base, 0.5rem);
overflow: hidden;
background: var(–color-bg, transparent);
}

.t-accordion__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
width: 100%;
padding: 0.75rem 1rem;
background: inherit;
color: inherit;
font: inherit;
line-height: inherit;
cursor: pointer;
border: 0;
appearance: none;
text-align: left;
}

.t-accordion__icon {
transition: transform 0.25s ease;
font: inherit;
}

.t-accordion__content {
max-height: 0;
overflow: hidden;
padding: 0 1rem;
transition: max-height 0.3s ease-out, padding 0.3s ease-out;
background: inherit;
color: inherit;
font: inherit;
}

.t-accordion__content.is-open {
max-height: 1000px;
padding: 0.75rem 1rem 1rem;
}

/* Espaçamento da descrição */
.t-desc {
margin-block-end: 1.25rem;
}

@media (prefers-reduced-motion: reduce) {
.t-accordion__content,
.t-accordion__icon {
transition: none;
}
}