:root {
    --vro-bg-primary: #ffffff;
    --vro-bg-secondary: #f9fafb;
    --vro-bg-header: #f7f7f7;
    --vro-border-color: #ddd;
    --vro-radius: 10px;
    --vro-padding-desktop: 16px 24px;
  }
  
  .vro-hotel-wisata-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .vro-hotel-table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: var(--vro-bg-primary);
    border-radius: var(--vro-radius);
    border: 1px solid var(--vro-border-color);
    overflow: hidden;
  }
  
  .vro-hotel-table thead th {
    padding: var(--vro-padding-desktop);
    text-align: left;
    background-color: var(--vro-bg-header);
    border-bottom: 2px solid var(--vro-border-color);
  }
  
  .vro-hotel-table tbody tr {
    border-bottom: 1px solid var(--vro-border-color);
  }
  
  .vro-hotel-table tbody tr:last-of-type {
    border-bottom: none;
  }
  
  .vro-hotel-table td {
    padding: var(--vro-padding-desktop);
    vertical-align: middle;
    white-space: nowrap;
  }
  
  .vro-hotel-table th:first-child,
  .vro-hotel-table td:first-child {
    width: 1%;
    text-align: center;
  }  
  
  @media print {
    .vro-hotel-wisata-wrapper {
      overflow-x: visible;
      break-inside: avoid;
    }
    .vro-hotel-table {
      border: 1px solid var(--vro-border-color);
    }
    .vro-hotel-table th {
      background-color: var(--vro-bg-header) !important;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
    }
  }
  
table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.95em;
    margin-block-end: 0px !important;
    width: 100%;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: var(--vro-bg-secondary);
}