@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap");

/* =========================================================
   TRIP TABLE — BASE / DESKTOP
========================================================= */

.trip-dashboard-theme,
.trip-dashboard-theme *,
.trip-dashboard-theme *::before,
.trip-dashboard-theme *::after {
  box-sizing: border-box !important;
  font-family: "DM Sans", "Segoe UI", Arial, sans-serif !important;
}

.trip-dashboard-theme {
  --trip-navy: #030333;
  --trip-text: #252535;
  --trip-muted: #777777;
  --trip-line: #e7e9ef;
  --trip-green: #166534;
  --trip-orange: #d97706;
  --trip-red: #b91c1c;
  --trip-white: #ffffff;

  width: 75vw !important;
  max-width: none !important;

  margin-left: calc(50% - 37.5vw) !important;
  margin-right: calc(50% - 37.5vw) !important;
  padding: 0 15px !important;

  color: var(--trip-text) !important;
  background: transparent !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;

  transform: none !important;
  -webkit-font-smoothing: antialiased !important;
}

/* =========================================================
   YEAR SECTION
========================================================= */

.trip-year-section {
  width: 100% !important;

  margin: 0 0 24px !important;
  padding: 0 !important;

  background: var(--trip-white) !important;
  border: 1px solid var(--trip-line) !important;
  border-radius: 10px !important;

  box-shadow: none !important;
  overflow: hidden !important;
}

.trip-year-section:last-child {
  margin-bottom: 0 !important;
}

.trip-year-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 35px !important;

  margin: 0 !important;
  padding: 6px 16px !important;

  color: var(--trip-white) !important;
  background: var(--trip-navy) !important;

  border: 0 !important;
  border-bottom: 3px solid var(--trip-white) !important;
  border-radius: 0 !important;

  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* =========================================================
   TABLE WRAPPER
========================================================= */

.trip-table-wrap {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--trip-white) !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  overflow-x: auto !important;
}

/* =========================================================
   TABLE
========================================================= */

.trip-premium-table {
  display: table !important;

  width: 100% !important;
  min-width: 850px !important;
  max-width: none !important;

  margin: 0 !important;

  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;

  color: var(--trip-text) !important;
  background: var(--trip-white) !important;
}

.trip-premium-table thead {
  display: table-header-group !important;
}

.trip-premium-table tbody {
  display: table-row-group !important;
}

.trip-premium-table tr {
  display: table-row !important;
  background: var(--trip-white) !important;
}

.trip-premium-table th,
.trip-premium-table td {
  display: table-cell !important;

  border: 0 !important;
  border-bottom: 1px solid var(--trip-line) !important;

  vertical-align: middle !important;
}

/* =========================================================
   TABLE HEADER
========================================================= */

.trip-premium-table thead th {
  height: 42px !important;

  padding: 10px 14px !important;

  color: var(--trip-white) !important;
  background: var(--trip-navy) !important;

  border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-bottom: 3px solid var(--trip-white) !important;

  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;

  text-align: center !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.trip-premium-table thead th:last-child {
  border-right: 0 !important;
}

/* =========================================================
   TABLE BODY
========================================================= */

.trip-premium-table tbody td {
  height: 58px !important;
  min-height: 58px !important;

  padding: 11px 14px !important;

  color: var(--trip-text) !important;
  background: var(--trip-white) !important;

  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.trip-premium-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.trip-premium-table tbody tr:hover td {
  background: #f8f9fc !important;
}

.trip-premium-table td::before {
  content: none !important;
  display: none !important;
}

/* =========================================================
   DESKTOP COLUMN WIDTH
========================================================= */

/* Tarikh */
.trip-premium-table th:nth-child(1),
.trip-premium-table td:nth-child(1) {
  width: 22% !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Harga */
.trip-premium-table th:nth-child(2),
.trip-premium-table td:nth-child(2) {
  width: 18% !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Kekosongan */
.trip-premium-table th:nth-child(3),
.trip-premium-table td:nth-child(3) {
  width: 18% !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Airline */
.trip-premium-table th:nth-child(4),
.trip-premium-table td:nth-child(4) {
  width: 20% !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Tempahan */
.trip-premium-table th:nth-child(5),
.trip-premium-table td:nth-child(5) {
  width: 22% !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* =========================================================
   DATE
========================================================= */

.trip-date-wrap {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}

.trip-date {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--trip-text) !important;

  font-size: 11px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.4 !important;

  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.trip-date-note {
  display: block !important;
  position: static !important;

  float: none !important;
  clear: both !important;

  width: 100% !important;

  margin: 4px 0 0 !important;
  padding: 0 !important;

  color: var(--trip-muted) !important;

  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;

  text-align: center !important;
  white-space: normal !important;
}

/* =========================================================
   PRICE
========================================================= */

.trip-discount,
.trip-price {
  display: block !important;

  width: fit-content !important;

  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

.trip-discount {
  margin: 0 auto 3px !important;

  color: #dc2626 !important;
  text-decoration: line-through !important;
}

.trip-price {
  margin: 0 auto !important;
  color: var(--trip-text) !important;
}

/* =========================================================
   KEKOSONGAN
========================================================= */

.trip-seat-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 76px !important;
  min-height: 28px !important;

  margin: 0 auto !important;
  padding: 5px 10px !important;

  background: var(--trip-white) !important;
  border-radius: 999px !important;

  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  text-align: center !important;
  white-space: nowrap !important;

  box-shadow: none !important;
}

.trip-seat-badge.is-many {
  color: var(--trip-green) !important;
  border: 1px solid var(--trip-green) !important;
}

.trip-seat-badge.is-low,
.trip-seat-badge.is-critical {
  color: var(--trip-orange) !important;
  border: 1px solid var(--trip-orange) !important;
}

.trip-seat-badge.is-full {
  color: var(--trip-red) !important;
  border: 1px solid var(--trip-red) !important;
}

/* =========================================================
   AIRLINE
========================================================= */

.trip-airline-logo-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 92px !important;
  height: 34px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;

  overflow: hidden !important;
  vertical-align: middle !important;
}

.trip-airline-logo {
  display: block !important;

  width: 84px !important;
  max-width: 84px !important;
  height: 30px !important;
  max-height: 30px !important;

  margin: 0 auto !important;

  object-fit: contain !important;
  object-position: center !important;
}

.trip-airline-multi {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;

  gap: 6px !important;

  width: 100% !important;
  margin: 0 auto !important;
}

.trip-airline-multi .trip-airline-logo-wrap {
  width: 70px !important;
}

.trip-airline-multi .trip-airline-logo {
  width: 64px !important;
  max-width: 64px !important;
  height: 28px !important;
  max-height: 28px !important;
}

.trip-airline-text,
.trip-airline-empty,
.trip-remark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 30px !important;

  margin: 0 auto !important;
  padding: 0 4px !important;

  color: var(--trip-text) !important;
  background: transparent !important;

  border: 0 !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;

  text-align: center !important;
  white-space: normal !important;
}

/* =========================================================
   BOOKING BUTTON
========================================================= */

.trip-booking-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 112px !important;
  min-height: 34px !important;

  margin: 0 auto !important;
  padding: 7px 15px !important;

  color: var(--trip-white) !important;
  background: var(--trip-navy) !important;

  border: 1px solid var(--trip-navy) !important;
  border-radius: 6px !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow: none !important;
  transform: none !important;
  cursor: pointer !important;
}

.trip-booking-btn:hover,
.trip-booking-btn:focus {
  color: var(--trip-navy) !important;
  background: var(--trip-white) !important;

  border-color: var(--trip-navy) !important;

  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.trip-booking-btn-disabled,
.trip-booking-btn-disabled:hover,
.trip-booking-btn-disabled:focus,
.trip-booking-btn-disabled:active {
  color: var(--trip-white) !important;
  background: var(--trip-navy) !important;

  border-color: var(--trip-navy) !important;

  opacity: 0.35 !important;

  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* =========================================================
   NO RESULT
========================================================= */

.trip-no-result {
  width: 75vw !important;
  max-width: none !important;

  margin-left: calc(50% - 37.5vw) !important;
  margin-right: calc(50% - 37.5vw) !important;
  padding: 13px 14px !important;

  color: var(--trip-red) !important;
  background: #fff1f2 !important;

  border: 1px solid #fecdd3 !important;
  border-radius: 8px !important;

  font-family: "DM Sans", "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* =========================================================
   FILTER BULAN & HARGA — DESKTOP
========================================================= */

.trip-filter-wrap {
  display: block !important;

  width: 100% !important;

  margin: 0 0 24px !important;
  padding: 17px 20px !important;

  background: #ffffff !important;
  border: 1px solid #030333 !important;
  border-radius: 10px !important;

  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;

  box-sizing: border-box !important;
}

.trip-filter-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  align-items: end !important;
  gap: 16px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  visibility: visible !important;
  opacity: 1 !important;
}

.trip-filter-group {
  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

.trip-filter-group label {
  display: block !important;

  margin: 0 0 6px !important;
  padding: 0 !important;

  color: #252535 !important;

  font-family: "DM Sans", "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.trip-filter-group select {
  display: block !important;

  width: 100% !important;

  height: 40px !important;
  min-height: 40px !important;

  margin: 0 !important;
  padding: 0 38px 0 12px !important;

  color: #252535 !important;
  background-color: #ffffff !important;

  border: 1px solid #d4d7df !important;
  border-radius: 5px !important;

  outline: none !important;
  box-shadow: none !important;

  font-family: "DM Sans", "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: normal !important;

  cursor: pointer !important;
  visibility: visible !important;
  opacity: 1 !important;

  box-sizing: border-box !important;
}

.trip-filter-group select:hover,
.trip-filter-group select:focus {
  border-color: #030333 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Hanya sembunyikan butang, bukan filter */
.trip-filter-actions,
.trip-filter-btn,
.trip-reset-btn,
.trip-status-badge {
  display: none !important;
}

/* =========================================================
   TRIP TABLE — MOBILE SAHAJA
========================================================= */

@media screen and (max-width: 1024px) {

  /* =======================================================
     MAIN WRAPPER
  ======================================================= */

  .trip-dashboard-theme {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;

    margin-left: calc(50% - 50vw + 8px) !important;
    margin-right: 0 !important;

    padding: 16px 0 0 !important;

    color: var(--trip-text) !important;
    background: #ffffff !important;

    font-size: 7px !important;
    line-height: 1.2 !important;

    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* =======================================================
     FILTER
  ======================================================= */

  .trip-filter-wrap {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto 17px !important;
    padding: 12px !important;

    background: #ffffff !important;
    border: 1px solid var(--trip-navy) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .trip-filter-form {
    display: grid !important;
    grid-template-columns: 1fr !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .trip-filter-group {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .trip-filter-group label {
    display: block !important;

    margin: 0 0 5px !important;

    color: var(--trip-text) !important;

    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }

  .trip-filter-group select {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 30px 0 10px !important;

    color: var(--trip-text) !important;
    background-color: #ffffff !important;

    border: 1px solid #d4d7df !important;
    border-radius: 5px !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    box-shadow: none !important;
    outline: none !important;

    box-sizing: border-box !important;
  }

  .trip-filter-group select:focus {
    border-color: var(--trip-navy) !important;
    outline: none !important;
    box-shadow: none !important;
  }

  /* =======================================================
     YEAR SECTION
  ======================================================= */

  .trip-year-section {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto 17px !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    overflow: hidden !important;

    box-sizing: border-box !important;
  }

  .trip-year-section:last-child {
    margin-bottom: 0 !important;
  }

  .trip-year-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 5px 10px !important;

    color: #ffffff !important;
    background: var(--trip-navy) !important;

    border: 0 !important;
    border-bottom: 2px solid #ffffff !important;
    border-radius: 0 !important;

    font-size: 8px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-align: center !important;
  }

  /* =======================================================
     TABLE WRAPPER
  ======================================================= */

  .trip-table-wrap {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* =======================================================
     TABLE
  ======================================================= */

  .trip-premium-table {
    display: table !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 auto !important;

    table-layout: fixed !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;

    color: var(--trip-text) !important;
    background: #ffffff !important;

    box-sizing: border-box !important;
  }

  .trip-premium-table thead {
    display: table-header-group !important;
  }

  .trip-premium-table tbody {
    display: table-row-group !important;
  }

  .trip-premium-table tr {
    display: table-row !important;
  }

  .trip-premium-table th,
  .trip-premium-table td {
    display: table-cell !important;

    min-width: 0 !important;
    max-width: none !important;

    border: 0 !important;
    vertical-align: middle !important;

    box-sizing: border-box !important;
  }

  /* =======================================================
     TABLE HEADER
  ======================================================= */

  .trip-premium-table thead th {
    height: 28px !important;
    min-height: 28px !important;

    padding: 4px 2px !important;

    color: #ffffff !important;
    background: var(--trip-navy) !important;

    border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-bottom: 2px solid #ffffff !important;

    font-size: 6.5px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;

    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;

    white-space: normal !important;
    overflow: hidden !important;
  }

  .trip-premium-table thead th:last-child {
    border-right: 0 !important;
  }

  /* =======================================================
     TABLE BODY
  ======================================================= */

  .trip-premium-table tbody td {
    height: 49px !important;
    min-height: 49px !important;

    margin: 0 !important;
    padding: 5px 2px !important;

    color: var(--trip-text) !important;
    background: #ffffff !important;

    border-bottom: 1px solid var(--trip-line) !important;

    font-size: 7px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    letter-spacing: 0 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
  }

  .trip-premium-table tbody tr:nth-child(even) td {
    background: #fbfbfc !important;
  }

  .trip-premium-table tbody tr:nth-child(odd) td {
    background: #ffffff !important;
  }

  .trip-premium-table tbody tr:last-child td {
    border-bottom: 0 !important;
  }

  .trip-premium-table tbody tr:hover td {
    background: inherit !important;
  }

  .trip-premium-table td::before {
    content: none !important;
    display: none !important;
  }

  /* =======================================================
     MOBILE COLUMN WIDTH
  ======================================================= */

  /* Tarikh */
  .trip-premium-table th:nth-child(1),
  .trip-premium-table td:nth-child(1) {
    display: table-cell !important;

    width: 25% !important;

    padding-left: 5px !important;
    padding-right: 2px !important;

    text-align: center !important;
    white-space: normal !important;
  }

  /* Harga */
  .trip-premium-table th:nth-child(2),
  .trip-premium-table td:nth-child(2) {
    display: table-cell !important;

    width: 20% !important;

    padding-left: 1px !important;
    padding-right: 1px !important;

    text-align: center !important;
  }

  /* Kekosongan */
  .trip-premium-table th:nth-child(3),
  .trip-premium-table td:nth-child(3) {
    display: table-cell !important;

    width: 19% !important;

    padding-left: 1px !important;
    padding-right: 1px !important;

    text-align: center !important;
  }

  /* Airline */
  .trip-premium-table th:nth-child(4),
  .trip-premium-table td:nth-child(4) {
    display: table-cell !important;

    width: 16% !important;

    padding-left: 1px !important;
    padding-right: 1px !important;

    text-align: center !important;
  }

  /* Tempahan */
  .trip-premium-table th:nth-child(5),
  .trip-premium-table td:nth-child(5) {
    display: table-cell !important;

    width: 20% !important;

    padding-left: 1px !important;
    padding-right: 3px !important;

    text-align: center !important;
  }

  /* =======================================================
     TARIKH
  ======================================================= */

  .trip-date-wrap {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }

  .trip-date {
    display: block !important;
    position: static !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--trip-text) !important;

    font-size: 7px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1.2 !important;

    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .trip-date-note {
    display: block !important;
    position: static !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;

    margin: 4px 0 0 !important;
    padding: 0 !important;

    color: #777777 !important;

    font-size: 6px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;

    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  /* =======================================================
     HARGA
  ======================================================= */

  .trip-discount,
  .trip-price {
    display: block !important;

    width: fit-content !important;
    max-width: 100% !important;

    font-size: 7px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    white-space: nowrap !important;
  }

  .trip-discount {
    margin: 0 auto 1px !important;

    color: #dc2626 !important;
    text-decoration: line-through !important;
  }

  .trip-price {
    margin: 0 auto !important;
    color: var(--trip-text) !important;
  }

  /* =======================================================
     KEKOSONGAN
  ======================================================= */

  .trip-seat-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 52px !important;
    min-height: 22px !important;

    margin: 0 auto !important;
    padding: 3px 2px !important;

    background: transparent !important;
    border-radius: 999px !important;

    font-size: 7px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    text-align: center !important;
    white-space: nowrap !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .trip-seat-badge.is-many {
    color: var(--trip-green) !important;
    border: 1px solid var(--trip-green) !important;
  }

  .trip-seat-badge.is-low,
  .trip-seat-badge.is-critical {
    color: var(--trip-orange) !important;
    border: 1px solid var(--trip-orange) !important;
  }

  .trip-seat-badge.is-full {
    color: var(--trip-red) !important;
    border: 1px solid var(--trip-red) !important;
  }

  /* =======================================================
     AIRLINE
  ======================================================= */

  .trip-airline-logo-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 40px !important;
    height: 23px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    overflow: hidden !important;
  }

  .trip-airline-logo {
    display: block !important;

    width: 100% !important;
    max-width: 38px !important;

    height: 22px !important;
    max-height: 22px !important;

    margin: 0 auto !important;

    object-fit: contain !important;
    object-position: center !important;
  }

  .trip-airline-multi {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 2px !important;

    width: 100% !important;
    margin: 0 auto !important;
  }

  .trip-airline-multi .trip-airline-logo-wrap {
    width: 28px !important;
    height: 18px !important;
  }

  .trip-airline-multi .trip-airline-logo {
    max-width: 27px !important;
    height: 17px !important;
    max-height: 17px !important;
  }

  .trip-airline-text,
  .trip-airline-empty,
  .trip-remark {
    display: block !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: var(--trip-text) !important;
    background: transparent !important;

    font-size: 6.5px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;

    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* =======================================================
     TEMPAHAN
  ======================================================= */

  .trip-booking-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 62px !important;
    min-height: 23px !important;

    margin: 0 auto !important;
    padding: 3px 2px !important;

    color: #ffffff !important;
    background: var(--trip-navy) !important;

    border: 1px solid var(--trip-navy) !important;
    border-radius: 4px !important;

    font-size: 6.5px !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .trip-booking-btn:hover,
  .trip-booking-btn:focus {
    color: #ffffff !important;
    background: var(--trip-navy) !important;
    border-color: var(--trip-navy) !important;
  }

  .trip-booking-btn-disabled,
  .trip-booking-btn-disabled:hover,
  .trip-booking-btn-disabled:focus,
  .trip-booking-btn-disabled:active {
    color: #ffffff !important;
    background: var(--trip-navy) !important;

    opacity: 0.35 !important;
    pointer-events: none !important;
  }

  /* =======================================================
     NO RESULT
  ======================================================= */

  .trip-no-result {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 11px 8px !important;

    color: var(--trip-text) !important;
    background: #ffffff !important;

    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;

    text-align: center !important;
    box-sizing: border-box !important;
  }

  /* Kekalkan butang filter tersembunyi */
  .trip-filter-actions,
  .trip-filter-btn,
  .trip-reset-btn,
  .trip-status-badge {
    display: none !important;
  }
}