/* Petit Canard V6.69.3 — Fresque publique harmonisée */

.fresque-page {
  min-height: 70vh;
  background: linear-gradient(180deg, #f7f5fa 0%, #f2eff7 46%, #f8f7fa 100%);
}
.fresque-page-band {
  margin: 0;
  border-bottom: 1px solid #e5dfec;
  background:
    radial-gradient(circle at 85% 20%, rgba(244, 184, 208, 0.26), transparent 31%),
    radial-gradient(circle at 12% 70%, rgba(178, 205, 245, 0.22), transparent 34%),
    linear-gradient(135deg, #fff 0%, #faf8ff 100%);
}
.fresque-page-band .container {
  width: min(var(--pc-page-max, 1440px), calc(100% - (var(--pc-page-gutter, 22px) * 2))) !important;
  max-width: var(--pc-page-max, 1440px) !important;
}
.fresque-page-band h1 {
  max-width: 900px;
  margin-bottom: 10px;
}
.fresque-page-band .lead {
  max-width: 980px;
  margin: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.7;
}
.fresque-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 0.75rem;
}
.fresque-breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.fresque-breadcrumb a:hover,
.fresque-breadcrumb a:focus-visible {
  color: #5b469f;
  text-decoration: underline;
}
.fresque-content {
  padding: 30px 0 58px;
}
.fresque-page .wrap {
  width: min(var(--pc-page-max, 1440px), calc(100% - (var(--pc-page-gutter, 22px) * 2))) !important;
  max-width: var(--pc-page-max, 1440px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.fresque-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 18px !important;
}
.fresque-page .stat {
  position: relative;
  min-height: 114px;
  padding: 16px 16px 14px 54px !important;
  border: 1px solid #e6e0ed !important;
  border-top: 3px solid #8f79cf !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.93) !important;
  box-shadow: 0 7px 22px rgba(50, 39, 77, 0.045);
}
.fresque-page .stat strong {
  font-size: 1.65rem !important;
  line-height: 1.1;
}
.fresque-page .stat > span:last-child {
  display: block;
  margin-top: 4px;
  line-height: 1.35;
}
.fresque-stat-icon {
  position: absolute;
  top: 17px;
  left: 15px;
  display: grid !important;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: #f0ebfb;
  font-size: 0.9rem !important;
}
.fresque-page .toolbar {
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid #e2dce9 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 9px 28px rgba(48, 37, 72, 0.055);
}
.fresque-page .toolbar-head {
  padding-bottom: 13px;
  border-bottom: 1px solid #eee9f2;
}
.fresque-page .toolbar-head strong {
  font-size: 1.05rem;
}
.fresque-page .fresque-search-row {
  margin-top: 16px !important;
}
.fresque-page .field {
  min-height: 46px;
  border-color: #ddd6e5 !important;
}
.fresque-page #resetFilters {
  min-height: 46px;
}
.fresque-page .fresque-filter-block {
  padding-top: 15px;
  border-top: 1px solid #f0ecf3;
}
.fresque-page .fresque-filter-title {
  font-size: 0.78rem !important;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.fresque-page .fresque-filter-tag {
  min-height: 36px;
  border-color: #ddd6e5 !important;
  background: #fbfafc !important;
}
.fresque-page .fresque-filter-tag:hover {
  background: #f3effb !important;
}
.fresque-page .fresque-filter-tag.active {
  background: var(--accent) !important;
}
.fresque-page .fresque-evolution-legend {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.fresque-page .fresque-evolution-item {
  min-height: 70px;
  border: 1px solid #ddd6e5 !important;
  border-radius: 13px !important;
  background: #fbfafc !important;
}
.fresque-page .fresque-evolution-item.active {
  border-color: #8f79cf !important;
  background: #f1edfb !important;
}
.fresque-page .fresque-evolution-shape {
  width: 21px !important;
  height: 21px !important;
}
.fresque-page .fresque-evolution-shape.diamond {
  width: 18px !important;
  height: 18px !important;
}
.fresque-page .timeline-shell {
  padding: 20px !important;
  border: 1px solid #e1dbe8 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 8px 24px rgba(48, 37, 72, 0.045);
}
.fresque-page .timeline {
  min-width: 1040px;
}
.fresque-page .track {
  border-radius: 10px;
  background-color: #fbfafc;
}
.fresque-page .point {
  width: 40px !important;
  height: 40px !important;
  cursor: pointer;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
}
.fresque-page .point:hover,
.fresque-page .point:focus-visible {
  box-shadow:
    0 0 0 3px rgba(115, 91, 185, 0.16),
    0 7px 16px rgba(45, 34, 70, 0.15);
}
.fresque-page .point:not(.recul):hover,
.fresque-page .point:not(.recul):focus-visible {
  transform: translate(-50%, -50%) scale(1.08);
}
.fresque-page .main-grid {
  grid-template-columns: minmax(0, 3fr) minmax(260px, 0.8fr) !important;
  gap: 20px !important;
  align-items: start;
  margin-top: 30px !important;
}
.fresque-events-panel,
.fresque-legend-panel {
  min-width: 0;
}
.fresque-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.fresque-section-heading .eyebrow {
  margin: 0 0 3px !important;
}
.fresque-section-heading h2 {
  margin: 0 !important;
  font-size: 1.25rem !important;
}
.fresque-visible-count {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eee9f8;
  color: #5b469f;
  font-size: 0.72rem;
  font-weight: 900;
  white-space: nowrap;
}
.fresque-page .cards {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.fresque-page .fresque-event-card {
  height: auto !important;
  min-height: 220px !important;
  max-height: none !important;
  padding: 15px !important;
  border: 1px solid #e1dce7 !important;
  border-left: 5px solid var(--cat) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 6px 18px rgba(46, 36, 68, 0.04);
}
.fresque-page .fresque-event-card:hover {
  box-shadow: 0 10px 24px rgba(46, 36, 68, 0.08);
}
.fresque-page .fresque-event-card h3 {
  -webkit-line-clamp: 4 !important;
  line-height: 1.35;
}
.fresque-page .fresque-event-card .badge {
  margin-top: 6px;
  margin-left: 0 !important;
  vertical-align: middle;
}
.fresque-page .fresque-card-button {
  min-height: 40px;
}
.fresque-legend-panel {
  position: sticky;
  top: calc(var(--pc-fixed-header-height, 78px) + 18px);
  padding: 17px;
  border: 1px solid #e1dce7;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 7px 22px rgba(46, 36, 68, 0.04);
}
.fresque-legend-panel h2 {
  margin: 0 0 5px !important;
  font-size: 1.05rem !important;
}
.fresque-legend-panel > .meta {
  margin: 0 0 13px;
  line-height: 1.45;
}
.fresque-page .legend {
  gap: 7px !important;
}
.fresque-page .legend-row {
  padding: 5px 0;
  font-size: 0.82rem !important;
}
.fresque-page dialog {
  border-color: #ddd5e8 !important;
  box-shadow: 0 22px 70px rgba(34, 25, 52, 0.24);
}
.fresque-page .dialog-inner {
  padding: 24px !important;
}
.fresque-page .details div {
  background: #f7f5fa !important;
}
.fresque-page :focus-visible {
  outline: 3px solid rgba(101, 79, 181, 0.42) !important;
  outline-offset: 2px !important;
}

@media (max-width: 1220px) {
  .fresque-page .cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .fresque-page .main-grid {
    grid-template-columns: minmax(0, 2.2fr) minmax(240px, 0.8fr) !important;
  }
}
@media (max-width: 900px) {
  .fresque-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .fresque-page .main-grid {
    grid-template-columns: 1fr !important;
  }
  .fresque-legend-panel {
    position: static;
  }
}
@media (max-width: 700px) {
  .fresque-content {
    padding: 22px 0 46px;
  }
  .fresque-page .wrap {
    width: min(var(--pc-page-max, 1440px), calc(100% - 24px)) !important;
  }
  .fresque-page .toolbar {
    padding: 15px !important;
  }
  .fresque-page .timeline-shell {
    margin-inline: -2px;
    padding: 14px !important;
  }
  .fresque-page .cards {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 520px) {
  .fresque-summary {
    grid-template-columns: 1fr !important;
  }
  .fresque-page .stat {
    min-height: 92px;
  }
  .fresque-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .fresque-visible-count {
    align-self: flex-start;
  }
  .fresque-page .fresque-event-card {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    min-height: 0 !important;
  }
}

/* V6.69.183 — filtres plus compacts et mieux regroupés. */
.fresque-page .toolbar {
  padding: 13px 15px !important;
  border-radius: 15px !important;
}
.fresque-page .toolbar-head {
  padding-bottom: 8px !important;
}
.fresque-page .toolbar-head .meta {
  margin-top: 2px !important;
  font-size: 0.76rem !important;
}
.fresque-page .fresque-search-row {
  gap: 8px !important;
  margin-top: 10px !important;
}
.fresque-page .fresque-search-row label {
  gap: 4px !important;
  margin: 0 !important;
  font-size: 0.76rem !important;
}
.fresque-page .field,
.fresque-page #resetFilters {
  min-height: 39px !important;
  height: 39px !important;
}
.fresque-page .field {
  padding-block: 7px !important;
}
.fresque-page #resetFilters {
  padding: 7px 11px !important;
}
.fresque-page .fresque-filter-block {
  margin-top: 10px !important;
  padding-top: 9px !important;
}
.fresque-page .fresque-filter-title {
  margin-bottom: 5px !important;
  font-size: 0.7rem !important;
}
.fresque-page .fresque-filter-tags {
  gap: 5px !important;
}
.fresque-page .fresque-filter-tag {
  min-height: 31px !important;
  gap: 5px !important;
  padding: 5px 9px !important;
  font-size: 0.75rem !important;
}
.fresque-page .fresque-filter-dot {
  width: 7px !important;
  height: 7px !important;
  flex-basis: 7px !important;
}
.fresque-page .fresque-range-head {
  gap: 8px !important;
  font-size: 0.78rem !important;
}
.fresque-page .fresque-range-head .meta {
  font-size: 0.72rem !important;
}
.fresque-page .fresque-range-wrap {
  height: 30px !important;
  margin-top: 3px !important;
}
.fresque-page .fresque-range-track,
.fresque-page .fresque-range-active {
  top: 13px !important;
  height: 5px !important;
}
.fresque-page .fresque-range-wrap input[type='range'] {
  top: 4px !important;
}
.fresque-page .fresque-period-navigator {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  gap: 8px;
  align-items: center;
  margin-top: 4px;
}
.fresque-page .fresque-period-navigator .fresque-range-wrap {
  width: 100%;
  margin: 0 !important;
}
.fresque-page .fresque-range-wrap #rangeCenter {
  z-index: 3;
  width: 100%;
  pointer-events: auto;
}
.fresque-page .fresque-range-wrap #rangeCenter:disabled { opacity: 0.55; }
.fresque-page .fresque-zoom-button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #cfc3df;
  border-radius: 10px;
  background: #fff;
  color: #654fa5;
  font-size: 1.25rem;
  font-weight: 900;
  cursor: pointer;
}
.fresque-page .fresque-zoom-button:hover:not(:disabled),
.fresque-page .fresque-zoom-button:focus-visible {
  border-color: #8f79cf;
  background: #f2edfb;
}
.fresque-page .fresque-zoom-button:disabled { opacity: 0.4; cursor: default; }
.fresque-page .fresque-period-scale {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 8px;
  margin: 0 42px;
  color: var(--muted);
  font-size: 0.68rem;
}
.fresque-page .fresque-period-scale span:nth-child(2) { color: #654fa5; font-weight: 800; text-align: center; }
.fresque-page .fresque-period-scale span:last-child { text-align: right; }
.fresque-page .fresque-evolution-legend {
  gap: 6px !important;
}
.fresque-page .fresque-evolution-item {
  grid-template-columns: 25px minmax(0, 1fr) !important;
  gap: 7px !important;
  min-height: 52px !important;
  padding: 7px 8px !important;
  border-radius: 10px !important;
}
.fresque-page .fresque-evolution-item strong {
  font-size: 0.78rem !important;
}
.fresque-page .fresque-evolution-item small {
  margin-top: 1px !important;
  font-size: 0.65rem !important;
  line-height: 1.2 !important;
}
.fresque-page .fresque-evolution-shape {
  width: 17px !important;
  height: 17px !important;
}
.fresque-page .fresque-evolution-shape.diamond {
  width: 15px !important;
  height: 15px !important;
}
@media (max-width: 700px) {
  .fresque-page .toolbar { padding: 12px !important; }
  .fresque-page .fresque-evolution-legend { grid-template-columns: 1fr !important; }
  .fresque-page .fresque-evolution-item { min-height: 46px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .fresque-page * {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}