/* ── Woo AI Product Generator — styles front-end ─────────────────────── */

/* ── Description générale ─────────────────────────────────────────────── */
.wag-product-description { line-height: 1.75; }
.wag-intro  { font-size: 1.05em; margin-bottom: 1.2em; }
.wag-bullets { padding-left: 1.4em; margin: 1em 0 1.4em; }
.wag-bullets li { margin-bottom: .55em; line-height: 1.6; }
.wag-history, .wag-parent-block {
    margin: 2em 0; padding: 1.4em 1.6em;
    background: #f9fafb; border-radius: 8px;
    border: 1px solid #e5e7eb;
}
.wag-history h3, .wag-parent-block h3 { margin-top: 0; }

/* ── Blocs illustrés (Histoire + Collection principale) ───────────────── */
.wag-block-illustrated {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 2em 0;
    padding: 1.4em 1.6em;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}
.wag-block-illustrated .wag-block-text { flex: 1; min-width: 0; }
.wag-block-illustrated .wag-block-text h3 { margin-top: 0; }
.wag-block-illustrated .wag-block-img {
    flex: 0 0 38%;
    max-width: 38%;
}
.wag-block-illustrated .wag-block-img img {
    width: 100%; height: auto;
    border-radius: 6px;
    object-fit: cover;
    display: block;
}
/* Image à droite : texte en premier dans le DOM → déjà le bon ordre pour wag-img-right */
/* Image à gauche : image en premier dans le DOM → déjà le bon ordre pour wag-img-left */

@media (max-width: 680px) {
    .wag-block-illustrated { flex-direction: column; }
    .wag-block-illustrated .wag-block-img { flex: none; max-width: 100%; }
    .wag-img-left .wag-block-img { order: -1; }
}

/* ── Tableau de tailles ────────────────────────────────────────────────── */
.wag-size-tables { margin: 1.4em 0; overflow-x: auto; }
.wag-size-tables table {
    width: 100%; border-collapse: collapse;
    font-size: .93em; line-height: 1.5;
}
.wag-size-tables th, .wag-size-tables td {
    padding: 8px 12px; border: 1px solid #e5e7eb; text-align: center;
}
.wag-size-tables thead th {
    background: #f3f4f6; font-weight: 700;
}
.wag-size-tables tbody tr:nth-child(even) { background: #f9fafb; }

/* ══ Style : Accordéon Pro ════════════════════════════════════════════════ */
.wag-faq-accordion { margin: 2em 0; }

.wag-faq-accordion .wag-faq-item {
    margin-bottom: 8px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.10);
}

.wag-faq-accordion .wag-faq-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 1.4;
    transition: filter .15s;
}
.wag-faq-accordion .wag-faq-btn:hover { filter: brightness(.92); }

.wag-faq-accordion .wag-faq-q-text { flex: 1; }

.wag-faq-accordion .wag-faq-sign {
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    min-width: 22px;
    text-align: center;
    transition: transform .2s;
}

.wag-faq-accordion .wag-faq-body {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-top: none;
    padding: 16px 22px;
    overflow: hidden;
}
.wag-faq-accordion .wag-faq-answer { margin: 0; line-height: 1.75; }

/* ══ Style : Cartes bordées ═══════════════════════════════════════════════ */
.wag-faq-bordered { margin: 2em 0; }

.wag-faq-bordered .wag-faq-item {
    margin-bottom: 10px;
    border-radius: 0 6px 6px 0;
    overflow: hidden;
    background: #f9fafb;
}

.wag-faq-bordered .wag-faq-header {
    padding: 11px 16px;
    font-weight: 700;
    font-size: .97em;
    line-height: 1.4;
}

.wag-faq-bordered .wag-faq-body {
    padding: 12px 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-left: none;
}
.wag-faq-bordered .wag-faq-answer { margin: 0; line-height: 1.75; }

/* ══ Style : Cartes flottantes ════════════════════════════════════════════ */
.wag-faq-cards { margin: 2em 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.wag-faq-cards .wag-faq-item { border-radius: 8px; overflow: hidden; box-shadow: 0 3px 10px rgba(0,0,0,.10); }
.wag-faq-cards .wag-faq-header { padding: 12px 16px; font-weight: 700; font-size: .95em; line-height: 1.4; }
.wag-faq-cards .wag-faq-body { padding: 12px 16px; background: #fff; }
.wag-faq-cards .wag-faq-answer { margin: 0; line-height: 1.7; }

/* ══ Style : Deux colonnes ════════════════════════════════════════════════ */
.wag-faq-two-col { margin: 2em 0; }
.wag-faq-two-col .wag-faq-item { display: grid; grid-template-columns: 1fr 1.6fr; margin-bottom: 6px; border-radius: 6px; overflow: hidden; border: 1px solid #e5e7eb; }
.wag-faq-two-col .wag-faq-q { padding: 12px 16px; font-weight: 700; font-size: .93em; display: flex; align-items: center; line-height: 1.4; }
.wag-faq-two-col .wag-faq-a { padding: 12px 16px; background: #fff; }
.wag-faq-two-col .wag-faq-a p { margin: 0; line-height: 1.7; }
@media (max-width: 600px) { .wag-faq-two-col .wag-faq-item { grid-template-columns: 1fr; } }

/* ══ Styles des blocs Histoire & Collection ═══════════════════════════════ */
.wag-block-default  { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1.4em 1.6em; margin: 2em 0; }
.wag-block-border-left { background: #fff; border-left: 5px solid currentColor; padding: 1.2em 1.6em; margin: 2em 0; }
.wag-block-gradient { background: linear-gradient(135deg, #f5f0ff 0%, #fff 60%); border: 1px solid #e0d4f5; border-radius: 8px; padding: 1.4em 1.6em; margin: 2em 0; }
.wag-block-dark     { background: #1e1e2e; color: #e8e8f0; border-radius: 8px; padding: 1.4em 1.6em; margin: 2em 0; }
.wag-block-dark h3  { color: #fff; }

/* ══ Style : Minimaliste ══════════════════════════════════════════════════ */
.wag-faq-minimal { margin: 2em 0; }

.wag-faq-minimal .wag-faq-item {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.wag-faq-minimal .wag-faq-item:last-child { border-bottom: none; }

.wag-faq-minimal .wag-faq-header {
    font-weight: 700;
    padding: 6px 0;
    font-size: 1em;
    line-height: 1.4;
}

.wag-faq-minimal .wag-faq-body { padding: 6px 0 0 14px; }
.wag-faq-minimal .wag-faq-answer { margin: 0; line-height: 1.75; }