﻿/* Hamburger Menü Butonu */
.hamburger-menu {
    background: none;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    color: white;
    padding: 10px;
    display: none; /* Büyük ekranda görünmez */
}

/* Menü Kutusu */
.menu-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Navbar Ortalamak İçin */
header nav {
    display: flex;
    justify-content: center; /* Menüyü yatayda ortalar */
    flex-wrap: wrap; /* Linkler dar ekranda alta geçer */
    gap: 10px; /* Linkler arasında boşluk bırakır */
}

/* Küçük Ekranlar İçin Responsive */
@media (max-width: 992px) {
    .hamburger-menu {
        display: block; /* Hamburger menüyü göster */
    }

    .menu-container {
        display: none; /* Küçük ekranlarda menüyü gizle */
        flex-direction: column;
        background-color: #212529; /* Menü arka plan rengi */
        padding: 10px;
        border-radius: 8px;
        gap: 5px; /* Linkler arasındaki boşluk */
    }

        .menu-container.active {
            display: flex; /* Hamburger menü açıldığında görünür */
        }

    header nav {
        display: flex;
        flex-direction: column; /* Menü dikey hizalanır */
    }
}
