: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-flight-schedule-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.vro-flight-schedule-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-flight-schedule-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);
  font-weight: 600;
  color: #333;
}

.vro-flight-schedule-table tbody tr {
  border-bottom: 1px solid var(--vro-border-color);
  transition: background-color 0.2s ease;
}

.vro-flight-schedule-table tbody tr:last-of-type {
  border-bottom: none;
}

.vro-flight-schedule-table tbody tr:hover {
  background-color: var(--vro-bg-secondary);
}

.vro-flight-schedule-table td {
  padding: var(--vro-padding-desktop);
  vertical-align: middle;
  white-space: nowrap;
}

.vro-flight-schedule-table th:first-child,
.vro-flight-schedule-table td:first-child {
  width: 1%;
  white-space: nowrap;
}

/* Keep table layout on mobile/tablet and allow horizontal scroll via wrapper, mirroring hotel wisata behavior */

/* Print styles */
@media print {
  .vro-flight-schedule-wrapper {
    overflow-x: visible;
  }
  
  .vro-flight-schedule-table {
    border: 1px solid #000;
    width: 100%;
    min-width: 100%;
  }
}