.elementor-4757 .elementor-element.elementor-element-868423d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}/* Start custom CSS for container, class: .elementor-element-868423d *//* Menggunakan class .tabel-umrah sebagai pengunci agar tidak merusak Elementor */
.tabel-umrah {
  margin: 20px 0;
  font-family: sans-serif;
}

.tabel-umrah .wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.tabel-umrah table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  min-width: 680px; /* Standar minimal agar tidak berhimpitan */
  background: #fff;
}

/* --- Header --- */
.tabel-umrah thead tr {
  background: #0d6b5e;
  color: #fff;
}

.tabel-umrah thead th {
  padding: 10px;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  border: 1px solid rgba(0,0,0,0.1);
}

.tabel-umrah thead th.mek, 
.tabel-umrah thead th.mad {
  color: #f5c842;
}

/* --- Body & Rows --- */
.tabel-umrah tbody tr {
  border-bottom: 1px solid #b2dfdb;
}

.tabel-umrah tbody tr:nth-child(even) {
  background: #f0faf8;
}

.tabel-umrah tbody tr:hover {
  background: #c8e6e2;
}

.tabel-umrah td {
  padding: 8px 10px;
  vertical-align: middle;
  color: #333;
}

/* --- Variasi Warna & Status --- */
.tabel-umrah .tgl { font-weight: bold; white-space: nowrap; color: #0d6b5e; }
.tabel-umrah .tgl-hs, .tabel-umrah .biaya-hs { color: #c0392b; }

.tabel-umrah .paket-nama { font-weight: bold; color: #1a3a35; }
.tabel-umrah .paket-sub { font-size: 11px; color: #c0392b; font-style: italic; margin-top: 2px; }

/* Badge & Tags */
.tabel-umrah .tag, .tabel-umrah .hs-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 7px;
  border-radius: 4px;
  margin-left: 5px;
  vertical-align: middle;
}

.tabel-umrah .tag-silver { background: #e0f2f1; color: #00695c; border: 1px solid #00695c; }
.tabel-umrah .tag-gold { background: #fff8e1; color: #b8860b; border: 1px solid #b8860b; }
.tabel-umrah .tag-crystal { background: #e8eaf6; color: #3949ab; border: 1px solid #3949ab; }
.tabel-umrah .tag-platinum{background:#f3e5f5;color:#7b1fa2;border:1px solid #7b1fa2}
.tabel-umrah .hs-badge { background: #c0392b; color: #fff; transform: rotate(-1deg); }

/* Harga & Hotel */
.tabel-umrah .biaya { font-weight: bold; font-size: 14px; color: #0d6b5e; white-space: nowrap; }
.tabel-umrah .mad-route { color: #c0392b; font-weight: bold; }
.tabel-umrah .star-y, .tabel-umrah .star-m { color: #f5c842; }
.tabel-umrah .star-g { color: #aaa; }
.tabel-umrah .star-s { color: #90a4ae; }

.tabel-umrah .pelat {
  display: inline-block;
  background: #f5c842;
  color: #6b4c00;
  font-size: 10px;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}

/* Section Header (Baris judul di tengah tabel) */
.tabel-umrah tr.sec td {
  background: #0d6b5e !important;
  color: #fff !important;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* --- Note Section --- */
.tabel-umrah .note {
  font-size: 11.5px;
  padding: 12px 5px;
  line-height: 1.7;
  border-top: 2px solid #0d6b5e;
  margin-top: 10px;
}

/* --- TEMA ALTERNATIF (TEMA BIRU/MASKAPAI) --- */
.tabel-umrah.blue thead tr,
.tabel-umrah.blue tr.sec td { background: #00838f !important; }
.tabel-umrah.blue .tgl, .tabel-umrah.blue .biaya { color: #00838f; }
.tabel-umrah.blue .note { border-top-color: #00838f; }
.tabel-umrah.blue tbody tr:hover { background: #b2ebf2; }/* End custom CSS */