:root{--lagon:#087e98;--turquoise:#24b5b4;--corail:#f28c70;--vert:#268b6a;--fond:#f6f7f5;--ink:#17323b}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Arial,sans-serif}a{color:var(--lagon)}.wrap{max-width:1160px;margin:auto;padding:0 22px}.top{background:#fff;box-shadow:0 2px 12px #16343b12}.topinner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:76px}.logo{font-size:24px;font-weight:900;letter-spacing:-1px;color:var(--lagon);text-decoration:none}.logo span{color:var(--corail)}nav{display:flex;gap:22px}nav a{text-decoration:none;font-weight:650}nav .active{color:var(--vert)}.hero{background:linear-gradient(115deg,#087e98,#24b5b4);color:#fff;padding:62px 0 70px}.hero h1{font-size:clamp(29px,4vw,48px);line-height:1.15;margin:8px 0 16px;max-width:720px}.hero p{max-width:730px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.main{padding-top:35px;padding-bottom:80px}.filters{background:#fff;border:1px solid #e3ebeb;box-shadow:0 8px 30px #103c4510;border-radius:18px;padding:20px;display:grid;grid-template-columns:1.4fr 1.3fr 1fr 1fr auto auto;gap:12px;align-items:end}.filters label{display:grid;gap:7px;font-size:13px;font-weight:700}.filters input,.filters select{width:100%;min-width:0;height:43px;border:1px solid #ccd8d9;border-radius:8px;padding:0 10px;background:#fff;color:var(--ink)}.filters button,.details{background:var(--lagon);color:#fff;border:0;border-radius:8px;padding:12px 17px;text-decoration:none;font-weight:750;cursor:pointer}.reset{padding:10px 4px;white-space:nowrap}.resulthead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:36px 0 18px}.resulthead h2{margin:0}.resulthead span,.muted,.sub{color:#687d82}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #e0e9e9;border-radius:17px;overflow:hidden;box-shadow:0 5px 18px #153b4510}.cardphoto{display:flex;height:205px;align-items:center;justify-content:center;background:linear-gradient(125deg,#b9e9e7,#b8dce3);color:#087e98;font-weight:900;text-decoration:none}.cardphoto img{width:100%;height:100%;object-fit:cover}.cardbody{padding:22px}.location{color:var(--vert);font-size:13px;font-weight:750;margin:0}.card h3{font-size:22px;line-height:1.25;margin:10px 0}.desc{min-height:48px}.details{display:inline-block;margin-top:10px}.empty,.panel{background:#fff;border:1px solid #e0e9e9;border-radius:16px;padding:25px}.back{display:inline-block;margin-bottom:20px}.heading h1{font-size:clamp(30px,4vw,45px);margin:5px 0}.verified{display:inline-block;background:#e6f5ee;color:var(--vert);padding:4px 11px;border-radius:99px;font-size:13px;font-weight:750}.gallery{display:flex;gap:14px;overflow-x:auto;margin:30px 0}.gallery figure{margin:0;flex:0 0 min(350px,80vw);background:#fff;border-radius:14px;overflow:hidden}.gallery img{width:100%;height:220px;object-fit:cover;display:block}.gallery figcaption{padding:9px 13px;font-size:13px}.detailsgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:25px}.detailsgrid>div,.detailsgrid aside{display:grid;align-content:start;gap:22px}.panel h2{margin:0 0 16px;font-size:21px}.preline{white-space:pre-line}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tags span{padding:6px 10px;background:#e6f5f3;color:#096c75;border-radius:30px;font-size:13px}.hours>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e8eeee;padding:8px 0;font-size:14px}.hours span{text-align:right}.open{color:var(--vert);font-weight:750}footer{background:#e8efed;padding:28px 0;font-size:13px}@media(max-width:1000px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.topinner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}nav{gap:12px;font-size:13px}.filters,.cards,.detailsgrid{grid-template-columns:1fr}.hero{padding:40px 0}.resulthead{align-items:start}.hours>div{font-size:12px}}

/* Identite visuelle partagee avec la page d’accueil */
.top .logo{display:inline-flex;align-items:center;text-decoration:none;line-height:1}
.top .logo img{display:block;width:auto;height:68px;max-width:min(300px,55vw);object-fit:contain}
.topinner{min-height:92px}
.hero{background-image:linear-gradient(90deg,rgba(5,31,40,.88) 0%,rgba(5,43,53,.72) 45%,rgba(4,47,56,.20) 100%),url("/assets/images/atelier-professionnels.webp");background-position:center;background-size:cover;background-repeat:no-repeat;min-height:340px;display:flex;align-items:center}
.hero h1{max-width:800px;text-shadow:0 2px 15px rgba(0,0,0,.25)}
.hero p{max-width:720px;text-shadow:0 1px 5px rgba(0,0,0,.3)}
@media(max-width:600px){.topinner{min-height:76px}.top .logo img{height:53px}.hero{min-height:300px;padding:52px 0}}

/* La bannière atelier reste propre à l’annuaire. */
.hero{background-image:linear-gradient(90deg,rgba(5,31,40,.88),rgba(5,43,53,.72) 45%,rgba(4,47,56,.20)),url("/assets/images/atelier-professionnels.webp")!important;background-size:cover;background-position:center}


/* Vignettes annuaire enrichies — le formulaire de recherche reste inchangé. */
.fa-pro-card{display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .15s,transform .15s}
.fa-pro-card:hover{box-shadow:0 10px 26px #153b4520;transform:translateY(-2px)}
.fa-pro-card .cardphoto{height:170px;flex-shrink:0;overflow:hidden}
.fa-pro-card .cardphoto img{display:block;width:100%;height:100%;object-fit:cover}
.fa-pro-card .photo-fallback{width:100%;height:100%;display:grid;place-items:center}
.fa-pro-card .photo-fallback[hidden]{display:none}
.fa-pro-card .cardbody{padding:15px 17px;display:flex;flex-direction:column;flex:1;gap:8px}
.fa-pro-card .location{font-size:12px;margin:0}
.fa-pro-card h3{font-size:19px;line-height:1.23;margin:0}
.fa-pro-card .card-title{color:var(--ink);text-decoration:none}
.fa-pro-card .card-title:hover{text-decoration:underline;color:var(--lagon)}
.fa-pro-card .fa-group-link{font-size:13px;margin:0}
.fa-pro-card .fa-info-line{font-size:14px;text-decoration:none;margin:0;color:var(--ink)}
.fa-pro-card .fa-phone{color:var(--lagon)}
.fa-pro-card .fa-hours{border-top:1px solid #e8eeee;padding-top:8px;font-size:12px}
.fa-pro-card .fa-hours-heading{font-weight:750;font-size:13px;margin-bottom:4px}
.fa-pro-card .fa-hours p{margin:3px 0}
.fa-pro-card .fa-hours-row{display:flex;justify-content:space-between;gap:12px;padding:2px 0}
.fa-pro-card .fa-hours-row span:last-child{text-align:right}
.fa-pro-card .fa-muted{color:#72858a}
.fa-pro-card .fa-address{font-size:12px;color:#526e75;margin:0}
.fa-pro-card .fa-card-actions{margin-top:auto;padding-top:10px;border-top:1px solid #e8eeee;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:750}
.fa-pro-card .fa-map,.fa-pro-card .fa-view{color:var(--lagon);text-decoration:none}
.fa-pro-card .fa-map:hover,.fa-pro-card .fa-view:hover{text-decoration:underline}
@media(max-width:650px){.fa-pro-card .cardphoto{height:185px}}

/* Version compacte des vignettes : sans modification du formulaire Rechercher. */
.fa-pro-card .cardbody{padding:13px 15px;gap:6px}
.fa-pro-card .location{font-size:10.5px;line-height:1.4}
.fa-pro-card h3{font-size:16px;line-height:1.25}
.fa-pro-card .fa-group-link{font-size:11.5px}
.fa-pro-card .fa-info-line{font-size:12px}
.fa-pro-card .fa-hours{font-size:11px;padding-top:6px}
.fa-pro-card .fa-hours-heading{font-size:11.5px;margin-bottom:3px}
.fa-pro-card .fa-hours-row{padding:1px 0;line-height:1.45}
.fa-pro-card .fa-address{font-size:11px}
.fa-pro-card .fa-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:11px;margin-top:auto;border-top:1px solid #e8eeee}
.fa-pro-card .fa-card-actions a{display:flex;justify-content:center;align-items:center;min-height:35px;padding:8px 7px;border-radius:8px;font-size:11px;font-weight:750;text-align:center;text-decoration:none;line-height:1.25;transition:background .15s,transform .15s}
.fa-pro-card .fa-card-actions .fa-map{background:#e7f6f5;color:#087e98;border:1px solid #b5dedd}
.fa-pro-card .fa-card-actions .fa-view{background:#087e98;color:#fff;border:1px solid #087e98}
.fa-pro-card .fa-card-actions .fa-map:hover{background:#d4efed;text-decoration:none}
.fa-pro-card .fa-card-actions .fa-view:hover{background:#06677d;text-decoration:none}
.fa-pro-card .fa-card-actions a:focus-visible{outline:3px solid #f28c70;outline-offset:2px}

/* Pièces détachées : priorité discrète dans le module Rechercher. */
.fa-pro-filter .fa-choice.fa-priority-pieces > span{color:#154a70;font-weight:700}
.fa-pro-filter .fa-choice.fa-priority-pieces .fa-activity-count{color:#154a70}