/* ===== HMM Front Styles (v1.3.8) ===== */

/* Container: center within max 1920px, stretch to 100% */
.hmm-rooms-table{
  max-width:1920px;
  width:100%;
  margin:0 auto;
  padding:10px;
  box-sizing:border-box;
}

/* Table base */
.hmm-rooms-table table{
  width:100%;
  border-collapse:collapse;
  table-layout:auto;
}
.hmm-rooms-table th,
.hmm-rooms-table td{
  border:1px solid #ddd;
  padding:8px 10px;
  font-size:14px;
  line-height:1.4;
  text-align:left;
  white-space:nowrap;
}
.hmm-rooms-table thead th{
  background:#f7f7f7;
  position:sticky;
  top:0;
  z-index:1;
}

/* Make long text wrap in notes cell */
.hmm-rooms-table td:nth-child(5){
  white-space:normal;
}

/* -------- Mobile (<=768px) -------- */
@media screen and (max-width:768px){
  .hmm-rooms-table{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding:6px;
  }
  .hmm-rooms-table table{
    min-width:700px; /* horizontal scroll when narrow */
    font-size:12px;
  }
  .hmm-rooms-table th,
  .hmm-rooms-table td{
    padding:6px 8px;
  }
}

/* Area grouping */
.hmm-area-heading{margin:16px 0 6px;font-size:18px;border-left:4px solid #ddd;padding-left:8px;}
.hmm-area-block{margin-bottom:14px;}


/* v1.4.1 unified table grid */
.hmm-rooms-table table{ width:100%; border-collapse:collapse; }
.hmm-rooms-table th,.hmm-rooms-table td{ border:1px solid #ddd; padding:8px 10px; }
.hmm-rooms-table .hmm-area-row td{ background:#f3f3f3; font-weight:bold; border-top:2px solid #ccc; }
