/* Trésors des Lavoirs — Circuits publics V16.6
   Styles limités à la page circuits.php pour éviter tout effet de bord. */

.circuits-public .circuit-public-card:hover,
.circuits-public .circuit-public-card:focus-within{
  transform:translateY(-6px);
  border-color:#7cc8ee;
  box-shadow:var(--shadow-strong)
}
.circuits-public .circuit-cover-link{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration:none;
  overflow:hidden
}
.circuits-public .circuit-cover-link img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .45s ease
}
.circuits-public .circuit-public-card:hover .circuit-cover-link img{transform:scale(1.045)}
.circuits-public .circuit-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:15px
}
.circuits-public .circuit-title-row h3{margin:0;min-width:0}
.circuits-public .circuit-title-row h3 a{color:inherit;text-decoration:none}
.circuits-public .circuit-title-row h3 a:hover{color:#0369a1}
.circuits-public .circuit-difficulty{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border:1px solid #cfe0eb;
  border-radius:999px;
  background:#f7fbfe;
  color:#45677f;
  font-size:.66rem;
  font-weight:750
}
.circuits-public .circuit-route-points>span{
  display:grid;
  grid-template-columns:18px 62px minmax(0,1fr);
  align-items:center;
  gap:7px
}
.circuits-public .circuit-route-points .circuit-place{
  display:block!important;
  min-width:0;
  color:var(--text)
}
.circuits-public .circuit-route-points .circuit-place strong{
  display:block;
  overflow:hidden;
  color:var(--ink);
  font-size:.86rem;
  font-weight:700;
  white-space:nowrap;
  text-overflow:ellipsis
}
.circuits-public .circuit-route-points .circuit-place small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:.69rem;
  line-height:1.25
}
.circuits-public .circuit-mini-map-wrap{
  position:relative;
  height:138px;
  margin:-2px 0 15px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:#eaf3f8
}
.circuits-public .circuit-mini-map{width:100%;height:100%}
.circuits-public .circuit-mini-map .leaflet-control-attribution{
  margin:0!important;
  padding:1px 4px!important;
  background:rgba(255,255,255,.84)!important;
  font-size:8px!important;
  line-height:1.2!important
}
.circuits-public .circuit-mini-map .leaflet-control-attribution a{font-size:8px!important}
.circuits-public .circuit-metrics-v16{grid-template-columns:repeat(4,minmax(0,1fr))}
.circuits-public .circuit-metrics-v16 span{padding:9px 5px}
.circuits-public .circuit-metrics-v16 small{color:var(--muted);font-size:.6rem;line-height:1.1}
.circuits-public .circuit-open{text-decoration:none}

/* Toutes les icônes de déplacement ont un fond opaque et cohérent. */
.circuits-public .circuit-transport.mode-velo,
.circuits-public .circuit-transport.mode-velo_route{background:#0284c7}
.circuits-public .circuit-transport.mode-gravel{background:#0f766e}
.circuits-public .circuit-transport.mode-vtt{background:#3f7d20}
.circuits-public .circuit-transport.mode-marche{background:#10b981}
.circuits-public .circuit-transport.mode-voiture{background:#475569}
.circuits-public .circuit-transport.mode-camping_car{background:#a16207}

@media(max-width:700px){
  .circuits-public .circuit-title-row{display:block}
  .circuits-public .circuit-difficulty{margin-top:7px}
  .circuits-public .circuit-mini-map-wrap{height:126px}
  .circuits-public .circuit-metrics-v16{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .circuits-public .circuit-route-points>span{grid-template-columns:16px 55px minmax(0,1fr)}
  .circuits-public .circuit-route-points .circuit-place strong{font-size:.79rem}
  .circuits-public .circuit-route-points .circuit-place small{font-size:.64rem}
}