/* MDIX Event Fokus — audit fixes */

/* Google Maps API without a key shows an error box; use the keyless embed instead */
#map-canvas {
  display: none !important;
}
.google-map .mdix-map {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 390px;
  border: 0;
}
/* F: widget peta sidebar (event-list/event-grid) pakai #map-canvas1 lewat
   skrip lama terpisah (bug "contentString is not defined" + kunci API
   penjual) — skrip vendor sudah dicopot di HTML, ganti tampilannya juga. */
#map-canvas1 {
  display: none !important;
}
.google-map1 .mdix-map1 {
  display: block;
  width: 100%;
  height: 250px;
  border: 0;
  border-radius: 4px 4px 0 0;
}

/* --- Audit ronde 2 --- */

/* D: plugin owl-carousel men-set `.owl-carousel{display:none}` sampai JS
   menambahkan kelas .owl-loaded — jadi slider/partner/testimoni dll langsung
   dari 0 tinggi lalu "muncul" setelah JS siap, mendorong SEMUA section di
   bawahnya sekaligus → ini sumber CLS desktop terbesar (bukan cuma slide yang
   menumpuk). Tampilkan kontainer dari awal (anak pertama saja, lewat aturan
   di bawah) supaya tinggi akhir sudah benar sejak render pertama. */
.owl-carousel {
  display: block !important;
}
.owl-carousel:not(.owl-loaded) > *:not(:first-child) {
  display: none !important;
}

/* E: kontras AA top-line (bg #f1f2f3) */
.top-line .user-menu li a { color: #435469; }
.top-line .hot-line span { color: #c0132f; }

/* B: teks hot-line panjang terpotong di layar sempit → sembunyikan ≤991px
   (menu sudah jadi off-canvas; top-line cukup menampilkan Daftar/Masuk) */
@media (max-width: 991px) {
  .top-line .hot-line { display: none; }

  /* B: font menu off-canvas minimal 12px */
  .sf-menu a { font-size: 12px; }

  /* C: menu HP tertutup benar-benar tersembunyi (bukan hanya digeser keluar),
     agar link tidak fokusabel/terhitung; tombol toggle tetap tampil */
  .navigation.closed .sf-menu { display: none; }
  .navigation.opened .sf-menu { display: block; }

  /* C: tombol menu ≥44px */
  .menu-toggle {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
  }
  .navigation.opened .menu-toggle { top: 4px; }
}

/* B: target sentuh ikon sosial kartu (hexagon) ≥24px pada badannya
   (footer punya aturan sendiri yang lebih spesifik, tidak terpengaruh) */
.social-line a {
  height: 24px;
  line-height: 24px;
}

/* D: isotope mengatur posisi absolute lalu mengukur tinggi kontainer lewat JS;
   di jendela antara (sebelum height diset), kontainer kolaps ke 0 → CLS sangat
   tinggi di desktop (kartu acara 2 kolom). Kartunya seragam tinggi, jadi grid
   Bootstrap biasa (tanpa posisi absolute) terlihat sama; paksa posisi normal
   dan matikan transisi container agar tidak ada lompatan. */
.isotope-items.isotope,
.gallery.isotope {
  position: relative !important;
  height: auto !important;
  transition: none !important;
}
.isotope-items.isotope > .isotope-item,
.gallery.isotope > .isotope-item {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
}

/* B: "Daftar Akun"/"Masuk" di top-line — teksnya cuma 16px tinggi karena <a>
   inline, padahal baris induknya 50px (24px saat header "shrink"). Jadikan
   blok supaya area sentuh ikut tinggi barisnya (mewarisi line-height). */
.top-line .user-menu li a {
  display: block;
}

/* E: menu aktif "Beranda" nyaris tak terlihat — teks putih di atas overlay
   gelap 30% opacity pada header putih (efeknya memudar jadi ~putih juga,
   kontras 1:1). Padatkan overlay-nya. */
.sf-menu li.active {
  background-color: #1a2733;
}

/* E: tombol "ghost" abu-abu (#96a0aa/#959fa9) di seluruh tema gagal AA baik
   sebagai teks abu di atas kartu putih maupun sebagai latar abu + teks putih
   (Ajukan Acara, Tiket & Detail, Pesan, Lihat Semua Galeri). Pakai abu yang
   sama tapi lebih gelap supaya kontrasnya lolos, hover tetap seperti semula. */
.btn-submit-event,
.featured-line .btn-details,
.btn-theme-grey-dark {
  border-color: #5c6670 !important;
  background-color: #5c6670 !important;
}
.thumbnails.events .caption-more .btn-theme,
.thumbnails.info-thumbs .caption-more .btn-theme,
.thumbnails.hotels .caption-more .btn {
  border-color: #5c6670;
  color: #5c6670;
}

/* E: nama di kartu testimoni pakai navy gelap #0d1d31 di atas merah #dc143c
   → 3.4:1 (hanya varian bar merah .page-section.color; varian terang
   index-2.html/.testimonials-alt pakai kartu putih, jangan disamakan). */
.page-section.color .testimonial .media-heading {
  color: #ffffff;
}

/* B: judul hero slide pertama (.slide5) terkunci font-size:60px tanpa
   breakpoint sendiri (lebih spesifik dari aturan responsif generik tema) →
   kata pertama ("INDONESIA") terpotong jadi 2 baris di layar sempit. */
@media (max-width: 767px) {
  #main-slider .slide5 .caption-subtitle { font-size: 28px; line-height: 1.3; }
}
@media (max-width: 480px) {
  #main-slider .slide5 .caption-subtitle { font-size: 22px; }
}

/* E: warna tautan BAWAAN tema (#ea032d, dipakai tiap <a> tanpa gaya lain —
   mis. email di footer-widgets) sedikit di bawah AA di atas latar abu muda. */
a {
  color: #c4021f;
}

/* E: #6d7a83 adalah warna teks BAWAAN <body> (dan input form) — jadi hampir
   semua paragraf biasa di seluruh halaman templat ini sedikit di bawah AA.
   Perbaiki di sumbernya. */
body {
  color: #51606a;
}
.form-control {
  color: #51606a !important;
}

/* B/E: tanggal komentar blog < 12px dan #b0afaf di atas putih (2.19:1). */
.comment-date,
.comment-reply {
  font-size: 12px;
  line-height: 1.4;
}
.comment-date {
  color: #6b6b6b;
}

/* B: placeholder dropdown panjang ("Select Your Price Tab") keluar dari
   tombolnya di layar sedang — potong rapi dengan ellipsis, bukan terpotong
   mentah. */
.bootstrap-select .filter-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* E: tab jadwal acara (hari non-aktif) — teks putih di atas #96a0aa (2.66:1).
   Tema mengatur warna ini lewat 2 breakpoint berbeda (≥992px dan ≤767px),
   keduanya !important; timpa keduanya tanpa media query supaya kedua lebar
   ikut berubah. */
.schedule-alt .schedule-tabs.lv1 {
  background-color: #5c6670;
}
.schedule-wrapper.schedule-alt .schedule-tabs.lv1 .nav > li {
  background: #5c6670 !important;
}

/* E: judul accordion sidebar ("KATEGORI/HARGA/...") pakai #96a0aa di atas
   putih (2.66:1). */
.sidebar .widget .panel-group .panel-default > .panel-heading {
  color: #5c6670;
}

/* E: bar bawah footer (navy gelap) tidak punya warna teks sendiri, jadi ikut
   warna <body> yang gelap juga → nyaris tak terbaca ("All Rights Reserved",
   dropdown "Select Your Country", link "Tentang/Blog/..."). Beri warna
   terang khusus untuk seluruh bar ini. */
.footer-meta-alt,
.footer-meta-alt a,
.footer-meta-alt .filter-option {
  color: #c7ccd1 !important;
}
.footer-meta-alt a:hover {
  color: #ffffff !important;
}

/* E: abu-abu #6d7a83 (dropdown kota pencarian, angka hitung mundur di bar
   "Acara Unggulan") sedikit di bawah AA di atas latar putih/abu terang. */
.filter-option.pull-left,
.featured-line .countdown-wrapper.countdown-featured .countdown-amount,
.featured-line .countdown-wrapper.countdown-featured .countdown-period,
.post-excerpt p,
.price-table-row {
  color: #51606a;
}
/* ...kecuali di dalam bar merah (.page-section.color), teks gelap di atas
   merah nyaris tak kelihatan (1.3:1) — di sana pakai putih. */
.page-section.color .filter-option.pull-left {
  color: #ffffff;
}

/* A: logo "Sponsor Acara" lama = merek marketplace Envato (ThemeForest dll.).
   Diganti chip placeholder netral agar pembeli mengisi logo sponsor sendiri. */
.partners-carousel .mdix-partner-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  min-width: 140px;
  padding: 0 14px;
  border: 1px dashed #c3c9ce;
  border-radius: 4px;
  color: #5c6670;
  background: #fafbfc;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Verifikasi ulang akhir 2026-10-13: harga Rupiah ("Rp149.000") di kartu harga
   event-single.html patah jadi 3 baris (font 80px di kolom 255px). */
.price-table .price-value {
  font-size: clamp(34px, 3vw, 44px);
  line-height: 1.2;
}
.price-table .price-number {
  white-space: nowrap;
}

/* Verifikasi ulang akhir 2026-10-13 (D-11): tautan footer (widget kontak/Twitter dan bar
   bawah "Tentang | Blog | …") hanya 16px tinggi → area sentuh ≥24px tanpa mengubah teks. */
.footer-widgets a,
.footer-meta-alt a,
.footer-meta a {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
}