/* Barre « bulle » d'Artisanat Services : une bulle verte en bas à droite qui se déplie en 3 boutons (Appeler, Devis, Question). */
body{padding-bottom:120px}
.art-barre{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.art-eventail{display:none;flex-direction:column;align-items:stretch;gap:10px;width:min(330px,calc(100vw - 28px))}
.art-barre.art-ouvert .art-eventail{display:flex}
.art-b{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 18px;border-radius:999px;font:inherit;font-size:21px;font-weight:800;line-height:1.15;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.28);border:3px solid #0d3b20;text-align:left;width:100%}
.art-b svg{flex:none;width:30px;height:30px;fill:currentColor}
.art-b small{display:block;font-size:16px;font-weight:600}
.art-b b{display:block;font-size:25px;white-space:nowrap;letter-spacing:.3px}
.art-b-appel{background:#14532d;color:#fff}
.art-b-devis{background:#f2b632;color:#1b1b1b;border-color:#8a6200}
.art-b-q{background:#fff;color:#14532d}
.art-barre.art-ouvert .art-b{animation:art-sort .22s ease-out both}
.art-barre.art-ouvert .art-b-devis{animation-delay:.06s}
.art-barre.art-ouvert .art-b-appel{animation-delay:.12s}
@keyframes art-sort{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}
.art-bulle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:94px;height:94px;border-radius:50%;border:4px solid #fff;background:#14532d;color:#fff;font:inherit;font-size:17px;font-weight:800;line-height:1.1;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.4);padding:0}
.art-bulle svg{width:34px;height:34px;fill:currentColor}
.art-barre:not(.art-calme) .art-bulle{animation:art-halo 2.2s ease-out infinite}
@keyframes art-halo{0%{box-shadow:0 4px 16px rgba(0,0,0,.4),0 0 0 0 rgba(242,182,50,.9)}70%{box-shadow:0 4px 16px rgba(0,0,0,.4),0 0 0 22px rgba(242,182,50,0)}100%{box-shadow:0 4px 16px rgba(0,0,0,.4),0 0 0 0 rgba(242,182,50,0)}}
@media (prefers-reduced-motion:reduce){.art-barre .art-bulle,.art-barre.art-ouvert .art-b{animation:none !important}}

/* Fenêtres Devis et Question */
dialog.art-fen{border:0;border-radius:16px;padding:0;width:min(560px,94vw);max-height:92vh;color:#1b1b1b;background:#fff;font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:19px;line-height:1.5;overflow:hidden}
dialog.art-fen::backdrop{background:rgba(0,0,0,.6)}
.art-in{padding:20px 20px 22px;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.art-x{position:sticky;top:0;float:right;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 0 8px;border-radius:50%;border:3px solid #fff;background:#14532d;color:#fff;font:inherit;font-size:30px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 1px 5px rgba(0,0,0,.35)}
.art-fen h2{margin:0 0 6px;font-size:26px;line-height:1.2;color:#14532d}
.art-fen p{margin:0 0 10px}
.art-fen label{display:block;margin:14px 0 4px;font-weight:700}
.art-fen input[type=text],.art-fen input[type=tel],.art-fen input[type=email],.art-fen select,.art-fen textarea{display:block;width:100%;font:inherit;font-size:19px;padding:10px 12px;min-height:52px;border:2px solid #444;border-radius:10px;background:#fff;color:#1b1b1b}
.art-fen textarea{min-height:100px;resize:vertical}
.art-piege{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.art-fen .art-case{display:flex;align-items:flex-start;gap:12px;margin-top:18px;font-weight:600;cursor:pointer}
.art-fen .art-case input{flex:none;width:30px;height:30px;margin:3px 0 0;accent-color:#14532d}
.art-sous{font-size:16px;color:#333}
.art-err{color:#a40000;font-weight:700;min-height:0}
.art-envoi,.art-fermer,.art-poser{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;margin-top:12px;border:0;border-radius:12px;font:inherit;font-size:20px;font-weight:800;cursor:pointer;color:#fff;background:#14532d}
.art-envoi.art-gris{background:#8a8a8a;color:#fff;cursor:not-allowed}
.art-envoi.art-vert{background:#14532d}
.art-sugg{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.art-sugg button{font:inherit;font-size:18px;font-weight:600;min-height:52px;padding:8px 14px;border:2px solid #14532d;border-radius:12px;background:#e6f2e9;color:#0d3b20;text-align:left;cursor:pointer}
.art-rep{background:#f3f3f3;border-left:6px solid #14532d;border-radius:8px;padding:12px 14px;margin:12px 0;white-space:pre-wrap}
.art-rep[hidden],.art-merci[hidden],.art-corps[hidden]{display:none}
@media (max-width:420px){.art-b{font-size:19px;padding:8px 14px}.art-b b{font-size:23px}.art-bulle{width:86px;height:86px;font-size:16px}}

/* 01/11/2026 : les 3 boutons doivent TOUJOURS être visibles (règle du propriétaire, personnes âgées) :
   la bulle « Aide » qui cachait Appeler est remplacée par un bandeau vert fixe en bas de l'écran. */
body{padding-bottom:96px}
.art-barre{left:0;right:0;bottom:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#0d3b20;box-shadow:0 -3px 14px rgba(0,0,0,.3);align-items:stretch}
.art-bulle{display:none !important}
.art-eventail,.art-barre.art-ouvert .art-eventail{display:grid !important;grid-template-columns:minmax(0,1fr) 92px 92px;gap:8px;width:100%;max-width:880px;margin:0 auto}
.art-barre .art-b{animation:none !important;min-height:60px;border-radius:12px;padding:6px 10px;box-shadow:none}
.art-b-appel{order:-1;border-color:#fff}
.art-b-devis,.art-b-q{flex-direction:column;justify-content:center;gap:2px;text-align:center;font-size:18px;padding:6px 4px}
.art-b-devis small,.art-b-q small{display:none}
.art-b-devis svg,.art-b-q svg{width:26px;height:26px}
@media (min-width:700px){
  .art-eventail,.art-barre.art-ouvert .art-eventail{grid-template-columns:minmax(0,1fr) 150px 150px}
  .art-b-devis small,.art-b-q small{display:block;font-size:13px}
}
@media (max-width:380px){.art-b-appel svg{display:none}.art-b b{font-size:21px}}
