/* ====== VAR BRAND ====== */
:root{
  --brand:#e76a25;
  --text:#1f2328;
}

/* ====== FONT NAV (parent) ====== */
.nav-container .navbar-nav > .nav-item > .nav-link{
  font-size:15px;
  font-weight:600;
  letter-spacing:.2px;
  color:var(--text);
}
/* Hover parent menu: tetap putih */
.nav-container .navbar-nav > .nav-item > .nav-link:hover {
  color:#fff !important;
}

/* ====== CTA AREA: CONTACT & LANGUAGE ====== */
.nav-container .btn-box{
  display:flex; align-items:center; gap:.5rem;
}

/* Ikon seragam & mengikuti warna teks */
.nav-container .btn-box svg{ width:20px; height:20px; }
.nav-container .btn-box svg, 
.nav-container .btn-box svg path{ fill:currentColor !important; }

/* CONTACT (anchor) – pill brand */
.nav-container .btn-box > a{
  display:inline-flex; align-items:center; gap:.45rem;
  font-size:14px; font-weight:600; line-height:1;
  padding:.55rem .9rem;
  border-radius:999px;
  background:var(--brand);
  color:#fff !important;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 8px 18px rgba(231,106,37,.25);
  text-decoration:none;

  transition:
    transform .12s ease,
    box-shadow .15s ease,
    background .15s ease,
    border-color .15s ease;
}
.nav-container .btn-box > a:hover{
  background:#d55f20;
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(231,106,37,.30);
  border-color:rgba(0,0,0,.12);
}
.nav-container .btn-box > a:active{
  transform:translateY(0);
  box-shadow:0 6px 14px rgba(231,106,37,.22);
}
.nav-container .btn-box > a:focus-visible{
  outline:0;
  box-shadow:
    0 0 0 3px rgba(231,106,37,.28),
    0 12px 28px rgba(231,106,37,.30);
}

/* LANGUAGE (button) – tampil jelas sebagai tombol */
.nav-container .btn-box .language{
  display:inline-flex; align-items:center; gap:.45rem;
  font-size:14px; font-weight:600; line-height:1;
  padding:.55rem .9rem;
  border-radius:999px;

  background:#fff;
  color:var(--brand);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 8px 18px rgba(0,0,0,.12);

  transition:
    transform .12s ease,
    box-shadow .15s ease,
    background .15s ease,
    color .15s ease,
    border-color .15s ease;
}
.nav-container .btn-box .language:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  border-color:rgba(0,0,0,.12);
}
.nav-container .btn-box .language:active{
  transform:translateY(0);
  box-shadow:0 6px 14px rgba(0,0,0,.12);
}
.nav-container .btn-box .language:focus-visible{
  outline:0;
  box-shadow:
    0 0 0 3px rgba(231,106,37,.25),
    0 12px 28px rgba(0,0,0,.18);
}

/* ====== LOGO SIZE ====== */
.nav-container .logo-box .navbar-brand img{
  height:60px; width:auto !important; display:block;
}
.sticky-header.is-sticky .logo-box .navbar-brand img{ height:40px; }
@media (max-width:991.98px){
  .nav-container .logo-box .navbar-brand img{ height:38px; }
}

/* ====== DROPDOWN (ramping, putih, shadow, bersih) ====== */
.nav-container .ktm-mega-menu .dropdown-menu.mega-menu{
  background: var(--orange-color) !important;
  color: var(--text);
  border:0 !important;
  outline:0 !important;
  border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  background-clip:padding-box;
  overflow:hidden;
  z-index:1100;

  width:auto !important;
  min-width:14rem;
  max-width:20rem;
  padding:.5rem 0 !important;

  position:absolute; top:calc(100% + 8px); left:0; right:auto;
  transform:none !important; margin-top:0 !important;
}
.nav-container .ktm-mega-menu .dropdown-menu.mega-menu::before,
.nav-container .ktm-mega-menu .dropdown-menu.mega-menu::after{
  display:none !important; content:none !important;
}
.nav-container .ktm-mega-menu .dropdown-menu.mega-menu.w-100{
  width:auto !important; min-width:14rem; max-width:20rem;
}
.nav-container .ktm-mega-menu{ position:relative; }
.nav-container .navbar, .nav-container .navbar .container{ overflow:visible; }

/* ====== KOLOM & HEADING SUBMENU ====== */
.nav-container .ktm-mega-menu .mega-submenu{
  list-style:none; margin:0; padding:.25rem .5rem;
}
.nav-container .ktm-mega-menu .mega-submenu.parent-menu{
  padding:.25rem .5rem .5rem;
  border-bottom:1px solid rgba(0,0,0,.06);
  margin-bottom:.5rem;
}
.nav-container .ktm-mega-menu .mega-submenu.parent-menu > a{
  display:block;
  font-size:14px;
  font-weight:500;
  letter-spacing:.3px;
  color:var(--text);
  padding:.25rem 0;
  pointer-events:none;
}

/* ====== ITEM SUBMENU ====== */
.nav-container .ktm-mega-menu .mega-submenu li > a{
  display:block; position:relative;
  padding:.5rem .9rem;
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  color: #fff !important;
  white-space:normal;
  background:transparent !important;
  border-radius:8px;
  transition:background .15s ease, color .15s ease, padding-left .15s ease;
}
.nav-container .ktm-mega-menu .mega-submenu li > a:hover,
.nav-container .ktm-mega-menu .mega-submenu li > a:focus{
  background:rgba(231,106,37,.12) !important;
  color: #fff !important;
  padding-left:1.05rem;
}
.nav-container .ktm-mega-menu .mega-submenu li > a:hover::before{
  content:""; position:absolute; left:.5rem; top:50%; transform:translateY(-50%);
  width:4px; height:60%; border-radius:2px; 
  background: var(--brand);
  /* background: #fff; */
}
.nav-container .ktm-mega-menu .mega-submenu li > a.active,
.nav-container .ktm-mega-menu .mega-submenu li > a.current-page-active{
  background:var(--brand) !important; color:#fff !important;
}

/* ====== INTERAKSI ====== */
@media (min-width:992px){
  .nav-container .ktm-mega-menu:hover > .dropdown-menu{ display:block; }
}
@media (max-width:991.98px){
  .nav-container .ktm-mega-menu .dropdown-menu.mega-menu,
  .nav-container .ktm-mega-menu .dropdown-menu.mega-menu.w-100{
    min-width:100%; max-width:100%; width:100% !important;
  }
}

.nav-container .navbar-nav>.nav-item.dropdown:hover>.nav-link,
.nav-container .navbar-nav>.nav-item.dropdown:focus-within>.nav-link,
.nav-container .navbar-nav>.nav-item.dropdown.show>.nav-link {
  background-color: var(--brand) !important;
  color: #fff !important;
}