/* PATCH 018 - Hizmetler açılır menü düzeltmesi */

.nav-dropdown{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
}

.nav-dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
}

/* Dropdown menü default gizli */
.nav-dropdown .dropdown-menu{
  position:absolute !important;
  top:calc(100% + 14px) !important;
  left:50% !important;
  transform:translateX(-50%) translateY(10px) !important;
  min-width:260px !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:9999 !important;
  padding:12px !important;
  border-radius:20px !important;
  background:rgba(7,27,51,.98) !important;
  border:1px solid rgba(241,209,133,.22) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
}

/* Hover / focus ile aç */
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown:focus-within .dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

.nav-dropdown .dropdown-menu:before{
  content:"" !important;
  position:absolute !important;
  top:-7px !important;
  left:50% !important;
  width:14px !important;
  height:14px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  background:rgba(7,27,51,.98) !important;
  border-left:1px solid rgba(241,209,133,.22) !important;
  border-top:1px solid rgba(241,209,133,.22) !important;
}

.nav-dropdown .dropdown-menu a{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  color:#edf7f8 !important;
  font-size:14px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  background:transparent !important;
}

.nav-dropdown .dropdown-menu a:hover{
  background:rgba(241,209,133,.12) !important;
  color:#f1d185 !important;
  transform:none !important;
}

.nav-dropdown .dropdown-menu a:after{
  display:none !important;
}

/* Beyaz mod dropdown */
body.light-mode .nav-dropdown .dropdown-menu{
  background:rgba(255,255,255,.98) !important;
  border-color:rgba(7,27,51,.10) !important;
  box-shadow:0 24px 70px rgba(7,27,51,.16) !important;
}

body.light-mode .nav-dropdown .dropdown-menu:before{
  background:rgba(255,255,255,.98) !important;
  border-color:rgba(7,27,51,.10) !important;
}

body.light-mode .nav-dropdown .dropdown-menu a{
  color:#17272d !important;
}

body.light-mode .nav-dropdown .dropdown-menu a:hover{
  background:#eef3f4 !important;
  color:#14586a !important;
}

/* Mobilde dropdown menü açık ve dikey listede görünsün */
@media(max-width:1080px){
  .nav-dropdown{
    display:block !important;
    width:100% !important;
  }

  .nav-dropdown .dropdown-menu{
    position:static !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    min-width:100% !important;
    margin-top:8px !important;
    padding:8px !important;
    box-shadow:none !important;
    background:rgba(255,255,255,.06) !important;
  }

  .nav-dropdown .dropdown-menu:before{
    display:none !important;
  }

  body.light-mode .nav-dropdown .dropdown-menu{
    background:#f5f7f8 !important;
  }
}