/* Styles for the Bassins page */
.bassins-page .page-title{font-size:clamp(24px,4vw,36px);margin:18px 0}
.bassins-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:start;justify-items:center}
.bassins-list{padding:8px;width:100%;max-width:980px;box-sizing:border-box}
/* layout the list as a responsive grid: 1 column on small, 2 columns on medium/large */
.bassins-list{display:grid;grid-template-columns:1fr;gap:28px;align-items:start;column-gap:24px;grid-auto-rows:auto}
.bassin-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px;width:100%;max-width:100%;box-sizing:border-box}
.bassin-card:focus{outline:3px solid color-mix(in oklab,var(--accent) 50%, transparent);outline-offset:3px}
.bassin-addr{color:var(--muted);margin:4px 0}
.bassin-excerpt{color:var(--text);margin:8px 0}
#map{width:100%;height:520px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklab,var(--panel) 92%, transparent), transparent)}

/* Compact card layout: thumbnail left, meta right */
.bassin-card{display:flex;gap:16px;align-items:flex-start;}
.bassin-media{flex:0 0 96px}
.bassin-thumb{width:96px;height:72px;background-size:cover;background-position:center;border-radius:8px;overflow:hidden}
.bassin-thumb img{width:100%;height:100%;object-fit:cover}
.bassin-thumb--placeholder{background:linear-gradient(135deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border:1px dashed rgba(255,255,255,0.03);}
.bassin-meta{flex:1;padding-right:6px}
.bassin-actions{display:flex;gap:8px;align-items:center;margin-top:8px}
.bassin-more{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}
.bassin-readmore{background:transparent;border:1px solid var(--border);padding:6px 10px;border-radius:6px}
.bassin-card.is-expanded{box-shadow:0 8px 24px rgba(0,0,0,0.25)}

@media (max-width:1000px){
  .bassin-card{flex-direction:column}
  .bassin-media{width:100%}
  .bassin-thumb{width:100%;height:180px}
}

@media (max-width:1000px){
  .bassins-grid{grid-template-columns:1fr;}
  #map{height:360px}
}

@media (prefers-reduced-motion:reduce){
  #map{transition:none}
}

/* Large screens: center the map column and cap the list width */
@media (min-width:1000px){
  .bassins-grid{grid-template-columns:1fr 520px 1fr}
  .bassins-list{grid-column:1 / 4; max-width:920px}
  .bassins-map{grid-column:2 / 3; justify-self:center; width:520px}
  /* two columns of fiches inside the list on medium/large screens */
  .bassins-list{grid-template-columns:repeat(2, minmax(0,1fr));}
  #map{height:560px}
}

/* Strong overrides to ensure layout applies even if other rules override or caches persist */
.bassins-page .bassins-map{margin:0 auto !important; width:520px !important; justify-self:center !important}
.bassins-page .bassins-list{max-width:920px !important}
.bassins-page .bassin-media{flex:0 0 96px !important}
.bassins-page .bassin-thumb{width:96px !important; height:72px !important}