/* R108_BBB_ROOM_AMENITIES_V151_ACTIVE */

/* แถบเตี้ยและกระชับ รองรับสูงสุด 12 ไอคอนในแถวเดียว */
#rooms .bbb-v149-amenities {
  min-height: 39px !important;
  height: 39px !important;
  margin-top: -19px !important;
  margin-bottom: -20px !important;
  padding: 5px 7px !important;
  gap: 3px !important;
  border-radius: 12px !important;
}

#rooms .bbb-v149-amenities .bbb-v149-amenity {
  flex: 0 0 25px !important;
  flex-basis: 25px !important;
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
}

#rooms .bbb-v149-amenity svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 1.75 !important;
}

#rooms .bbb-v149-empty {
  font-size: 10px !important;
  font-weight: 400 !important;
}

/* Tooltip ชั้นลอยของ V150: ฟอนต์เล็ก บาง และอ่านง่าย */
.bbb-v150-tooltip {
  max-width: min(180px, calc(100vw - 16px)) !important;
  padding: 4px 7px !important;
  border-radius: 6px !important;
  font-family: inherit !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, .22) !important;
  transform: translate(-50%, -100%) translateY(-6px) !important;
}

@media (max-width: 700px) {
  #rooms .bbb-v149-amenities {
    width: calc(100% - 24px) !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
    gap: 2px !important;
  }

  #rooms .bbb-v149-amenities .bbb-v149-amenity {
    flex-basis: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
  }

  #rooms .bbb-v149-amenity svg {
    width: 13px !important;
    height: 13px !important;
  }
}