/* ---- Temel kök değerleri ---- */
:root{
  --sidebar-w: 180px; 
}


@font-face {
  font-family: 'Haskoy';
  src: url('../fonts/woff2/haskoy.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lexend';
  src: url('../fonts/woff2/lexend.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
}
/* Sayfa genelinde kutu modeli & scroll davranışı */
html,body{height:100%;scroll-behavior:smooth}
body{
  background: #f6f9fb;
  font-family: 'Haskoy', sans-serif;
}
.main-title{
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.164);
}

/* -------- Navbar -------- */

header .navbar-toggler-icon{
  filter: invert(29%) sepia(83%) saturate(7473%) hue-rotate(203deg) brightness(95%) contrast(101%);
}
header.navbar .nav-link:after{
  display: block;
  content: '';
  border-bottom: 3px solid var(--bs-secondary);
  transform: scaleX(0);
  transition: transform 150ms ease-in-out;
}
header.navbar .nav-link:hover::after, header.navbar .nav-link.active::after{
  transform: scaleX(1);
}
header.navbar .nav-link.active::after{
  border-color: black;
}

/* -------- Ana içerik -------- */
main{
  min-width:0;
}

/* -------- Header avatar -------- */
header img.rounded-circle{object-fit:cover}

/* Footer linkleri */
footer a:hover{text-decoration:underline}



/* Arama kutusu #898b8f; */
div#suggestions table tbody tr:hover >*{
  transition-timing-function: ease-in;
  transition-duration: .15s;
  background-color:#0d6efd !important;
  
  
}
div#suggestions table tbody tr:hover span{
  transition-timing-function:ease-in;
  transition-duration: .15s;
  color: rgb(255, 255, 255);
}