/* ---- Palette gris-vert & boutons turquoise ---- */
:root{
  --ac-bg: #e8f3ef;
  --ac-border: #cde4da;
  --ac-text: #0f2d26;
  --ac-muted: #59736d;
  --ac-chip: #d4e9e2;
  --ac-primary: #1abc9c;
  --ac-primary-dark: #16a085;
  --ac-white:#fff;
}

/* Conteneur */
.ac-container{
  max-width:980px;margin:20px auto;padding:20px;
  background:var(--ac-white);border-radius:16px;
  box-shadow:0 10px 40px rgba(0,0,0,.06);
  font-family:system-ui,-apple-system,Segoe UI,Roboto;color:var(--ac-text);
}

.ac-title{font-size:28px;margin:4px 0 16px;color:var(--ac-text)}

/* Slider — 500x300 */
.ac-slider{position:relative;max-width:500px;height:300px;overflow:hidden;border-radius:14px;background:#f6f7fb;margin-bottom:18px;border:1px solid #eef2ef}
.ac-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.ac-slide.active{opacity:1}

/* Lignes & labels */
.ac-row{display:flex;align-items:center;gap:10px;margin:12px 0;flex-wrap:wrap}
.ac-label{min-width:150px;font-weight:700;color:var(--ac-text)}

/* Boutons génériques */
.ac-btn{
  border:1px solid var(--ac-border);background:var(--ac-chip);
  border-radius:999px;padding:10px 16px;cursor:pointer;color:var(--ac-text)
}
.ac-btn.primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}
.ac-btn.primary:hover{background:var(--ac-primary-dark);border-color:var(--ac-primary-dark)}
.ac-btn.ghost{background:#fff}
.ac-btn.active{background:#0f2d26;color:#fff;border-color:#0f2d26}

/* Drapeaux / langues */
.ac-lang{display:flex;gap:8px;flex-wrap:wrap}
.ac-flag{font-size:18px;border:1px solid var(--ac-border);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--ac-text)}
.ac-flag.active{background:#0f2d26;color:#fff;border-color:#0f2d26}

/* Activités / âges / sous-styles */
.ac-menu,.ac-ages,.ac-substyles{display:flex;gap:10px;flex-wrap:wrap}
.ac-substyles .ac-chip{
  border:1px solid var(--ac-border);background:#fff;color:var(--ac-text);
  padding:8px 12px;border-radius:999px;cursor:pointer
}
.ac-substyles .ac-chip.active{background:var(--ac-primary);border-color:var(--ac-primary);color:#fff}

/* Chatbox façon “Renouer le dialogue” */
.ac-chat{background:var(--ac-bg);border:1px solid var(--ac-border);border-radius:14px;padding:16px}
.ac-tip{background:#f1faf6;border:1px dashed var(--ac-border);color:var(--ac-muted);border-radius:10px;padding:10px;margin-bottom:12px}

/* Zone résultat */
.ac-result{margin-top:18px;padding:16px;border:1px solid var(--ac-border);border-radius:14px;background:#fff}

/* Étape / question (une par une) */
.ac-field{margin:6px 0}
.ac-field .ac-q{font-weight:700;margin-bottom:6px}
.ac-field .ac-sub{opacity:.8;margin-bottom:6px}
.ac-field input{
  width:100%;padding:12px;border:1px solid var(--ac-border);
  border-radius:10px;background:#fff;color:var(--ac-text)
}

/* Suggestions (bonne lisibilité) */
.ac-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.ac-sug{
  padding:8px 12px;border-radius:18px;background:#eef7f4;
  border:1px solid var(--ac-border);cursor:pointer;color:var(--ac-text)
}
.ac-sug:hover{background:#e3f4ef}

/* Actions */
.ac-actions{display:flex;gap:10px;margin-top:12px}

/* Loader overlay sur la génération */
#ac-loading{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);
  z-index:9999;align-items:center;justify-content:center
}
#ac-loading .box{
  background:#fff;padding:16px 18px;border-radius:12px;border:1px solid #eee;
  box-shadow:0 10px 30px rgba(0,0,0,.2);color:#0f2d26
}
#ac-loading .dots::after{content:"…";animation:ac-dots 1.2s infinite steps(4,end)}
@keyframes ac-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}100%{content:"…"}}

/* ===== Impression : uniquement Titre + Histoire ===== */
@media print {
  #wpadminbar, header, nav, footer, .site-header, .site-footer, .widget, .menu, .navigation { display:none !important; }
  body * { visibility:hidden !important; }
  .ac-result, .ac-result * { visibility:visible !important; }
  .ac-result { position:absolute; left:0; top:0; width:100%; border:none; box-shadow:none; }
  #ac-output { font-size:14pt; line-height:1.4; }
}