/* Logo Boyutu */
.logo {
width: 240px;
height: auto;
max-height: 80%;
object-fit: contain;
flex-shrink: 0;
}
/* Navbar Temel Ayarları */
.navbar {
background-color: #fff;
min-height: 90px;
padding-top: 0;
padding-bottom: 0;
}
.navbar .navbar-nav {
min-height: 90px;
align-items: center;
font-size: 20px;
}
.navbar .nav-link {
color: #000 !important;
}
.navbarbgrenk {
padding: 5px 10px;
transition: all 0.3s ease;
}
.navbarbgrenk:hover {
box-shadow: 0 0 15px 5px #196787 !important;
}
.navbar .navbar-brand {
padding: 0;
width: auto;
display: flex;
align-items: center;
}
.navbar-toggler:focus {
outline: none;
box-shadow: none !important;
border: none !important;
}
/* Kategori */
.category-box {
background: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
overflow: hidden;
height: 400px;
display: flex;
flex-direction: column;
}
.category-scroll-area {
overflow-y: auto;
flex-grow: 1;
scrollbar-width: thin;
scrollbar-color: #d32f2f #f1f1f1;
}
.category-scroll-area::-webkit-scrollbar {
width: 6px;
}
.category-scroll-area::-webkit-scrollbar-track {
background: #f1f1f1;
}
.category-scroll-area::-webkit-scrollbar-thumb {
background-color: #d32f2f;
border-radius: 4px;
}
.category-box .list-group-item {
border: none;
border-bottom: 1px solid #f1f1f1;
padding: 10px 15px;
font-size: 0.95rem;
color: #333;
text-decoration: none;
transition: all 0.2s ease-in-out;
display: block;
}
.category-box .list-group-item:last-child {
border-bottom: none;
}
.category-box .list-group-item:hover, 
.category-box .list-group-item.active {
background-color: #ffebee;
color: #d32f2f;
font-weight: 600;
padding-left: 20px;
}
/*slayt*/
.carousel, .carousel-inner, .carousel-item {
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.carousel-item .carousel-caption {
    position: absolute;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    bottom: 2.5rem !important;
    z-index: 2;
    padding: 10px 20px !important;
    width: auto !important;
    max-width: 85%;
    text-align: center;
    display: inline-block !important;
}

/* Slayt Yazı Arka Plan Şeffaflığı */
.bg-dark {
    background-color: rgb(0 0 0 / 71%) !important;
}