/* =========================
   SALONS DU LIVRE — FRONT
   Clean (HTML: .sdl-grid + .sdl-item)
   ========================= */

/* ----- Filtres ----- */
body .sdl-filters{ margin: 0 0 20px; }

body .sdl-filters__row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:end;
}

body .sdl-filters__field{
  min-width: 220px;
  flex: 1 1 220px;
}

body .sdl-filters__field--check{
  min-width: 180px;
  flex: 0 0 auto;
}

body .sdl-filters__field label{
  display:block;
  font-weight:600;
  margin:0 0 6px;
}

body .sdl-filters__field select,
body .sdl-filters__field input[type="text"]{
  width:100%;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.2);
  border-radius:0;
  background:#fff;
  box-sizing:border-box;
  height: 36px;
}

body .sdl-check{
  display:flex;
  gap:8px;
  align-items:center;
  font-weight:600;
}

body .sdl-filters__actions{
  display:flex;
  gap:10px;
  flex: 0 0 auto;
}

body .sdl-btn{
  padding:10px 14px;
  border:1px solid rgba(0,0,0,.2);
  background:#fff;
  border-radius:0;
  cursor:pointer;
  text-decoration:none;
  line-height:1;
  display:inline-flex;
  align-items:center;
  height: 36px;
}

body .sdl-btn--ghost{ background:transparent; }

body .sdl-results{
  margin-top: 10px;
  opacity: .8;
}

/* ----- Grille 2 colonnes ----- */
body .sdl-grid{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 32px 48px !important;
  align-items:start;
}

@media (max-width: 900px){
  body .sdl-grid{
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

/* ----- Carte / Salon : contour ----- */
body .sdl-item{
  border:1px solid #e5e5e5;
  padding:28px;
  background:#fff;
  border-radius:0;
  margin:0; /* au cas où le thème ajoute des margins */
  min-width:0; /* important pour grid */
}

body .sdl-item:hover{
  border-color:#000;
}

body .sdl-title{
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
}

/* Lignes d’infos */
body .sdl-row{
  margin: 0 0 6px;
  line-height: 1.6;
}

body .sdl-label{
  font-weight:600;
  margin-right:8px;
}

body .sdl-modalite{
  margin: 6px 0 10px;
  line-height: 1.6;
}

/* Liens */
body .sdl-row a{
  color:inherit;
  text-decoration:underline;
}

body .sdl-row a:hover{
  text-decoration:none;
}

/* ----- Pagination ----- */
body .sdl-pagination{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 24px;
}

body .sdl-page{
  border:1px solid rgba(0,0,0,.2);
  padding:6px 10px;
  text-decoration:none;
  border-radius:0;
  line-height:1;
}

body .sdl-page.is-current{
  font-weight:700;
  background:#fff;
}

/* ----- Empty state ----- */
body .sdl-empty{
  opacity:.8;
}