/* Perbaikan overlap header v3 (#alm-header3).
   Masalah: #alm-hd3-nav memakai flex:0 1 auto tetapi tanpa min-width:0,
   sedangkan .elementor-item memakai white-space:nowrap. Flex item tidak bisa
   menyusut di bawah lebar kontennya, sehingga daftar menu meluber ke area
   tombol CTA.

   Revisi 30 Okt 2026: pembatasan lama ternyata belum cukup pada layar >1500px.
   Terukur ul.elementor-nav-menu butuh 782px sementara wadahnya hanya 749px,
   sehingga item pertama ("Beranda") menindih lockup logo dan item terakhir
   ("Tentang Kami") menindih tombol CTA. Penyebabnya nav dibiarkan menyusut
   TANPA mengecilkan isinya: <li> tetap nowrap sehingga daftar meluap keluar
   kotak. Perbaikan di bawah mengatur jarak antar item pada SEMUA lebar
   desktop, bukan hanya pada rentang menengah. */

/* 1. Izinkan nav menyusut, dan jangan biarkan lockup merebut ruang.
   Catatan: membatasi #alm-hd3-nav saja tidak cukup. Wrapper memang menyusut,
   tetapi <nav> dan <ul> di dalamnya tetap memakai min-width:auto sehingga
   daftar menu tetap selebar kontennya. Ketiga lapis perlu diizinkan menyusut. */
#alm-header3 #alm-hd3-nav {
  min-width: 0;
  flex: 0 1 auto;
}
#alm-header3 #alm-hd3-nav .elementor-widget-container,
#alm-header3 #alm-hd3-nav .elementor-nav-menu--main,
#alm-header3 #alm-hd3-nav .elementor-nav-menu--main > ul.elementor-nav-menu {
  min-width: 0;
  max-width: 100%;
}
#alm-header3 #alm-hd3-lockup {
  flex: 0 1 auto;
}
#alm-header3 #alm-cta-header3 {
  flex: 0 0 auto;
}

/* 2. overflow:clip pada wadah menu.
   Jaring pengaman terakhir: jika suatu saat menu ditambah lagi, daftar akan
   terpotong di tepinya sendiri alih-alih menindih logo dan tombol CTA. Dipakai
   clip, bukan hidden, supaya submenu dropdown tetap bisa keluar secara
   vertikal (overflow-y dibiarkan visible). */
@media (min-width: 1025px) {
  #alm-header3 #alm-hd3-nav .elementor-nav-menu--main > ul.elementor-nav-menu {
    overflow-x: clip;
    overflow-y: visible;
    flex-wrap: nowrap;
  }

  /* Jarak antar item dirapatkan pada SEMUA lebar desktop, termasuk layar
     lebar. Isi header dibatasi 1180px oleh container tema, sehingga wadah
     menu tetap 749px walau viewport 1920px — nilai bawaan Elementor (14px,
     padding 9px) menghasilkan daftar 782px dan tetap meluber di sana.
     Pengukuran: 13px + padding 7px menghasilkan 700px, tersisa 49px. */
  #alm-header3 #alm-hd3-nav .elementor-item {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 13px;
  }
  #alm-header3 #alm-hd3-nav .sub-arrow {
    margin-left: 2px;
  }
}

@media (min-width: 1025px) and (max-width: 1240px) {
  #alm-header3 #alm-hd3-nav .elementor-item {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12.5px;
  }
  #alm-header3 #alm-hd3-bar > .e-con-inner {
    gap: 8px;
  }
  /* Nama badan usaha adalah baris sekunder; sembunyikan lebih dulu
     agar menu utama tetap utuh. */
  #alm-header3 #alm-hd3-badan {
    display: none;
  }
}

/* 4. Ambang paling sempit sebelum menu burger aktif: ringkas label CTA
   menjadi ikon saja, mengikuti pola yang sudah dipakai header pada mobile. */
@media (min-width: 1025px) and (max-width: 1120px) {
  #alm-header3 #alm-cta-header3 .elementor-button-text {
    display: none;
  }
  #alm-header3 #alm-cta-header3 .elementor-button {
    padding: 11px 13px;
    border-radius: 999px;
  }
  #alm-header3 #alm-cta-header3 .elementor-button-icon {
    margin: 0;
    font-size: 16px;
  }
}