/* ==============================
   navbar.css - güncel ve profesyonel
   ============================== */

/* Genel */
:root{
  --brand-blue:#0057ff;
  --brand-blue-dark:#003bb5;
  --muted:#333;
  --yellow:#ffcc00;
  --nav-padding:10px 18px;
}

/* Reset */
body,html{margin:0;padding:0;font-family:Inter, system-ui, Arial, sans-serif;}

/* NAV */
.custom-navbar{
  background:#fff;
  transition:all .25s ease;
  border-bottom:1px solid rgba(230,230,230,0.8);
  z-index:1030;
  padding:var(--nav-padding);
}

/* Marka */
.navbar-brand{display:flex;align-items:center;gap:8px}
.navbar-brand span{color:var(--muted);font-weight:700;letter-spacing:.2px}

/* Ana linkler */
.navbar .nav-link{
  color:var(--muted);
  font-weight:500;
  position:relative;
  padding:.5rem .75rem;
  transition:color .22s ease;
  display:inline-flex;
  align-items:center;
}

/* hover alt çizgi */
.navbar .nav-link:not(.dropdown-toggle)::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:-6px;
  transform:translateX(-50%);
  width:0;
  height:2px;
  background:var(--brand-blue);
  transition:width .24s ease;
}
.navbar .nav-link:not(.dropdown-toggle):hover::after,
.navbar .nav-link:not(.dropdown-toggle).active::after{
  width:20px;
}
.navbar .nav-link:hover{ color:var(--brand-blue); }

/* Dropdown / caret */
.nav-link.dropdown-toggle{ display:flex; align-items:center; gap:6px; }

/* --- sadece aşağı bakan ok --- */
.dropdown-arrow{
  display:inline-block;
  width:0; height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:6px solid var(--muted);
  transition:transform .22s ease, border-top-color .22s ease;
  margin-left:6px;
  position:relative;
  top:1px;
}

/* açıkken oku döndür */
.nav-item.dropdown.show > .nav-link .dropdown-arrow{
  transform: rotate(180deg);
  border-top-color:var(--brand-blue);
}

/* hover renklendirme */
.nav-link.dropdown-toggle:hover .dropdown-arrow,
.nav-link.dropdown-toggle:hover{ color:var(--brand-blue); border-top-color:var(--brand-blue); }

/* Dropdown menü */
.dropdown-menu{
  background:#fff;
  border:none;
  border-radius:.5rem;
  padding:.25rem 0;
  box-shadow:0 8px 28px rgba(0,0,0,0.08);
  min-width:220px;
}
.dropdown-item{
  color:var(--muted);
  padding:.5rem 1rem;
  transition: color .18s ease, background .18s ease;
}
.dropdown-item:hover{
  background:transparent;
  color:var(--brand-blue);
}
.dropdown-item::before{
  content:'';
  width:0;
  height:100%;
  display:inline-block;
  vertical-align:middle;
  margin-right:.6rem;
  transition:width .18s ease, background .18s ease;
}
.dropdown-item:hover::before{
  width:4px;
  background:var(--brand-blue);
}

/* Dil seçici */
.lang-wrap{ position:relative; display:inline-block; }
.lang-select{
  -webkit-appearance:none;
  appearance:none;
  padding:4px 24px 4px 8px;
  border:1px solid #e6e6e6;
  border-radius:.35rem;
  background-color:#fff;
  color:var(--muted);
  font-weight:500;
  font-size:0.875rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5'><path d='M0 0 L4 5 L8 0' fill='none' stroke='%23333' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat;
  background-position: right 6px center;
}
.lang-select:hover{ border-color:#d0d8ff; }
.lang-select:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(0,87,255,0.06);
}

/* Butonlar */
.btn-primary{
  background:var(--brand-blue);
  border-color:var(--brand-blue);
  color:#fff;
  font-weight:500;
  transition:background .18s ease, transform .12s ease;
}
.btn-primary:hover{ background:var(--brand-blue-dark); border-color:var(--brand-blue-dark); }

/* Kullanıcı dropdown */
.user-dropdown{ border:1px solid rgba(0,0,0,0.08); padding:4px 8px; border-radius:6px; background:transparent; color:inherit; display:flex; align-items:center; gap:8px;}
.profile-pic{ width:30px; height:30px; border-radius:50%; overflow:hidden; display:inline-block; }
.profile-pic img{ width:100%; height:100%; object-fit:cover; }

/* Responsive / Mobile */
@media (max-width: 992px){
  .navbar-collapse{
    background:#fff;
    padding:10px 12px;
    border-top:1px solid rgba(230,230,230,0.6);
  }
  .navbar-nav{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding-left:0;
  }
  .nav-item{ width:100%; }
  .nav-link{ width:100%; padding:.6rem .5rem; text-align:left; }

  /* dropdown mobile accordion */
  .dropdown-menu{
    position:static;
    display:none;
    width:100%;
    box-shadow:none;
    padding-left:1.5rem;
  }
  .nav-item.dropdown.open-mobile > .dropdown-menu{ display:block; animation:fadeIn .25s ease; }

  @keyframes fadeIn{
    from{opacity:0;transform:translateY(-5px);}
    to{opacity:1;transform:translateY(0);}
  }

  /* hamburger icon koyu gri */
  .navbar-toggler{
    border:none;
    background:transparent;
  }
  .navbar-toggler .navbar-toggler-icon{
    background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23333' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    width:26px; height:26px; background-size:26px 26px;
  }

  /* mobilde ok biraz daha büyük */
  .dropdown-arrow{
    border-top:7px solid var(--muted);
    border-left:5px solid transparent;
    border-right:5px solid transparent;
  }
  .nav-item.dropdown.open-mobile > .nav-link .dropdown-arrow{
    transform:rotate(180deg);
    border-top-color:var(--brand-blue);
  }
}

/* Hover destekli desktop davranışı */
@media (min-width: 993px){
  .nav-item.dropdown:hover > .dropdown-menu{ display:block; }
}