/* conversion.css — design orienté action (bouton accent, barre mobile, sommaire compact, icônes) */
:root{--accent:#E8913A;--accent-light:#F4B565;--accent-ink:#2A1A05}
/* 1. Bouton principal : couleur d'accent qui ressort du vert */
.cta-main-btn,.page-hero .cta-main-btn,.cta-main-btn.cta-modern{background:linear-gradient(135deg,var(--accent-light),var(--accent)) !important;color:var(--accent-ink) !important;box-shadow:0 12px 26px -10px rgba(200,110,20,0.6),0 2px 0 rgba(255,255,255,0.35) inset !important}
.cta-main-btn:hover{box-shadow:0 16px 30px -10px rgba(200,110,20,0.7) !important}
.cta-main-btn .cta-arrow{color:var(--accent-ink) !important}
/* Icônes au trait */
.ico{width:1.1em;height:1.1em;flex-shrink:0;vertical-align:-0.18em;display:inline-block}
.cta-contact-btn .ico{width:17px;height:17px}
.cta-contact-btn.wa{color:#128C4A;border-color:#25D366}
.urgency-icon .ico{width:22px;height:22px;color:#fff}
.type-card h3 .ico{color:var(--gold-text);margin-right:6px;width:18px;height:18px}
/* 2. Preuve sociale juste sous le bouton */
.hero-proof{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:4px 0 22px;max-width:560px}
.hero-proof .hp-stars{color:#E8A317;letter-spacing:1px;font-size:0.85rem;line-height:1}
.hero-proof q{display:block;font-size:0.9rem;line-height:1.45;color:var(--ink);margin:6px 0 4px;quotes:"« " " »"}
.hero-proof .hp-name{font-size:0.78rem;color:rgba(26,38,32,0.6)}
.hero-proof .hp-g{width:28px;height:28px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:var(--navy);font-size:0.85rem}
/* 3. Sommaire compact : une ligne qui défile, sans grille de boutons */
.page-toc{display:flex !important;gap:8px;overflow-x:auto;padding:4px 0 10px !important;background:none !important;border-radius:0 !important;margin-bottom:20px !important;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}
.page-toc::-webkit-scrollbar{display:none}
.page-toc::before{content:"Sur cette page";flex-shrink:0;align-self:center;font-family:'IBM Plex Mono',monospace;font-size:0.68rem;text-transform:uppercase;letter-spacing:0.05em;color:rgba(26,38,32,0.55);margin-right:2px}
.page-toc a,.page-toc a.toc-primary{flex-shrink:0;grid-column:auto !important;background:transparent !important;border:1px solid var(--line) !important;color:var(--navy) !important;font-size:0.78rem !important;font-weight:600;padding:7px 13px !important;border-radius:999px !important;box-shadow:none !important}
/* 4. Cartes services : carrousel horizontal sur mobile */
@media(max-width:700px){
 .types-scroll{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;margin-left:-20px;margin-right:-20px;padding:2px 20px 14px;scrollbar-width:none}
 .types-scroll::-webkit-scrollbar{display:none}
 .types-scroll>.type-card{flex:0 0 78%;scroll-snap-align:start}
 .swipe-hint{display:block;font-size:0.78rem;color:rgba(26,38,32,0.55);margin:-6px 0 10px}
}
@media(min-width:701px){.swipe-hint{display:none}}
/* 5. Barre d'action fixe (mobile) */
.rm-bar{display:none}
@media(max-width:820px){
 .rm-bar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:998;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -12px rgba(19,47,39,0.25);transform:translateY(110%);transition:transform 0.3s ease}
 .rm-bar.show{transform:translateY(0)}
 .rm-bar a{display:flex;align-items:center;justify-content:center;border-radius:14px;text-decoration:none;font-weight:700;min-height:50px}
 .ab-main{flex:1;gap:8px;background:linear-gradient(135deg,var(--accent-light),var(--accent));color:var(--accent-ink);font-size:0.98rem}
 .ab-icon{width:54px;flex-shrink:0;color:#fff}
 .ab-icon .ico{width:24px;height:24px}
 .ab-wa{background:#25D366}.ab-tel{background:var(--navy)}
 body{padding-bottom:76px}
 .side-fab .fab-whatsapp,.side-fab .fab-phone{display:none !important}
 .side-fab{bottom:88px !important}
 .ai-hint{bottom:88px !important}
}
html[lang="de"] .page-toc::before{content:"Auf dieser Seite"}
.page-toc a,.page-toc a.toc-primary{display:inline-flex !important;align-items:center !important;min-height:0 !important;height:auto !important;line-height:1.2 !important;width:auto !important;margin:0 !important}