/* ============================================================
   EKSPERTA – SHARED CUSTOM CSS
   Satu file untuk semua halaman (beranda, about, services,
   projects, blog, careers, contact).
   Dimuat SETELAH main-BL-C0xJq.css lewat partials/header.blade.php,
   sehingga aturan di sini selalu menang (override).
   Taruh semua perbaikan global di sini agar mudah di-maintain.
   ============================================================ */

/* ------------------------------------------------------------
   1. GLOBAL FULL-WIDTH / NO HORIZONTAL SCROLL
   Mencegah munculnya "space putih" di sisi kanan & layout
   yang tidak center pada resolusi tertentu.
   ------------------------------------------------------------ */
html {
  overflow-x: hidden;
  width: 100%;
}

body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  position: relative;
}

main,
section,
header,
footer {
  max-width: 100%;
  box-sizing: border-box;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

/* ------------------------------------------------------------
   2. HEADER RESPONSIVE FIX (1024px – 1279px)
   Bricknet menampilkan nav desktop mulai 1024px (64rem), padahal
   7 menu + logo + bahasa + tombol CTA baru benar-benar muat di
   ~1280px. Akibatnya nav meluber ke kanan -> muncul space putih
   & terlihat tidak center.

   Solusi: pada rentang 1024–1279px, tetap gunakan header versi
   mobile (nav disembunyikan, hamburger muncul). Nav desktop
   hanya tampil pada >= 1280px (80rem) di mana ruangnya cukup.
   ------------------------------------------------------------ */
@media (min-width: 64rem) and (max-width: 79.99rem) {
  .header nav {
    display: none !important;
  }

  .header .btn-toggle-menu-mobile {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}

/* ------------------------------------------------------------
   3. NAV DROPDOWN (LAYANAN / BLOG) ALIGNMENT
   Item dropdown harus tersusun ke bawah & rata kiri.
   ------------------------------------------------------------ */
.nav-dropdown a,
.nav-dropdown button {
  display: block !important;
  text-align: left !important;
  justify-content: flex-start !important;
}