.hhb-resa-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:16px;
}
.hhb-resa-card{
  border:1px solid #eaeaea;
  border-radius:4px;
  background:#fff;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.hhb-resa-media{
  position:relative;
  min-height:80px;
  background:#f7f7f7;
}
.hhb-resa-thumb{
  width:100%;
  height: 165px !important;
  object-fit:cover;
  display:block;
}
.hhb-resa-emblem{
  position:absolute;
  top:10px; left:10px;
  width:64px; height:auto;
  background:#ffffffc9;
  border:1px solid #eee;
  border-radius:4px;
  padding:6px;
}
.hhb-resa-header{
  padding:12px;
  border-top:1px solid #f3f3f3;
}
.hhb-resa-title {

    font-size: 16px;
    font-weight: 700;
    margin-top: 0 !important;
}
.hhb-resa-title a {
    color: #09374f;
    text-decoration: none;
    transition: opacity .4s ease;
}
.hhb-resa-title a:hover{  opacity: .6;   transition: opacity .4s ease;     color: #09374f;}
.hhb-resa-meta{
  display:flex; gap:12px; flex-wrap:wrap;
    color: #09374f;
  font-size:13px;
}

.hhb-resa-card .hhb-resa-details *{
    color: #09374f;
}

.hhb-resa-card .hhb-resa-prices *{
    color: #09374f;
}

.hhb-resa-details, .hhb-resa-prices{
  padding:12px;
  display:grid;
  gap:6px;
  border-top:1px solid #f6f6f6;
}
.hhb-resa-prices{ background:#fafafa; }

.hhb-resa-badges{
  display:flex; gap:8px; flex-wrap:wrap; margin-top:6px;
}
.hhb-badge{
  display:inline-flex; align-items:center;
  height:24px; padding:0 8px; border-radius:4px;
  font-size:12px; font-weight:600; line-height:1;
  border:1px solid transparent;
}

/* Order status */
.hhb-badge--order-processing { background:#eaf2ff; color:#0a3d91; border-color:#cfe0ff; }
.hhb-badge--order-completed  { background:#eaf7ea; color:#0a6b0a; border-color:#cfe9cf; }
.hhb-badge--order-on-hold    { background:#fff6df; color:#8a5a00; border-color:#ffe6b0; }
.hhb-badge--order-pending    { background:#f4f6f8; color:#3c4650; border-color:#e6eaee; }
.hhb-badge--order-cancelled,
.hhb-badge--order-refunded,
.hhb-badge--order-failed     { background:#fdeaea; color:#a01313; border-color:#facccc; }

/* Stay status */
.hhb-badge--stay-upcoming { background:#eef6ff; color:#0a4e85; border-color:#d6e8ff; }
.hhb-badge--stay-ongoing  { background:#eaf7ea; color:#0a6b0a; border-color:#cfe9cf; }
.hhb-badge--stay-past     { background:#f4f6f8; color:#4a5560; border-color:#e6eaee; }