/* Thème du site public aligné sur la web app — maquette validée par Loïc le 07/11/2026.
   Chargé en dernier par website/base.html ; n’affecte ni la gestion ni l’application.
   Les règles s’empilent dans l’ordre des retouches demandées sur la maquette. */
/* ===== Proposition : palette « bulles » de la web app appliquée au site ===== */
body{--green:#596643;--green-d:#465235;--ink:#2F332B;--red:#AD634A;--muted:#6C6F65;--paper:#F1F5EA;--sage:#DDE6CF;--line:#DEE4D4;
 --vtc1:#DDE6CF;--vtc2:#E4EBD8;--vtc3:#F1F5EA;--tcp:#F2DCD0;--tcpf:#E7C9BA;--tct:#87432F;--fond:#FDFCF8;
 --ombre:0 10px 24px -16px rgba(44,53,36,.35),0 1px 2px rgba(44,53,36,.06);background:var(--fond);color:var(--ink)}
/* Flèche terracotta en relief, comme les boutons Export de la web app */
.button span,.button.outline span,.button.light span{background:radial-gradient(circle at 32% 28%,#CF805F,#A04F36 72%);color:#fff;box-shadow:0 3px 8px -3px rgba(160,79,54,.7),inset 0 1px 0 rgba(255,255,255,.25)}
.button{box-shadow:var(--ombre)}
.button:hover{background:var(--green-d);border-color:var(--green-d);filter:none}
.button.outline{background:#fff;border-color:var(--line);color:var(--ink)}
.button.outline:hover,.button.light:hover{background:#FFFBF8}
/* Menu : élément actif en terracotta pastel */
.header nav a{border-radius:999px;padding:8px 14px}
.header nav a[aria-current]{background:var(--tcp);color:var(--tct);border-bottom:0}
.header nav a:hover{background:var(--vtc3)}
/* Étiquettes et bandes */
.pill{background:var(--vtc2);box-shadow:var(--ombre)}
.dot{background:#AD634A;box-shadow:0 0 0 3px #F2DCD0}
.paper-band{background:var(--vtc3);border-color:var(--line)}
.audience{border-color:var(--line)}
/* Captures et cartes en bulles */
.shot-button{border-radius:22px;border-color:var(--line);box-shadow:var(--ombre);background:#fff}
.offer-card,.price-card{border-radius:24px;border-color:var(--line);box-shadow:var(--ombre);background:#fff}
.price-card{border-top:1px solid var(--line)}
.mobile-strip{background:#fff;border-color:var(--line);border-radius:28px;box-shadow:var(--ombre)}
.detail-row p{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--ombre)}
.status-note,.info-strip{border-left:0;border-radius:18px;background:var(--vtc3);padding:14px 18px}
.faq-section details{border:1px solid var(--line);border-radius:18px;padding:16px 22px;margin-bottom:10px;background:#fff;box-shadow:var(--ombre)}
.faq-section details[open]{background:#FFFBF8;border-color:#EBCBBD}
/* Bandeau d’appel : vert olive au lieu du vert presque noir */
.cta-band{background:var(--green);border-radius:28px;box-shadow:var(--ombre)}
.cta-band:after{background:radial-gradient(circle at 32% 28%,#CF805F,#A04F36 72%)}
.cta-band em{color:#F2DCD0}
.button.light{background:#fff;border-color:#fff}
/* Pied de page */
.footer{border-top-color:var(--line)}
.anchor-nav a{border-radius:999px;background:#fff;border:1px solid var(--line);padding:7px 14px;box-shadow:var(--ombre)}
/* ===== Retouches du 07/11 (commentaire de Loïc) ===== */
/* Vert foncé et un seul modèle de bouton : rectangle aux angles arrondis */
.button,.button.outline,.button.light{border-radius:12px;min-height:48px;padding:6px 7px 6px 20px;gap:18px;font-weight:600}
.button{background:#465235;border-color:#465235;color:#fff}
.button:hover{background:#3A4429;border-color:#3A4429}
.button.outline,.button.light{background:#fff;border-color:var(--line);color:var(--ink)}
.cta-band{background:#2F332B}
.cta-band em{color:#E7C9BA}
/* Une seule flèche, dessinée et centrée dans la pastille terracotta */
.button span{font-size:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.button span:before{content:'';width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
/* Étiquettes : même format et couleur que les boutons pleins (commentaire du 07/11) */
.pill{background:#465235;color:#fff;border-radius:12px;min-height:40px;align-items:center;padding:9px 16px;box-shadow:var(--ombre)}
.pill .dot{background:radial-gradient(circle at 32% 28%,#CF805F,#A04F36 72%);box-shadow:none;width:9px;height:9px}
/* Vert foncé exact de la web app (bandeau, menu latéral, barres d’outils) : #30332C — commentaires du 07/11 */
body{--vf:#30332C;--vf-h:#3D4138}
.button,.button.outline,.button.light,.menu-toggle{background:var(--vf);border:1px solid var(--vf);color:#fff;border-radius:12px}
.button:hover,.button.outline:hover,.button.light:hover,.menu-toggle:hover{background:var(--vf-h);border-color:var(--vf-h)}
.menu-toggle{min-height:44px;padding:0 16px;align-items:center;gap:10px}
@media(max-width:800px){.menu-toggle{display:inline-flex}}
.cta-band .button{border-color:rgba(255,255,255,.4)}
.pill{background:var(--vf)}
/* Barres de navigation de page : bandeau vert foncé comme les barres d’outils de la web app (commentaire du 07/11) */
.anchor-nav,.demo-tabs{display:inline-flex;flex-wrap:wrap;gap:8px;background:var(--vf);border-radius:14px;padding:10px;box-shadow:var(--ombre)}
.anchor-nav a,.demo-tabs button{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:10px;padding:9px 16px;box-shadow:none;font-size:13px}
.anchor-nav a:hover,.demo-tabs button:hover{background:rgba(255,255,255,.1);border-color:#fff}
.demo-tabs button[aria-pressed=true]{background:#F2DCD0;border-color:#F2DCD0;color:#2F332B}
/* Chaîne des documents (pages logiciel) : même bandeau vert foncé */
.solution-chain,.guide-copy .solution-chain{display:inline-flex;flex-wrap:wrap;gap:8px;background:var(--vf);border-radius:14px;padding:10px;margin:18px 0;list-style:none;box-shadow:var(--ombre)}
.solution-chain li,.guide-copy .solution-chain li{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:10px;padding:8px 14px;font-size:13px;margin:0}
.solution-chain li:before,.solution-chain li:after{display:none}
.solution-chain li.current,.guide-copy .solution-chain li.current{background:#F2DCD0;border-color:#F2DCD0;color:#2F332B;font-weight:600}
/* ===== Plus aucun vert clair ou moyen : codes de la web app (commentaire du 07/11) =====
   Fond #FDFCF8 · bandes, en-têtes de tableau et chapitres beige #F5F2ED · contours #E6E2DA
   Actions et bandeaux #30332C · sélection terracotta pastel #EEDDD2 · accents terracotta */
body{--green:#30332C;--paper:#F5F2ED;--sage:#F5F2ED;--line:#E6E2DA;--vtc1:#F5F2ED;--vtc2:#F5F2ED;--vtc3:#F6F2EC;--tcp:#EEDDD2;--muted:#6C6F65}
.guide-editorial{--g-line:#E6E2DA;--g-muted:#6C6F65}
.guide-table-scroll thead,thead{background:#F5F2ED;color:#6C6F65}
thead th,.guide-table-scroll thead th{color:#6C6F65;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600}
th{background:#F5F2ED}
.guide-avatar{background:#F5F2ED;color:#30332C}
.guide-toc-download,.guide-copy .guide-inline-links{color:#30332C}
.guide-cta{background:#30332C;border-radius:22px}
.guide-cta p{color:#E6E2DA}
.guide-featured .guide-preview-pair{background:#F5F2ED}
.pills span{background:#F5F2ED}
.ai-feature>div:last-child{background:linear-gradient(135deg,#F5F2ED,#FDFCF8);border-color:#E6E2DA}
.timeline article{border-color:#E6E2DA;border-top-color:#30332C}
.paper-band{background:#F6F2EC;border-color:#E6E2DA}
td,th{border-bottom-color:#E6E2DA}
.roadmap-available li{border-color:#30332C;color:#30332C}
.demo-tabs button[aria-pressed=true],.solution-chain li.current,.guide-copy .solution-chain li.current{background:#EEDDD2;border-color:#EEDDD2}
.header nav a[aria-current]{background:#EEDDD2}
.audience b{color:#AD634A}

/* Flèche des liens texte : même tracé que celle des boutons */
.ar{display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23AD634A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
/* Centrage de la flèche garanti aussi sur téléphone (certaines règles mobiles remettent span en position statique) */
.button>span[aria-hidden]{position:relative}
.button>span[aria-hidden]:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}