/* Genel ayarlar */
body {
    background-color: #F7D57F; /* Background color */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center vertically */
    min-height: 100vh; /* Full viewport height */
    margin: 0; /* Remove default margins */
}
.container {
    margin-top: 70px; /* Add margin to move content down */
}
.row {
    flex: 1; /* Allow row to grow */
    align-items: center; /* Center items vertically */
}

.col img {
    max-width: 100%; /* Responsive image */
    height: 50%; /* Maintain aspect ratio */
}

.card {
    background-color: #dfe5eb; /* Card background color */
    border: none; /* Remove default border */
    margin: 2px; /* Spacing around cards */
    border-radius: 8px; /* Rounded corners */
}

.card-title {
    color: #7C6B40; /* Card title color */
    font-family: 'Georgia', serif; /* More aesthetic font */
    font-size: 1.5rem; /* Font size for title */
    font-weight: bold; /* Bold title */
}

.card-text {
    font-family: 'Arial', sans-serif; /* Different font for text */
    color: #373737; /* Darker text color */
}


/* Navbar stili */
.navbar {
    background-color: #ebe7e7; /* Navbar arka planı beyaz */
    padding: 1rem; /* Navbar'a biraz boşluk ekliyoruz */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Hafif gölge ile belirgin hale getiriyoruz */
}

.navbar .navbar-brand,
.navbar .nav-link {
    color: #373737 !important; /* Koyu gri yazı rengi */
}

.navbar .navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
}

/* Navbar öğeleri arası boşluk */
.navbar .nav-link {
    margin-right: 20px; /* Her bir linke sağ taraftan 20px boşluk ekliyoruz */
}

.navbar .nav-link.active {
    background-color: #6f5306; /* Açık mor arka plan */
    color: #ffffff !important; /* Beyaz yazı */
    border-radius: 5px;
}

.navbar .nav-link:hover {
    background-color: #6f5306; /* Açık mor arka plan */
    color: #ffffff !important; /* Beyaz yazı */
    border-radius: 5px;
}

.navbar .nav-item.dropdown .dropdown-toggle {
    color: #373737 !important; /* Koyu gri dropdown yazı rengi */
    margin-left: 30px; /* Profil simgesine sol taraftan ekstra boşluk ekliyoruz */
}



.navbar .nav-link.disabled {
    color: rgba(55, 55, 55, 0.5); /* Disabled için koyu gri yarı saydam tonu */
}
.image-container {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center the image vertically */
    height: 100%; /* Ensure the column takes full height */
    margin-top: 20px; /* Space above the image */
}

.centered-image {
    margin-top: 20px; /* Add space below the image if needed */
}



/* Navbar toggler stili (mobil için) */
.navbar-toggler {
    border-color: #735c18;;
}

.navbar-toggler-icon {
    background-color: #735c18;; /* Koyu mor toggler */
}

/* Footer stilini belirliyoruz */
footer {
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 1rem 0;
    background-color: #f1f1f1;
    color: #333;
    font-size: 0.9rem;
}

footer a {
    color: #735c18;; /* Koyu mor link rengi */
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}