/* ===================================================================== Mouvement et transparence, inspirés de renfort-ia.com Rien n'est masqué ni animé tant que n'a pas la classe `anim` (posée par evo-motion.js) : sans JavaScript ou avec la préférence « réduire les animations », la page s'affiche telle quelle. ===================================================================== */ :root { --evo-courbe: cubic-bezier(0.16, 1, 0.3, 1); --evo-intro-fin: 0ms; /* moment où l'accueil devient lisible derrière le voile */ } html.intro { --evo-intro-fin: 1500ms; } ::selection { background: #d6ecdf; color: #111; } /* ---------- En-tête translucide, compact au défilement ---------- */ html .evo-header { background: rgba(255, 255, 255, 0.82); -webkit-backdrop-filter: blur(14px) saturate(1.6); backdrop-filter: blur(14px) saturate(1.6); border-bottom-color: rgba(17, 17, 17, 0.07); transition: box-shadow 500ms ease, background-color 500ms ease; } html .evo-header.est-defile { background: rgba(255, 255, 255, 0.9); box-shadow: 0 10px 30px -18px rgba(31, 77, 51, 0.35); } /* La hauteur ne s'anime qu'après le premier défilement (classe posée par evo-motion.js), pour que l'intro mesure un en-tête déjà à sa taille. */ .evo-header.evo-trans .evo-header-inner { transition: height 500ms var(--evo-courbe); } .evo-header.evo-trans .evo-header-center svg { transition: height 500ms var(--evo-courbe); } @media (min-width: 1024px) { .evo-header.est-compact .evo-header-inner { height: 66px; } .evo-header.est-compact .evo-header-center svg { height: 46px !important; } } /* ---------- 1. Intro de l'accueil : le logo se construit puis s'envole ---------- */ .evo-intro { display: none; } html.intro .evo-intro { display: flex; position: fixed; inset: 0; z-index: 1000; align-items: center; justify-content: center; cursor: pointer; animation: evo-sortie 1ms linear 2300ms forwards; } /* Seul le fond s'efface : le logo reste net jusqu'à l'atterrissage. */ html.intro .evo-intro::before { content: ""; position: absolute; inset: 0; background: radial-gradient(55% 45% at 50% 50%, rgba(127, 196, 150, 0.30), transparent 70%), linear-gradient(160deg, #2f6f48 0%, #1f4d33 50%, #11281b 100%); animation: evo-sortie 750ms ease 1350ms forwards; } .evo-intro-logo { position: relative; width: min(150px, 34vw); aspect-ratio: 1; } .evo-intro-logo svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; } html.intro .evo-intro-logo { animation: evo-pose 600ms ease 1300ms forwards; } html.intro.intro-vol .evo-intro-logo { will-change: transform; animation: evo-envol 950ms cubic-bezier(0.65, 0, 0.35, 1) 1200ms forwards, evo-pose 160ms ease 2150ms forwards; } /* Le cercle se trace, puis les cinq traits arrivent en cascade. */ html.intro .evo-intro-cercle { stroke-dasharray: 760; stroke-dashoffset: 760; animation: evo-trace 900ms var(--evo-courbe) 60ms forwards; } html.intro .evo-intro-trait { opacity: 0; animation: evo-trait 650ms var(--evo-courbe) forwards; animation-delay: calc(300ms + var(--k) * 90ms); } .evo-intro-couleur { opacity: 0; } html.intro.intro-vol .evo-intro-couleur { animation: evo-fondu-entree 350ms ease 1550ms forwards; } html.intro.intro-vol .evo-intro-blanc { animation: evo-fondu-sortie 350ms ease 1550ms forwards; } html.intro-skip .evo-intro, html.intro-skip .evo-intro::before { animation: evo-sortie 300ms ease forwards; } html.intro.intro-skip .evo-intro-logo { animation: evo-pose 200ms ease forwards; } html.intro.intro-skip .evo-header-center svg { opacity: 1 !important; animation: none !important; } /* Le logo de l'en-tête attend l'atterrissage (seulement si le logo vole). */ html.intro.intro-vol .evo-header-center svg { opacity: 0; animation: evo-fondu-entree 350ms ease 2050ms forwards; } @keyframes evo-trace { to { stroke-dashoffset: 0; } } @keyframes evo-trait { from { opacity: 0; transform: translate(-10px, 16px); } to { opacity: 1; transform: none; } } @keyframes evo-envol { from { transform: none; } to { transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--s, 1)); } } @keyframes evo-pose { to { opacity: 0; } } @keyframes evo-sortie { to { opacity: 0; visibility: hidden; pointer-events: none; } } @keyframes evo-fondu-entree { to { opacity: 1; } } @keyframes evo-fondu-sortie { to { opacity: 0; } } /* ---------- 2. Héros : le titre monte ligne à ligne, le portrait flotte ---------- */ @keyframes evo-monte { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } } .anim .evo-hero-in { opacity: 0; animation: evo-monte 900ms var(--evo-courbe) forwards; animation-delay: calc(var(--evo-intro-fin) + var(--d, 0ms)); } .evo-hero-portrait { --mx: 0; --my: 0; } .evo-hero-halo { position: absolute; inset: -12% -6% -10% -12%; z-index: -2; border-radius: 50%; pointer-events: none; background: radial-gradient(closest-side, rgba(127, 196, 150, 0.45), rgba(127, 196, 150, 0.12) 60%, transparent); filter: blur(6px); } .anim .evo-hero-halo { animation: evo-respire 9s ease-in-out infinite alternate; } @keyframes evo-respire { from { transform: scale(0.94); opacity: .75; } to { transform: scale(1.05); opacity: 1; } } /* Pastilles en verre dépoli autour du portrait (reprises des maquettes Renfort). */ .evo-puce { position: absolute; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 7px 14px 7px 7px; border-radius: 14px; background: rgba(255, 255, 255, 0.72); -webkit-backdrop-filter: blur(12px) saturate(1.6); backdrop-filter: blur(12px) saturate(1.6); border: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05), 0 12px 32px rgba(31, 77, 51, 0.22); font-size: .86rem; font-weight: 700; color: #111; white-space: nowrap; translate: calc(var(--mx) * var(--depth, 1) * 10px) calc(var(--my) * var(--depth, 1) * 8px); transition: translate 900ms cubic-bezier(0.2, 0.7, 0.2, 1); } .evo-puce i { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 10px; background: #367B53; color: #fff; font-style: normal; } .evo-puce i svg { width: 15px; height: 15px; } .evo-puce-1 { left: -13%; top: 14%; } .evo-puce-2 { right: -9%; top: 46%; } .evo-puce-3 { left: -7%; bottom: 12%; } .anim .evo-puce { opacity: 0; animation: evo-puce-in 800ms var(--evo-courbe) forwards, evo-flotte 7s ease-in-out infinite; animation-delay: calc(var(--evo-intro-fin) + 700ms + var(--i) * 160ms), calc(var(--evo-intro-fin) + 1600ms + var(--i) * 900ms); } @keyframes evo-puce-in { from { opacity: 0; transform: translateY(14px) scale(.94); } to { opacity: 1; transform: none; } } @keyframes evo-flotte { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } .anim .evo-hero-portrait img { opacity: 0; animation: evo-portrait-in 1100ms var(--evo-courbe) forwards; animation-delay: calc(var(--evo-intro-fin) + 150ms); } @keyframes evo-portrait-in { from { opacity: 0; transform: translateY(22px) scale(.97); } to { opacity: 1; transform: none; } } /* ---------- 3. Apparitions au défilement ---------- */ .anim [data-reveal] { transition: opacity 800ms ease, transform 900ms var(--evo-courbe); transition-delay: var(--reveal-delay, 0ms); } .anim [data-reveal]:not(.is-in) { opacity: 0; transform: translateY(26px); } /* Titres de section : un filet vert se trace sous le titre. */ .evo-section-h2 { position: relative; } .anim .evo-section-h2::after { content: ""; position: absolute; left: 50%; bottom: -14px; height: 3px; width: 56px; margin-left: -28px; border-radius: 3px; background: linear-gradient(90deg, #2f6f48, #7fc496); transform: scaleX(0); transform-origin: left; transition: transform 1000ms var(--evo-courbe) 250ms; } .anim .is-in .evo-section-h2::after, .anim .evo-section-h2.is-in::after { transform: scaleX(1); } /* Cartes diagnostic : reflet qui balaie la carte au survol. */ .evo-tools-grid > div { position: relative; overflow: hidden; transition: transform 400ms var(--evo-courbe), box-shadow 400ms ease; } .evo-tools-grid > div::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.10) 50%, transparent 65%); transform: translateX(-100%); transition: transform 900ms var(--evo-courbe); } .evo-tools-grid > div:hover { transform: translateY(-3px); box-shadow: 0 22px 44px -20px rgba(17, 17, 17, 0.5); } .evo-tools-grid > div:hover::after { transform: translateX(100%); } @media (max-width: 1200px) { .evo-puce-1 { left: -8%; } .evo-puce-2 { right: -3%; } } @media (max-width: 900px) { .evo-puce { display: none; } } @media (prefers-reduced-motion: reduce) { .evo-intro { display: none !important; } .evo-puce, .evo-hero-halo { animation: none !important; transition: none !important; } } /* ---------- 4. Hauts de page intérieurs (bandeau translucide + filigrane du logo) ---------- */ .evo-page-hero { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(60% 80% at 85% 20%, rgba(127, 196, 150, 0.22), transparent 70%), linear-gradient(180deg, #f3f9f5 0%, #ffffff 100%); border-bottom: 1px solid rgba(54, 123, 83, 0.08); } .evo-page-hero-inner { max-width: 1100px; margin: 0 auto; padding: 64px 20px 56px; } .evo-fil { display: flex; gap: 8px; align-items: center; font-size: .82rem; color: #666; margin-bottom: 18px; } .evo-fil a { color: #367B53; text-decoration: none; font-weight: 600; } .evo-fil a:hover { text-decoration: underline; text-underline-offset: 3px; } .evo-page-hero h1 { font-size: clamp(2rem, 4vw, 2.9rem); line-height: 1.12; letter-spacing: -.02em; font-weight: 800; color: #111; margin: 0; max-width: 18em; text-wrap: balance; } .evo-page-hero h1 span { color: #367B53; } .evo-page-hero p { font-size: 1.1rem; line-height: 1.6; color: #444; margin: 18px 0 0; max-width: 40em; } .evo-filigrane { position: absolute; right: -40px; top: 50%; width: 360px; height: 360px; margin-top: -180px; z-index: -1; opacity: .16; pointer-events: none; } .anim .evo-filigrane { animation: evo-derive 14s ease-in-out infinite alternate; } @keyframes evo-derive { from { transform: rotate(0deg) translateY(0); } to { transform: rotate(5deg) translateY(-10px); } } .anim .evo-filigrane path { opacity: 0; animation: evo-trait 900ms var(--evo-courbe) forwards; animation-delay: calc(200ms + var(--k) * 90ms); } @media (max-width: 768px) { .evo-page-hero-inner { padding: 40px 16px 36px; } .evo-filigrane { width: 220px; height: 220px; margin-top: -110px; right: -60px; opacity: .12; } } /* ---------- 5. Offres : contenu toujours visible (plus d'accordéon au survol) ---------- */ .evo-offres-grid .evo-phase-content { max-height: none !important; opacity: 1 !important; visibility: visible !important; border-top: 1px solid #eaeaea; } .evo-offres-grid .evo-phase-indicator { display: none !important; } .evo-offres-grid .evo-phase-header { min-height: 0 !important; } .evo-offres-grid .evo-phase-block { transition: border-color .3s, box-shadow .3s, transform .4s var(--evo-courbe); } .evo-offres-grid .evo-phase-block:hover { transform: translateY(-3px); } @media (max-width: 1024px) and (min-width: 769px) { .evo-offres-grid { grid-template-columns: 1fr !important; } } .evo-page-hero + .evo-veille-grid { margin-top: 48px; } @media (min-width: 1024px) { html .evo-nav-contact.active-page { background: #2F6F48 !important; } } /* ---------- 6. En-tête mobile et tablette : logo à gauche, menu à droite (comme renfort-ia) ---------- */ .evo-drawer-foot { display: none; } @media (max-width: 1023px) { .evo-header-inner { grid-template-columns: 1fr auto !important; height: 68px !important; padding: 0 16px !important; } .evo-header-center { order: 1; justify-content: flex-start !important; } .evo-header-center svg { height: 50px !important; } .evo-header-left { order: 2; } .evo-header-right { display: none !important; } .evo-hamburger { width: 44px; height: 44px; padding: 0; align-items: center; justify-content: center; gap: 5px; border: 1px solid #e3e8e5; border-radius: 10px; background: rgba(255, 255, 255, 0.7); transition: background .2s, border-color .2s; } .evo-hamburger span { width: 20px; } .evo-hamburger:active { background: #f0f7f2; border-color: #cfe3d6; } .evo-hamburger:focus-visible { outline: 2px solid #367B53; outline-offset: 2px; } /* Le panneau s'ouvre du côté du bouton. */ .evo-drawer { left: auto !important; right: 0; width: min(320px, 86vw) !important; transform: translateX(100%) !important; box-shadow: -8px 0 32px rgba(17, 17, 17, 0.12) !important; } .evo-drawer.open { transform: translateX(0) !important; } .evo-drawer { z-index: 1100 !important; } .evo-overlay { z-index: 1090 !important; background: rgba(17, 17, 17, 0.28) !important; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .evo-drawer-nav a.diag-link { color: #367B53 !important; } .evo-drawer-nav a:hover, .evo-drawer-nav a.active { color: #367B53 !important; } .evo-drawer-foot { display: flex; flex-direction: column; gap: 14px; margin-top: auto; padding: 20px 24px max(24px, env(safe-area-inset-bottom)); border-top: 1px solid #eef1ef; } .evo-drawer-cta { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; border-radius: 10px; background: #367B53; color: #fff; font-weight: 700; font-size: .98rem; text-decoration: none; box-shadow: 0 6px 18px rgba(54, 123, 83, 0.28); } .evo-drawer-cta:active { background: #2F6F48; } .evo-drawer-lang { display: flex; align-self: center; gap: 2px; padding: 3px; border-radius: 8px; background: #f2f4f3; } .evo-drawer-lang > * { min-width: 52px; padding: 7px 12px; border-radius: 6px; text-align: center; font-size: .82rem; font-weight: 700; letter-spacing: .3px; text-decoration: none; color: #555; } .evo-drawer-lang > [aria-current] { background: #111; color: #fff; } } /* ---------- 7. Logo horizontal animé (toutes les pages) ---------- */ .evo-logo { display: inline-flex; align-items: center; line-height: 0; border-radius: 6px; } .evo-logo:focus-visible { outline: 2px solid #367B53; outline-offset: 4px; } .evo-header-center svg.evo-logo-svg { display: block; height: 44px !important; width: auto !important; overflow: visible; } .evo-header.est-compact .evo-header-center svg.evo-logo-svg { height: 38px !important; } .evo-drawer-head svg.evo-logo-svg { display: block; height: 36px; width: auto; } @media (max-width: 1023px) { .evo-header-center svg.evo-logo-svg { height: 38px !important; } } /* Au chargement : le cercle se trace, les traits arrivent en cascade. Sur l'accueil, c'est l'intro qui joue ce rôle. */ .anim:not(.intro) .evo-header .evo-logo-cercle { stroke-dasharray: 760; stroke-dashoffset: 760; animation: evo-trace 1100ms var(--evo-courbe) 100ms forwards; } .anim:not(.intro) .evo-header .evo-logo-trait { animation: evo-logo-trait 800ms var(--evo-courbe) backwards; animation-delay: calc(350ms + var(--k) * 80ms); } @keyframes evo-logo-trait { from { opacity: 0; transform: translate(-36px, 62px); } to { opacity: 1; transform: none; } } /* Au survol : les traits glissent d'un cran, comme un changement de vitesse. */ .evo-logo-trait { transition: transform 500ms var(--evo-courbe); transition-delay: calc(var(--k) * 40ms); } .evo-logo:hover .evo-logo-trait { transform: translate(14px, -24px); } @media (prefers-reduced-motion: reduce) { .evo-logo:hover .evo-logo-trait { transform: none; } } /* ---------- 8. Boutons : un seul arrondi sur tout le site ---------- */ .evo-btn, .evo-nav-contact, .evo-submit-btn { border-radius: 8px !important; } .evo-btn { transition: background .2s, transform .3s var(--evo-courbe), box-shadow .3s; } .evo-btn:hover { background: #367B53 !important; transform: translateY(-1px); box-shadow: 0 8px 20px -10px rgba(54, 123, 83, 0.6); } /* ---------- 9. Icônes au trait (remplacent les emojis) ---------- */ .evo-ico { width: 1em; height: 1em; display: inline-block; vertical-align: -0.14em; flex-shrink: 0; } .evo-chat-avatar { color: #fff; } .evo-chat-avatar .evo-ico { width: 22px; height: 22px; } .diag-card-icon, .evo-badge-icon, .res-cas-icon { color: #367B53; line-height: 1; } .evo-badge-icon { display: block; } #evo-diag-pill .evo-ico { color: #7fc496; } .evo-li-btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; } /* ---------- 10. Vert clair sur fonds sombres (bandeau de résultat du diagnostic) ---------- */ .res-header .res-score-num, .res-header .res-score-tag { color: #8fd3a6; } /* ---------- 11. Texte réservé aux lecteurs d'écran ---------- */ .evo-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ---------- 12. Menu mobile en blocs, pied de page avec plan du site ---------- */ .evo-drawer-nav { overflow-y: auto; } .evo-drawer-group { margin: 14px 24px 4px; font-size: .74rem; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #6b6b6b; } .evo-drawer-nav a.evo-drawer-tool { font-size: 1rem !important; line-height: 1.3; padding: 12px 24px !important; color: #111 !important; } .evo-drawer-nav a.evo-drawer-tool small { display: block; font-size: .8rem; font-weight: 400; color: #6b6b6b; margin-top: 2px; } .evo-drawer-nav a.evo-drawer-tool svg { color: #367B53; } .evo-drawer-write { align-self: center; font-size: .92rem; font-weight: 700; color: #367B53; text-decoration: none; padding: 4px 8px; } .evo-footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; max-width: 760px; } .evo-footer-nav a { color: #333; text-decoration: none; font-size: .9rem; font-weight: 600; } .evo-footer-nav a:hover { color: #367B53; } /* ---------- 13. Point d'entrée unique : assistant, diagnostics, rendez-vous ---------- */ #evo-diag-pill, #evo-chat-btn { display: none !important; } .evo-launch { position: fixed; right: 16px; bottom: 24px; z-index: 990; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; font-family: inherit; } .evo-launch-btn { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 20px 0 8px; border: 0; border-radius: 26px; cursor: pointer; background: #111; color: #fff; font: inherit; font-size: .92rem; font-weight: 700; box-shadow: 0 10px 28px -10px rgba(17, 17, 17, .55); transition: background .2s, transform .3s var(--evo-courbe); } .evo-launch-btn:hover { background: #1f2a24; transform: translateY(-2px); } .evo-launch-btn:focus-visible { outline: 2px solid #367B53; outline-offset: 3px; } .evo-launch-btn .evo-launch-ico { width: 36px; height: 36px; border-radius: 50%; background: #367B53; display: flex; align-items: center; justify-content: center; } .evo-launch-btn .evo-launch-ico svg { width: 18px; height: 18px; } .evo-launch[data-open] .evo-launch-btn { background: #367B53; } .evo-launch-panel { width: min(340px, calc(100vw - 32px)); padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(16px) saturate(1.5); backdrop-filter: blur(16px) saturate(1.5); border: 1px solid rgba(17, 17, 17, .08); box-shadow: 0 24px 60px -24px rgba(17, 17, 17, .45); transform-origin: bottom right; opacity: 0; visibility: hidden; transform: translateY(8px) scale(.97); transition: opacity .2s ease, transform .3s var(--evo-courbe), visibility .2s; } .evo-launch[data-open] .evo-launch-panel { opacity: 1; visibility: visible; transform: none; } .evo-launch-title { margin: 2px 4px 10px; font-size: 1rem; font-weight: 800; color: #111; } .evo-launch-item { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; border: 0; border-radius: 10px; background: none; cursor: pointer; text-align: left; text-decoration: none; color: #111; font: inherit; } .evo-launch-item:hover, .evo-launch-item:focus-visible { background: #f0f7f2; outline: none; } .evo-launch-item i { width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; background: #eaf4ee; color: #367B53; display: flex; align-items: center; justify-content: center; font-style: normal; } .evo-launch-item i svg { width: 18px; height: 18px; } .evo-launch-item b { display: block; font-size: .94rem; } .evo-launch-item small { display: block; font-size: .8rem; color: #5f5f5f; margin-top: 1px; } .evo-launch-item .evo-launch-go { margin-left: auto; color: #6b6b6b; } .evo-launch-sep { height: 1px; background: #eef1ef; margin: 8px 4px 12px; } .evo-launch-cta { display: flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: 10px; background: #367B53; color: #fff; font-weight: 700; font-size: .94rem; text-decoration: none; } .evo-launch-cta:hover { background: #2F6F48; } .evo-launch-write { display: block; text-align: center; margin-top: 10px; font-size: .86rem; font-weight: 600; color: #367B53; text-decoration: none; } /* Accroche unique, une fois par visite. */ .evo-launch-teaser { position: relative; max-width: 250px; padding: 12px 34px 12px 14px; border-radius: 14px 14px 4px 14px; background: #fff; color: #222; font-size: .88rem; line-height: 1.4; box-shadow: 0 14px 34px -14px rgba(17, 17, 17, .4); border: 1px solid rgba(17, 17, 17, .06); animation: evo-puce-in 500ms var(--evo-courbe) both; cursor: pointer; } .evo-launch-teaser button { position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; border: 0; background: none; color: #6b6b6b; cursor: pointer; font-size: 1rem; line-height: 1; border-radius: 6px; } .evo-launch[data-open] .evo-launch-teaser { display: none; } #evo-chat-window { z-index: 1001 !important; } /* Mobile : barre du bas (comme renfort-ia), visible après le haut de page. */ .evo-launch-bar { display: none; } @media (max-width: 767px) { .evo-launch { bottom: calc(76px + env(safe-area-inset-bottom)); right: 12px; } .evo-launch-btn { display: none; } .evo-launch-bar { display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 989; padding: 10px 14px max(10px, env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(14px) saturate(1.5); backdrop-filter: blur(14px) saturate(1.5); border-top: 1px solid rgba(17, 17, 17, .08); transform: translateY(110%); transition: transform .35s var(--evo-courbe); } .evo-launch-bar.est-visible { transform: none; } .evo-launch-bar a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; height: 48px; border-radius: 10px; background: #367B53; color: #fff; font-weight: 700; text-decoration: none; } .evo-launch-bar button { width: 48px; height: 48px; flex-shrink: 0; border-radius: 10px; border: 1px solid #cfe3d6; background: #fff; color: #367B53; display: flex; align-items: center; justify-content: center; cursor: pointer; } .evo-launch-bar button svg { width: 22px; height: 22px; } #evo-chat-window { bottom: calc(76px + env(safe-area-inset-bottom)) !important; } body { padding-bottom: 76px; } /* La barre porte déjà le rendez-vous : pas de doublon dans le panneau. */ .evo-launch-panel .evo-launch-cta, .evo-launch-panel .evo-launch-sep { display: none; } } @media print { .evo-launch, .evo-launch-bar { display: none !important; } } /* ---------- 14. Consentement (assistant, diagnostic, contact) ---------- */ .evo-consent { display: flex; align-items: flex-start; gap: 8px; font-size: .8rem; line-height: 1.45; color: #555; cursor: pointer; text-align: left; } .evo-consent input { width: 16px; height: 16px; margin: 1px 0 0; flex-shrink: 0; accent-color: #367B53; cursor: pointer; } .evo-consent a { color: #367B53; } .evo-consent.evo-consent-err { color: #c53030; } .evo-consent.evo-consent-err input { outline: 2px solid #c53030; outline-offset: 1px; } .evo-chat-email-bar { flex-wrap: wrap; } .evo-chat-email-bar .evo-consent { flex-basis: 100%; font-size: .72rem; } .diag-step .evo-consent { margin: 4px 0 14px; }