/* Toggle + compteur */
.hhb-wl-toggle-wrap { position: relative; display: inline-block; }
.hhb-wl-toggle { position: relative; cursor: pointer; display:inline-flex; }
.hhb-wl-iconwrap { display:inline-flex; width:100%; }
.hhb-wl-count {
    background: #eeeeee;
    color: #09374f;
    display: flex;
    left: 16px;
    top: -3px;
    border-radius: 50px;
    padding: 0.15rem 0.5rem;
    font-size: 0.65rem;
    margin-bottom: 1rem;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    position: absolute;
}

/* Dropdown */
.hhb-wl-dropdown {
  display: block; position: absolute; top: 40px; right: -60px;
  width: 20rem; max-height: 700px; overflow-y: auto;
  background: rgb(255 255 255 / 11%);
  -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(10px);
  border: 1px solid rgb(243 243 243);
  box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.08);
  border-radius: 6px; padding: 0.5rem;
  opacity: 0; transform: translateY(-60px);
  transition: opacity .4s, transform .4s, visibility .4s;
  pointer-events: none; visibility: hidden; z-index: -1;
}
.hhb-wl-dropdown.active {
  display: block; opacity: 1; transform: translateY(0);
  z-index: 100; pointer-events: auto; visibility: visible;
}

/* Liste */
.hhb-wl-list { list-style: none; margin: 0; padding: 0; }
.hhb-wl-item {
  display: flex; align-items: center; padding: 0.75rem;
  border-bottom: 1px solid rgb(0 0 0 / 8%);
  justify-content: space-between; border-radius: 0;
  background-color: #ffffff00;
  transition: background-color .3s, border-radius .3s;
}
.hhb-wl-item:last-child { border-bottom: none; }
.hhb-wl-item:hover { background: #fff; border-radius: 6px; }

.hhb-wl-item a {
  text-decoration: none; display: flex; align-items: center; justify-content: space-between;
}
.hhb-wl-item img { width: 3.5rem; height: auto; border-radius: 8px; margin-right: .75rem; }
.hhb-wl-item-title { flex: 1; color: #222; font-weight: 500; }

.hhb-wl-remove {
  font-size: 1.2rem; color: #09374f; cursor: pointer; background:#fff;
  border: 1px solid rgb(231 231 231);
  transition: color .3s, background-color .3s;
  border-radius: 2.5rem; width: 1.6rem; height: 1.6rem;
}
.hhb-wl-remove:hover { color: #fff; background:#363636; }

/* Vide */
.hhb-wl-empty { padding: 2rem; text-align: center; color: #555; }
.hhb-wl-button {
  display: inline-block; margin-top: 1rem; padding: .5rem 1rem;
  background: rgba(255,255,255,0.2); color: #222; text-decoration: none;
  border-radius: 8px; font-weight: 500; border: 1px solid rgb(197 197 197 / 30%);
  backdrop-filter: blur(5px); text-transform: uppercase; font-size: .8rem; letter-spacing: .07rem;
  transition: background .3s;
}
.hhb-wl-button:hover { background: #fff; }

/* Bouton “ajouter à la wishlist” */
.hhb-wl-add {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .4rem .8rem; margin-top: .7rem; background: transparent;
  border: 0; border-radius: 6px; color: #444;
  font-size: .9rem; font-weight: 500; text-decoration: none;
  transition: background .2s, border-color .2s, color .2s;
}
.hhb-wl-add:hover { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.2); }

/* Icônes */
.hhb-wl-icon { width: 1.2em; height: 1.2em;     fill: #09374f; transition: transform .2s, fill .2s; }
.hhb-wl-icon--heart .cls-1 { fill: none; stroke: #09374f; stroke-width: 2; }

/* État “ajouté” */
.hhb-wl-add.is-added {  border-color: rgba(0,0,0,.15); color: #222; }
.hhb-wl-add.is-added:hover { background: rgba(0,0,0,.15); }
.hhb-wl-add.is-added .hhb-wl-icon { transform: scale(1.1); }
.hhb-wl-add.is-added .hhb-wl-icon--heart-full .cls-1 {     fill: #09374f; stroke: none; }

/* Label */
.hhb-wl-label { display: inline-block; line-height: 1; }


.hhb-booking-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.hhb-booking-wishlist .hhb-wl-add{
  margin-top:0;
  padding:0;
  border:none;
  background:transparent;
}

.hhb-booking-wishlist .hhb-wl-icon{
  width:26px;
  height:26px;
}

.hhb-booking-wishlist .hhb-wl-add.is-added .hhb-wl-icon{
  transform:none; /* pas d'effet zoom dans l'entête */
}