/* ==== Venue Single (Venue Rental) – CSS (no floating actions) ==== */

/* Harmonize list dividers: keep exactly one line between items */
.venue-single .vr-clean-list{ margin:0 !important; padding:0 !important; list-style:none !important; }
.venue-single .vr-clean-list > li{ margin:0 !important; padding:12px 0 !important; border:0 !important; border-bottom:1px solid #eee !important; }
.venue-single .vr-clean-list > li:last-child{ border-bottom:0 !important; }
.venue-single .vr-clean-list hr,
.venue-single .vr-clean-list .divider{ display:none !important; }
/* Remove extra border at link level to avoid double line */
.venue-single .vr-clean-list .related-venue-link,
.venue-single .vr-clean-list .newest-venue-link{ border-bottom:none !important; }

/* Mobile: center the top share & wishlist buttons under the title */
@media (max-width: 767.98px){
  .venue-single .title-share-wishlist{
    display:flex; flex-direction:column; gap:10px; align-items:flex-start;
  }
  .venue-single .title-share-wishlist .share-wishlist{
    width:100%; display:flex; justify-content:center; gap:12px;
  }
  .venue-single .title-share-wishlist .share-wishlist .share-container,
  .venue-single .title-share-wishlist .share-wishlist .wishlist-button{
    width:46px; height:46px; border-radius:999px; background:#fff;
    border:1px solid rgba(0,0,0,.12); box-shadow:0 2px 8px rgba(0,0,0,.15);
    display:flex; align-items:center; justify-content:center;
  }
}

/* Mobile: stack 2 boxes vertically, but list inside each box = 2 columns */
@media (max-width: 767.98px){
  /* Hai khối: Suitable Venues trên – Venue Amenities dưới */
  .venue-info-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
  }

  /* Danh sách trong mỗi khối: 2 cột */
  .venue-info-grid .venue-info-list{
    -webkit-columns: 2 !important;
    -moz-columns: 2 !important;
    columns: 2 !important;
    column-gap: 16px !important;
  }

  /* Tránh vỡ cột, căn khoảng cách item */
  .venue-info-grid .venue-info-list li{
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 8px;
  }

  /* Padding nhẹ cho mỗi box cho thoáng */
  .venue-info-grid .venue-info-col{
    padding: 16px !important;
  }
}