/* « Autour de chez vous » (28/09/2026) — page Prestations. Clair et sombre. */
.umc-au{--au-a:#ff6300;--au-a2:#ff8a3d;--au-ink:#101114;--au-ink2:#3d414a;--au-ink3:#6b7280;--au-line:#e7e8ec;--au-surf:#fff;
  --au-bg:#f7f7f9;--au-soft:#fff4ec;--au-ok:#15803d;--au-okbg:#e8f6ee;--au-v:#7c5cff;
  background:var(--au-bg);border-top:1px solid var(--au-line);border-bottom:1px solid var(--au-line);padding:34px 0 38px;color:var(--au-ink)}
html[data-theme="dark"] .umc-au{--au-ink:#e9eaee;--au-ink2:#b3b7c0;--au-ink3:#868c98;--au-line:#272b33;--au-surf:#16181d;--au-bg:#101216;
  --au-soft:#261a10;--au-okbg:#0f2b1a;--au-ok:#4ade80}
.umc-au *{box-sizing:border-box}
.umc-au p,.umc-au h2,.umc-au h3,.umc-au ul{margin:0;float:none;width:auto}
.umc-au-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.umc-au-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* En-tête */
.umc-au-tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin:0 0 14px}
.umc-au-sur{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--au-a)}
.umc-au h2{font-size:clamp(24px,3vw,32px);font-weight:750;letter-spacing:-.02em;line-height:1.15;margin:4px 0 6px;color:var(--au-ink)}
.umc-au-sous{font-size:15px;color:var(--au-ink2);max-width:60ch}
.umc-au-sous b{color:var(--au-ink)}
.umc-au-outils{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.umc-au-geo{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;border-radius:12px;cursor:pointer;
  font:inherit;font-size:14.5px;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--au-a),var(--au-a2));
  box-shadow:0 6px 16px rgba(255,99,0,.25);transition:transform .2s,box-shadow .2s}
.umc-au-geo:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,99,0,.3)}
.umc-au-geo[aria-busy="true"]{opacity:.85;cursor:wait}
.umc-au-commune{display:flex;height:44px;border:1px solid var(--au-line);border-radius:12px;background:var(--au-surf);overflow:hidden}
.umc-au-commune input{border:0;background:transparent;color:var(--au-ink);font:inherit;font-size:14.5px;padding:0 12px;width:170px;min-width:0}
.umc-au-commune input:focus{outline:none}
.umc-au-commune:focus-within{border-color:var(--au-a);box-shadow:0 0 0 3px rgba(255,99,0,.14)}
.umc-au-commune button{border:0;background:var(--au-soft);color:var(--au-a);font-weight:750;padding:0 14px;cursor:pointer;font:inherit;font-size:14px}
.umc-au-rayons{display:inline-flex;height:44px;padding:3px;border:1px solid var(--au-line);border-radius:12px;background:var(--au-surf)}
.umc-au-rayons a{display:flex;align-items:center;padding:0 12px;border-radius:9px;font-size:13.5px;font-weight:650;color:var(--au-ink2)!important;text-decoration:none!important}
.umc-au-rayons a[aria-current]{background:var(--au-ink);color:var(--au-surf)!important}
.umc-au-geo-msg{margin:0 0 12px;font-size:13.5px;color:var(--au-ink2);background:var(--au-soft);border-radius:10px;padding:9px 12px}
/* Communes */
.umc-au-villes{display:flex;gap:8px;margin:0 0 20px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.umc-au-villes a{flex:0 0 auto;padding:7px 13px;border:1px solid var(--au-line);border-radius:100px;background:var(--au-surf);font-size:13.5px;
  color:var(--au-ink2)!important;text-decoration:none!important;transition:border-color .2s,color .2s}
.umc-au-villes a:hover{border-color:var(--au-a);color:var(--au-ink)!important}
.umc-au-villes a[aria-current]{border-color:var(--au-a);background:var(--au-soft);color:var(--au-a)!important;font-weight:700}
/* Métiers */
.umc-au-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.umc-au-cat{display:flex;flex-direction:column;background:var(--au-surf);border:1px solid var(--au-line);border-radius:16px;overflow:hidden;
  transition:box-shadow .25s,border-color .25s}
.umc-au-cat:hover{box-shadow:0 10px 30px rgba(16,17,20,.08);border-color:#d7d9df}
html[data-theme="dark"] .umc-au-cat:hover{border-color:#3a3f4a}
.umc-au-cat header{display:flex;align-items:center;gap:11px;padding:14px 16px 12px;border-bottom:1px solid var(--au-line)}
.umc-au-ico{flex:0 0 38px;height:38px;border-radius:11px;background:var(--au-soft);display:flex;align-items:center;justify-content:center;font-size:19px}
.umc-au-cat h3{font-size:15.5px;font-weight:720;letter-spacing:-.01em;color:var(--au-ink);line-height:1.25}
.umc-au-cat header small{font-size:12.5px;color:var(--au-ink3)}
.umc-au-cat ul{list-style:none;padding:4px 0;flex:1}
.umc-au-pro{display:flex;align-items:center;gap:11px;padding:9px 16px;text-decoration:none!important;color:inherit!important;transition:background .15s}
.umc-au-pro:hover{background:var(--au-bg)}
.umc-au-ava{flex:0 0 36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--au-a),#ff9f5a);color:#fff;font-size:12.5px;font-weight:800;
  display:flex;align-items:center;justify-content:center;letter-spacing:.02em}
.umc-au-info{flex:1;min-width:0;display:flex;flex-direction:column}
.umc-au-info b{font-size:14px;font-weight:650;color:var(--au-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.umc-au-info small{font-size:12.5px;color:var(--au-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.umc-au-dist{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:12.5px;font-weight:650;color:var(--au-ink2);font-variant-numeric:tabular-nums}
.umc-au-ok{font-style:normal;font-size:10.5px;font-weight:700;color:var(--au-ok);background:var(--au-okbg);padding:1px 7px;border-radius:100px}
.umc-au-tout{display:block;padding:11px 16px;border-top:1px solid var(--au-line);font-size:13.5px;font-weight:700;color:var(--au-a)!important;text-decoration:none!important}
.umc-au-tout:hover{background:var(--au-soft)}
.umc-au-vide{padding:16px;font-size:13.5px;color:var(--au-ink3)}
.umc-au-vide a{color:var(--au-a)}
/* IA — sixième case de la grille (5 métiers + l'assistant) */
.umc-au-grille .umc-au-ia{margin:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px 20px}
.umc-au-grille .umc-au-ia p{min-width:0;flex:0 0 auto}
.umc-au-ia{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:20px 0 0;padding:16px 18px;border-radius:16px;
  background:linear-gradient(var(--au-surf),var(--au-surf)) padding-box,linear-gradient(120deg,var(--au-a),var(--au-v)) border-box;border:1.5px solid transparent}
.umc-au-ia-badge{font-size:11.5px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--au-a),var(--au-v));padding:4px 10px;border-radius:100px}
.umc-au-ia p{flex:1;min-width:240px;font-size:14.5px;color:var(--au-ink2)}
.umc-au-ia p b{color:var(--au-ink)}
.umc-au-ia-go{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:12px;font-weight:750;font-size:14.5px;color:#fff!important;
  text-decoration:none!important;background:linear-gradient(120deg,var(--au-a),#ff4d6d 55%,var(--au-v))}
@media (max-width:1000px){.umc-au-grille{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .umc-au{padding:24px 0 28px}.umc-au-wrap{padding:0 16px}
  .umc-au-grille{grid-template-columns:1fr}
  .umc-au-outils{width:100%}.umc-au-geo{flex:1 1 100%;justify-content:center}.umc-au-commune{flex:1}.umc-au-commune input{width:100%}
  .umc-au-ia-go{width:100%;justify-content:center}
  .umc-rs-rapide>*{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.umc-au *{transition:none!important}}

/* LOT4-20261005 (A23) : a 390 px le champ commune etait ecrase par les boutons de rayon (« Votre comm »). */
@media (max-width:640px){.umc-au-commune{flex:1 1 100%}}