.elementor-8856 .elementor-element.elementor-element-64b84a7{--display:flex;}.elementor-8856 .elementor-element.elementor-element-0e771e3{--display:flex;}.elementor-8856 .elementor-element.elementor-element-600d0ce{--display:flex;}.elementor-8856 .elementor-element.elementor-element-bde8b88{--display:flex;}.elementor-8856 .elementor-element.elementor-element-629014f{--display:flex;}.elementor-8856 .elementor-element.elementor-element-53129c4{--display:flex;}.elementor-8856 .elementor-element.elementor-element-3e27c65{--display:flex;}.elementor-8856 .elementor-element.elementor-element-463dba1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}/* Start custom CSS for nested-tabs, class: .elementor-element-463dba1 *//* ============================================================
   FIX TAB + ITINERARY — POSISI KONTEN TETAP
   DESKTOP + HP (GRID 4-3 YANG RAPI & RAMPING)
   ============================================================ */

/* TAB HEADING */
.elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tabs-heading {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;

  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(8px) !important;

  padding: 10px 16px !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 900px !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 10px !important;

  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* TAB */
.elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tab-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

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

  border-radius: 20px !important;

  background-color: #f1f5f9 !important;
  color: #475569 !important;

  font-weight: 700 !important;
  font-size: 13px !important;

  border: 1px solid #cbd5e1 !important;
  padding: 8px 6px !important;
  margin: 0 !important;

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

  transition: all 0.2s ease !important;
}

/* TAB AKTIF */
.elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tab-title[aria-selected="true"],
.elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tab-title.e-active {
  background-color: #0b8a7e !important;
  color: #ffffff !important;
  border-color: #0b8a7e !important;
  box-shadow: 0 3px 8px rgba(11, 138, 126, 0.3) !important;
}

/* ============================================================
   KONTEN TAB — KUNCI POSISI AGAR A/B/C/D TIDAK LARI
   ============================================================ */

.elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tabs-content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* SEMUA PANEL TAB */
.elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tabs-content > .e-con,
.elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tabs-content > .e-n-tab-content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* ITINERARY DI DALAM TAB */
.elementor-8856 .elementor-element.elementor-element-463dba1 .tbl-app-container {
  width: 100% !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* ============================================================
   FOTO ITINERARY 16:9
   ============================================================ */

.tbl-app-img-holder {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  background-color: #f1f5f9 !important;
  overflow: hidden !important;
}

.tbl-app-img-holder img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ZOOM */
.tbl-app-spot-card:hover .tbl-app-img-holder img {
  transform: scale(1.08) !important;
}

/* HILANGKAN ELEMEN TAMBAHAN */
.elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tabs-heading::after,
.elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tabs-heading::before {
  display: none !important;
}

/* ============================================================
   HP — GRID 4 DI ATAS, 3 DI BAWAH (RAMPING & TIDAK BERANTAKAN)
   ============================================================ */

@media (max-width: 600px) {

  .elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tabs-heading {
    grid-template-columns: repeat(4, 1fr) !important; /* Baris pertama isi 4 */
    gap: 5px !important;
    padding: 8px 8px !important;
  }

  /* Mengatur 3 tab terakhir (5, 6, 7) agar turun ke baris kedua dan pas di tengah */
  .elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tab-title:nth-child(5) {
    grid-column: 1 / span 2 !important;
  }
  .elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tab-title:nth-child(6) {
    grid-column: 3 / span 2 !important;
  }
  .elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tab-title:nth-child(7) {
    grid-column: 2 / span 2 !important;
  }

  .elementor-8856 .elementor-element.elementor-element-463dba1 .e-n-tab-title {
    font-size: 10.5px !important;
    padding: 6px 2px !important;
    border-radius: 14px !important;
    letter-spacing: -0.2px !important; /* Biar teks agak merapat dan tidak turun baris */
  }

  .elementor-8856 .elementor-element.elementor-element-463dba1 .tbl-app-container {
    width: 100% !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS */.th-menu-toggle i {
    font-family: "Font Awesome 6 Pro" !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.th-menu-toggle i::before {
    content: "\f0c9" !important;
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
}/* End custom CSS */