/* 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}

/* ===== CTA v2 (oct. 2026) — bloc d'action unifié, lisible et premium ===== */
.cta-cluster{display:grid !important;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:480px;align-items:stretch;margin:6px 0 16px}
.cta-band .cta-cluster{margin:20px auto 8px}
.cta-primary-row,.cta-contact-row{display:contents !important}
.cta-cluster .cta-main-btn{grid-column:1/-1;width:100% !important;max-width:none !important;min-height:58px;border-radius:14px !important;justify-content:center !important;padding:16px 20px !important}
.cta-cluster .cta-main-btn .cta-txt{font-size:1.04rem;letter-spacing:.01em}
.cta-cluster .cta-modern::after{display:none}
.cta-cluster .cta-contact-btn{min-height:52px;border-radius:14px !important;font-size:.95rem !important;font-weight:600;padding:12px 10px !important;max-width:none;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 6px 14px -10px rgba(19,47,39,.35);transition:transform .15s,box-shadow .15s}
.cta-cluster .cta-contact-btn:hover{transform:translateY(-1px)}
.cta-cluster .cta-contact-btn.wa{background:#EAF8EF !important;border:1.5px solid #25D366 !important;color:#0E7A3B !important}
.cta-cluster .cta-contact-btn.tel{background:#fff !important;border:1.5px solid rgba(37,115,83,.32) !important;color:var(--navy-deep) !important}
.cta-cluster .cta-contact-btn.wa.on-dark{background:#25D366 !important;border-color:#25D366 !important;color:#fff !important}
.cta-cluster .cta-contact-btn.tel.on-dark{background:transparent !important;border-color:rgba(255,255,255,.55) !important;color:#fff !important}
.cta-cluster .cta-instant-badge{grid-column:1/-1;display:block !important;text-align:center;line-height:1.45;width:auto !important;max-width:none !important;margin:0 !important;background:none !important;border:0 !important;box-shadow:none !important;padding:4px !important;min-height:0 !important;font-size:.92rem !important;font-weight:500 !important;color:var(--navy) !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-color:rgba(37,115,83,.35) !important}
.cta-cluster .cta-instant-badge strong{font-weight:700}
.cta-cluster .cta-instant-badge.on-dark{color:#fff !important;text-decoration-color:rgba(255,255,255,.5) !important}
.cta-cluster .cta-instant-cta{grid-column:1/-1;width:100% !important;max-width:none !important;border-radius:14px !important}
@media(max-width:360px){.cta-cluster .cta-contact-btn{font-size:.86rem !important}.cta-cluster .cta-main-btn .cta-txt{font-size:.98rem}}

/* ===== Formulaires devis v2 — boutons et champs premium ===== */
.alt-contact{display:grid !important;grid-template-columns:1fr 1fr;gap:10px !important;max-width:520px}
.alt-contact .alt-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0 !important;min-height:52px;border-radius:14px !important;font-size:.95rem !important;background:#fff;border:1.5px solid rgba(37,115,83,.32) !important;color:var(--navy-deep) !important;box-shadow:0 6px 14px -10px rgba(19,47,39,.35);transition:transform .15s}
.alt-contact .alt-btn[href^="https://wa.me"]{background:#EAF8EF;border-color:#25D366 !important;color:#0E7A3B !important}
.alt-contact .alt-btn:hover{transform:translateY(-1px)}
#devisForm input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#devisForm select,#devisForm textarea{border-radius:12px !important;min-height:50px;border:1.5px solid rgba(31,75,63,.16) !important;background:#fff !important;transition:border-color .15s,box-shadow .15s}
#devisForm textarea{min-height:120px}
#devisForm input:focus,#devisForm select:focus,#devisForm textarea:focus{outline:none;border-color:var(--navy) !important;box-shadow:0 0 0 4px rgba(37,115,83,.14)}
#devisForm .submit-btn,#btn-valider-prix{display:flex !important;align-items:center;justify-content:center;gap:10px;width:100% !important;max-width:none !important;min-height:60px;border:0;border-radius:14px !important;background:linear-gradient(135deg,var(--accent-light),var(--accent)) !important;color:var(--accent-ink) !important;font-size:1.06rem !important;font-weight:700 !important;letter-spacing:.01em;box-shadow:0 14px 28px -12px rgba(200,110,20,.65),0 2px 0 rgba(255,255,255,.35) inset !important;animation:none !important;transition:transform .15s,box-shadow .15s}
#devisForm .submit-btn:hover,#btn-valider-prix:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px rgba(200,110,20,.7) !important}
#devisForm .submit-btn:disabled{opacity:.6;transform:none;cursor:wait}
#btn-reserver{border-radius:14px !important;min-height:60px}
#devisForm .form-note{font-size:.8rem;line-height:1.55;color:rgba(26,38,32,.6);max-width:440px;margin:14px auto 0}

.alt-contact .alt-btn{white-space:nowrap;padding:12px 10px !important}
.alt-contact .alt-btn .ico{width:18px;height:18px}
#devisForm .submit-btn{white-space:nowrap}
@media(max-width:360px){.alt-contact .alt-btn{font-size:.86rem !important}#devisForm .submit-btn{font-size:.98rem !important}}
#devisForm input[type=file]{padding:9px 10px !important;cursor:pointer}
#devisForm input[type=file]::file-selector-button{border:0;background:var(--sage);color:var(--navy-deep);font-weight:600;font-family:inherit;padding:9px 14px;border-radius:10px;margin-right:12px;cursor:pointer}