/===== Filters (pills) ===== */
.gr_year_filter{margin:1rem 0 1.25rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.gr_year_filter strong{margin-right:.5rem}
.gr_year_chip{display:inline-block;padding:.35rem .6rem;border-radius:6px;background:#3b3b3b;color:#fff;text-decoration:none;line-height:1}
.gr_year_chip:hover,.gr_year_chip:focus{background:#000;color:#fff;outline:none}
.gr_year_chip[aria-current="true"]{outline:2px solid #3b3b3b;background:#000}
.gr_year_chip--clear{background:#e5e5e5;color:#222}
.gr_year_sep{opacity:.35;display:inline-block;margin:0 .25rem}

/* ===== Legacy JS buttons (kept if you re-enable the JS filter) ===== */
.gr_year_filter_buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.gr_year_filter_buttons button{background:#f5f5f5;border:1px solid #ccc;padding:6px 12px;cursor:pointer;border-radius:4px;transition:all .3s}
.gr_year_filter_buttons button.active,.gr_year_filter_buttons button:hover{background:#444;color:#fff;border-color:#444}

/* ===== Cards list (150px image left, text right) ===== */
.gr_cd_ventes_list{display:flex;flex-direction:column;gap:8px}
.gr_cd_vente{display:block;padding:14px 0;border-top:1px solid #efefef;border-bottom:1px solid #efefef;position:relative}
.gr_cd_vente:first-of-type{border-top:0}

/* Columns wrapper mimicking Gutenberg Columns */
.gr_cd_cols{display:flex;gap:16px;align-items:center;line-height: 0px;}
.gr_cd_col_img{flex:0 0 150px}
.gr_cd_col_body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}

/* Image 150×150 cover */
.gr_cd_vente_img{display:block;width:150px}
.gr_cd_vente_thumb{width:150px;height:150px;object-fit:cover;display:block;border-radius:8px}
.gr_cd_noimg{background:#f3f3f3}

/* Texts */
.gr_cd_vente_body{display:flex;flex-direction:column;gap:.1rem;line-height:1}
.gr_cd_ventes_nom{margin:.0;font-size:1.6rem;line-height:1.2}
.gr_cd_vente_infos{margin:.0;opacity:.85}
.gr_cd_ventes_txt{margin:.0;color:#333;line-height:1.2}
.gr_cd_vente_date small{opacity:.8}
.gr_cd_year_divider{border:0;border-top:1px solid #eaeaea;margin:18px 0}

/* ===== Pagination ===== */
.gr_cd_pagination{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:10px}
.gr_cd_pagination a{padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;text-decoration:none}
.gr_cd_page_prev{margin-right:auto}
.gr_cd_page_next{margin-left:auto}

/* ===== Responsive ===== */
@media (max-width:800px){
  .gr_cd_cols{flex-direction:column;align-items:flex-start}
  .gr_cd_col_img{flex-basis:auto;}
  .gr_cd_vente_img,.gr_cd_vente_thumb{width:100%;height:auto;max-width:none}
}
/* Full-card clickable overlay for ventes list */
.gr_cd_vente:hover{opacity:.8;transition:opacity .2s ease}

/* Keep content above the overlay for proper text selection */
.gr_cd_cols, .gr_cd_body_group{position:relative}

/* ===== Bouton "Voir la vente" ===== */
/* Version foncée par défaut */
.gr_cd_btn {
  display:inline-block;
  padding:10px;
  border:1px solid #ddd;
  border-radius:6px;
  text-decoration:none;
  font-size:.85rem;
  background:#3b3b3b;
  color:#fff;
  transition:background .2s ease, opacity .2s ease, transform .08s ease;
}
.gr_cd_btn:hover { background:#2a2a2a; color:#fff }
.gr_cd_btn:active { transform:translateY(1px) }

/* Version claire — à activer si souhaitée
.gr_cd_btn {
  display:inline-block;
  padding:.35rem .6rem;
  border:1px solid #ddd;
  border-radius:6px;
  background:#e5e5e5;
  color:#222;
  text-decoration:none;
  font-size:.85rem;
  transition:background .2s ease, transform .08s ease;
}
.gr_cd_btn:hover { background:#d9d9d9 }
*/

/* --- Conteneur du filtre --- */
.gr_ventes_passees_filtre {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

/* --- Boutons du filtre --- */
.gr_ventes_passees_filtre a {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    font-size: 0.9rem;
    text-decoration: none;
    color: #444444;
    background-color: #ffffff;
    border: 1px solid #444444;
    border-radius: 4px;
    transform: scale(1);
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

/* --- Hover --- */
.gr_ventes_passees_filtre a:hover {
    color: #ffffff;
    background-color: #444444;
    border-color: #ffffff;
    transform: scale(1.02);
}

/* --- Bouton actif --- */
.gr_ventes_passees_filtre a.is-active {
    color: #ffffff;
    background-color: #444444;
    border-color: #ffffff;
}

/* --- Responsive mobile --- */
@media (max-width: 600px) {
    .gr_ventes_passees_filtre {
        justify-content: center;
    }
}