/* ============================================================
   Les Pros du BTP — pages locales (/artisan-limoges/).
   Reprend les jetons de lespros.css : --navy, --orange, --soft…
   ============================================================ */

/* ---------- Fil d'Ariane ---------- */
.lpb-breadcrumb{
  background:var(--soft);border-bottom:1px solid var(--line);
  padding:13px 0;font-size:13px;color:var(--muted)
}
.lpb-breadcrumb .lpb-container{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.lpb-breadcrumb a{color:var(--steel)}
.lpb-breadcrumb a:hover{color:var(--orange)}
.lpb-breadcrumb span[aria-current]{color:var(--text);font-weight:700}

/* ---------- En-tete ---------- */
.lpb-local-hero{
  background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);
  color:white;padding:62px 0 58px;position:relative;overflow:hidden
}
.lpb-local-hero:after{
  content:"";position:absolute;right:-140px;top:-90px;
  width:420px;height:420px;border-radius:50%;
  background:rgba(243,146,33,.10)
}
.lpb-local-hero .lpb-container{position:relative;z-index:2}
.lpb-local-hero .eyebrow{color:var(--orange);margin-bottom:14px}
.lpb-local-hero h1{
  margin:0 0 16px;color:white;
  font-size:clamp(28px,3.4vw,44px);line-height:1.12;letter-spacing:-.025em
}
.lpb-local-lead{
  margin:0 0 30px;max-width:720px;
  font-size:17px;line-height:1.65;color:rgba(255,255,255,.82)
}

.lpb-local-stats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}
.lpb-local-stat{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius-sm);padding:14px 22px;min-width:150px
}
.lpb-local-stat strong{display:block;font-size:26px;line-height:1.2;color:var(--orange)}
.lpb-local-stat strong small{font-size:15px;color:rgba(255,255,255,.65);font-weight:700}
.lpb-local-stat span{font-size:13px;color:rgba(255,255,255,.72)}

.lpb-local-actions{display:flex;flex-wrap:wrap;gap:12px}
.lpb-local-hero .btn-ghost,
.lpb-local-cta .btn-ghost{color:white;border-color:rgba(255,255,255,.35)}
.lpb-local-hero .btn-ghost:hover,
.lpb-local-cta .btn-ghost:hover{border-color:white}

/* ---------- Presentation ---------- */
.lpb-local-intro h2{margin:0 0 20px;font-size:clamp(23px,2.5vw,32px);letter-spacing:-.02em}
.lpb-local-intro p{margin:0 0 17px;font-size:16.5px;line-height:1.72;color:#3C4850}
.lpb-local-intro a{color:var(--steel);text-decoration:underline;text-underline-offset:3px}
.lpb-local-intro a:hover{color:var(--orange)}

/* ---------- Metiers ---------- */
.lpb-local-trades{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px
}
.lpb-local-trades a{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:white;border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:15px 18px;transition:.2s;height:100%
}
.lpb-local-trades a:hover{
  border-color:var(--orange);transform:translateY(-3px);box-shadow:var(--shadow-soft)
}
.lpb-local-trade-nom{font-weight:700;color:var(--navy);font-size:15px}
.lpb-local-trade-count{
  flex:0 0 auto;background:var(--soft-blue);color:var(--steel);
  border-radius:20px;padding:4px 11px;font-size:12.5px;font-weight:800
}
.lpb-local-trades a:hover .lpb-local-trade-count{background:#FFF1DF;color:var(--orange-dark)}

/* ---------- Professionnels ---------- */
.lpb-local-pros{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lpb-local-pro{
  background:white;border:1px solid var(--line);border-radius:16px;
  padding:22px;display:flex;flex-direction:column;gap:9px;transition:.22s
}
.lpb-local-pro:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft);border-color:#C7D5DD}
.lpb-local-pro h3{margin:0;font-size:17px;line-height:1.32;letter-spacing:-.01em}
.lpb-local-pro h3 a{color:var(--navy)}
.lpb-local-pro h3 a:hover{color:var(--orange)}
.lpb-local-pro-metier{
  align-self:flex-start;background:var(--soft-blue);color:var(--steel);
  border-radius:20px;padding:4px 11px;font-size:12px;font-weight:800
}
.lpb-local-pro-lieu,
.lpb-local-pro-note{
  margin:0;display:flex;align-items:center;gap:7px;
  font-size:14px;color:var(--muted)
}
.lpb-local-pro-note strong{color:var(--text)}
.lpb-local-pro-km{color:#8D99A2}
.lpb-local-pro-link{
  margin-top:auto;padding-top:13px;border-top:1px solid var(--line);
  display:flex;align-items:center;gap:7px;
  font-weight:800;font-size:14px;color:var(--orange)
}
.lpb-local-pro-link:hover{gap:11px;color:var(--orange-dark)}
.lpb-local-empty{color:var(--muted)}
.lpb-local-empty a{color:var(--steel);text-decoration:underline}

/* ---------- Communes proches ---------- */
.lpb-local-nearby{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px
}
.lpb-local-nearby a{
  display:block;background:white;border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:15px 18px;transition:.2s;height:100%
}
.lpb-local-nearby a:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:var(--shadow-soft)}
.lpb-local-nearby-nom{display:block;font-weight:700;color:var(--navy);font-size:15px}
.lpb-local-nearby-meta{display:block;margin-top:4px;font-size:13px;color:var(--muted)}

/* ---------- Reassurance ---------- */
.lpb-local-reassurance{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lpb-local-reassurance > div{
  background:white;border:1px solid var(--line);border-radius:16px;padding:24px
}
.lpb-local-reassurance svg{
  width:46px;height:46px;padding:10px;border-radius:13px;
  background:var(--soft-blue);color:var(--navy);margin-bottom:15px
}
.lpb-local-reassurance h3{margin:0 0 9px;font-size:17px;color:var(--navy);letter-spacing:-.01em}
.lpb-local-reassurance p{margin:0;font-size:14.5px;line-height:1.62;color:var(--muted)}

/* ---------- FAQ ---------- */
.lpb-local-faq details{
  background:white;border:1px solid var(--line);border-radius:var(--radius-sm);
  margin-bottom:12px;overflow:hidden
}
.lpb-local-faq summary{
  cursor:pointer;list-style:none;padding:18px 22px;
  font-weight:800;color:var(--navy);font-size:16px;
  display:flex;align-items:center;justify-content:space-between;gap:16px
}
.lpb-local-faq summary::-webkit-details-marker{display:none}
.lpb-local-faq summary:after{
  content:"+";flex:0 0 auto;font-size:22px;font-weight:400;color:var(--orange);
  transition:transform .2s
}
.lpb-local-faq details[open] summary:after{transform:rotate(45deg)}
.lpb-local-faq details[open] summary{border-bottom:1px solid var(--line)}
.lpb-local-faq details p{
  margin:0;padding:18px 22px;font-size:15.5px;line-height:1.68;color:#3C4850
}

/* ---------- Appel a l'action ---------- */
.lpb-local-cta{text-align:center}
.lpb-local-cta h2{margin:0 0 12px;color:white;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.02em}
.lpb-local-cta p{margin:0 auto 26px;max-width:600px;color:rgba(255,255,255,.8)}
.lpb-local-cta .lpb-local-actions{justify-content:center}

/* ---------- Adaptatif ---------- */
@media (max-width:1024px){
  .lpb-local-trades,
  .lpb-local-pros{grid-template-columns:repeat(2,1fr)}
  .lpb-local-nearby,
  .lpb-local-reassurance{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .lpb-local-hero{padding:44px 0 42px}
  .lpb-local-stat{flex:1 1 100%;min-width:0}
  .lpb-local-actions .btn{flex:1 1 100%}
  .lpb-local-trades,
  .lpb-local-pros,
  .lpb-local-nearby,
  .lpb-local-reassurance{grid-template-columns:1fr}
}