/* SISA (dibela): .ctl__knobBtn x2 (Bulan sebelumnya / berikutnya), 10x21 px visual: panah pada gagang geser time-lapse yang duduk di rel 7 px; membesar ke 44 px menutupi label bulan yang sudah 44 px. Pengganti ketuk akurat: label bulan (44x44) dan tombol putar. */
/* SISA (dibela):
 * html body .ctl__knob .ctl__knobBtn — ~10×21 visual; dua tombol dalam .ctl__knob 30px, pusat <22px visual bila keduanya 44px.
 */

/* lantai sentuh 44px visual: home */

@media (pointer: coarse) and (hover: none) {
  /* Nav: suara + menu */
  html body button.w-10.h-10.shrink-0[aria-label="Matikan suara"],
  html body button.w-10.h-10.shrink-0[aria-label="Nyalakan suara"] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body button.atlas-nav-menu-btn {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Hero: switch proyek */
  html body header.atlas-hero button.ah-switch-opt {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Timeline: pill, play, bulan */
  html body .ctl__pills {
    height: auto !important;
    align-items: center;
  }

  html body button.ctl__pill {
    min-height: calc(44px / var(--zr, 1)) !important;
    height: auto !important;
  }

  html body button.ctl__playBtn {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body .ctl__rail button.ctl__month {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: calc(-1 * (44px / var(--zr, 1) - 12px) / 2);
  }

  /* SuperApp demo */
  html body #superapp-demo button.eco-feature {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #superapp-demo button.eco-butler {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #superapp-demo button.eco-chip {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  /* Peta: baris POI */
  html body aside.map-panel button.map-row {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Demand strip */
  html body button.demand-strip-item {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Kontak */
  html body button.contact-trust-card {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body button.contact-form-btn {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* FAB & kembali ke atas */
  html body #fab-ai-btn {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #back-to-top-btn {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }
}