/* MDIX Event Prima — per-template fixes from the template audit. */

/* Theme demo RTL/LTR switch is a seller tool, not part of the site. */
.page_direction {
  display: none !important;
}

/* Logo image has dark "Event Prima" text that disappears on the dark headers and footer. */
.main-header .logo-box img,
.sticky-header .logo img,
.mobile-menu .nav-logo img,
.main-footer .footer-logo img {
  filter: brightness(0) invert(1);
}

/* Sponsor logos were grey "120x70" size-label placeholders: hide the decorative strip (home page).
   The dedicated Mitra Kami/Partners page (and the same block reused on pricing & venue) is excluded —
   hiding it there left those pages with a blank gap or, on partner.html, no content at all; see the
   .partner-badge rule below for the replacement content. */
.clients-section:not(.clients-page-section) > .auto-container > .clients-inner {
  display: none;
}

/* Partner/sponsor logos: replace the grey placeholder images with neutral text badges (no real
   partner exists yet, so we avoid inventing a brand) on the pages where this block is real content. */
.clients-page-section .clients-logo-list {
  flex-wrap: wrap;
  gap: 16px;
}
.clients-page-section .clients-logo-list li {
  list-style: none;
}
.partner-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 52px;
  padding: 0 18px;
  border: 1px solid rgba(0, 20, 45, 0.16);
  border-radius: 8px;
  color: rgba(0, 20, 45, 0.55);
  font-family: var(--title-font);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 13px;
  white-space: nowrap;
}

/* Touch targets below 24px on phone (contact info links, blog sidebar widget links, search submit):
   not in header/menu/CTA/footer so not blocking, but worth the easy fix. */
@media (max-width: 480px) {
  .contact-section .info-inner .info-list li a,
  .default-sidebar .category-widget .category-list li a,
  .default-sidebar .tags-widget .tags-list li a,
  .default-sidebar .post-widget .post h6 a,
  .team-details-content .content-box .list-item li a {
    display: inline-block;
    min-height: 24px;
    line-height: 24px;
  }
  .default-sidebar .search-widget .search-form .form-group button[type="submit"],
  .search-content .form-group button[type="submit"] {
    min-width: 24px;
  }
}

/* Blog quote block: orange label text on its pale mint background is only 1.92:1 (needs 3:1 at this
   size) — darken the label colour, the background and surrounding theme colours stay the same. */
.blog-details-content blockquote span {
  color: #AC6F18;
}

/* Speaker/team cards: the bio paragraph (hidden until hover) sits in normal flow, so a shorter
   Indonesian bio makes that one card shorter than its row siblings — the grid uses floats, not a
   flex/grid that equalises row height, so the photo ends short and a white page-background gap
   shows below it before the next row (seen on specker.html, "Jane Cooper"). Fix the gap by making
   every bio reserve the same height regardless of its actual length. */
.team-block-one .inner-box p {
  height: 52px;
  overflow: hidden;
}

/* Speaker cards: Indonesian names wrapped to two lines (uneven grid) and white text was unreadable on light photos. */
.team-block-one .inner-box {
  padding-left: 30px;
  padding-right: 30px;
}
.team-block-one .inner-box h3 {
  font-size: 24px;
  line-height: 32px;
  white-space: nowrap;
}
.team-block-one .inner-box .bg-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 20, 45, 0.7) 0%, rgba(0, 20, 45, 0) 50%);
}

/* ===== Audit ronde 2 (2026-10-12) ===== */

/* Tombol menu HP hanya 50x36 — perbesar jadi target sentuh >=44px, bar di tengah. */
@media (max-width: 1200px) {
  .menu-area .mobile-nav-toggler,
  .nav-outer .mobile-nav-toggler {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 44px;
    min-height: 44px;
    box-sizing: border-box;
  }
}

/* Anchor pembungkus gambar menyusut jadi 16px tinggi (logo + kartu acara): biar membungkus gambarnya. */
.main-header .logo-box a,
.sticky-header .logo a,
.mobile-menu .nav-logo a,
.main-footer .footer-logo a,
.event-section .image-box a {
  display: inline-block;
}

/* Menu HP memakai slide 900ms — terlalu lambat & link sempat bisa diklik saat menutup. */
.mobile-menu,
.mobile-menu .menu-box,
.mobile-menu .menu-backdrop {
  transition-duration: 300ms !important;
}

/* Watermark dekoratif "Program Acara" meluber keluar section di tablet/HP. */
@media (max-width: 1199px) {
  .big-text {
    display: none;
  }
}

/* Judul kolom footer ("Tautan Cepat") terpotong di kolom sempit 1024px (grid 4 kolom lg: 2/12
   lebar ≈141px, huruf skrip 40px tidak muat). `white-space:nowrap` di ronde sebelumnya malah membuat
   teksnya meluber keluar kolom (terverifikasi masih gagal di audit ulang) — perkecil huruf saja di
   rentang lebar itu, biarkan boleh membungkus. */
@media (min-width: 992px) and (max-width: 1199px) {
  .main-footer .title-text {
    font-size: 26px;
    line-height: 34px;
  }
  /* The decorative underline bar under the title is a fixed 150px regardless of font size —
     once the shrunk text itself is narrower than the bar, the bar becomes what overflows the
     ≈141px column, so it must shrink too. */
  .main-footer .title-text:before {
    width: 100px;
  }
}

/* Judul section (mis. "Penyelenggara acara bisnis tepercaya") keluar kotak pada 992–1199px (grid lg
   dua kolom lebih sempit dari grid md di bawahnya); ukuran huruf 50px baku tema hanya diperkecil di
   bawah 767px. `overflow-wrap:normal` di ronde sebelumnya tidak mengubah apa pun (masih gagal di
   audit ulang); 40px masih memicu kata pertama patah di tengah lewat fallback break-word global
   (mdix-fixes.css) — turunkan lagi sampai kata terpanjang muat utuh. */
@media (min-width: 992px) and (max-width: 1199px) {
  .sec-title h2 {
    font-size: 34px;
    line-height: 44px;
  }
}