Description

/* STYLE GUEULETON – PREMIUM & ÉPURÉ */
.gueuleton-product-container {
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
}

h1.gueuleton-title {
font-size: 26px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
color: #000;
}

.gueuleton-intro {
font-size: 16px;
margin-bottom: 25px;
}

.gueuleton-bullets {
margin-bottom: 30px;
padding-left: 20px;
}

.gueuleton-bullets li {
margin-bottom: 8px;
}

/* ACCORDÉONS (LES BOUTONS +) */
details.gueuleton-accordion {
border-top: 1px solid #e0e0e0;
margin-bottom: 0;
padding: 15px 0;
}

details.gueuleton-accordion:last-of-type {
border-bottom: 1px solid #e0e0e0;
}

summary.gueuleton-summary {
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
list-style: none; /* Cache la flèche par défaut */
display: flex;
justify-content: space-between;
align-items: center;
color: #000;
}

/* Création du petit « + » animé */
summary.gueuleton-summary::after {
content: ‘+’;
font-size: 18px;
font-weight: bold;
transition: transform 0.2s ease;
}

details[open] summary.gueuleton-summary::after {
transform: rotate(45deg); /* Le + devient une croix quand ouvert */
}

.gueuleton-content {
padding-top: 15px;
font-size: 14px;
color: #555;
}

/* Style spécifique pour la liste technique avec séparation */
.gueuleton-tech-block {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dashed #eee;
}
.gueuleton-tech-block:last-child {
border-bottom: none;
}
.gueuleton-tech-title {
font-weight: bold;
color: #000;
display: block;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
}