/* Genel Ayarlar */
body {
    background: linear-gradient(135deg, #1c1c1c 0%, #2d2d2d 100%);
    color: #e0e0e0 !important;
}

/* Logo */
.logo {
    color: #e0e0e0 !important; /* Logonun metin rengi */
}

/* Image Gallery */
.image-gallery .swiper-slide {
    background: #2b2b2b; /* Daha koyu bir arka plan */
}

.image-gallery .swiper-slide img {
    border-radius: 10px;
    object-fit: cover;
}

/* Header */
.site-header {
    background: linear-gradient(90deg, #1a1a1a 0%, #333333 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}

.site-header .nav-link {
    color: #cccccc !important;
}

.site-header .nav-link:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Blog Posts (Son Yazılar) Alanı */
.blog-posts {
    background-color: #2b2b2b;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    color: #e0e0e0;
}

.all-posts {
    background-color: #2b2b2b;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    color: #e0e0e0;
}

.all-activities {
    background-color: #2b2b2b;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    color: #e0e0e0;
}

.blog-posts h2 {
    color: #ffffff;
}

/* Blog Kartları */
.blog-card {
    background-color: #333333;
    box-shadow: 0px 10px 20px -9px rgba(0, 0, 0, 0.9);
}

.blog-card a {
    color: #e0e0e0;
}

.blog-card:hover {
    box-shadow: 0px 18px 20px -9px rgba(0, 0, 0, 1);
}

.blog-card .color-overlay {
    background: rgba(64, 64, 64, 0.8);
}

.blog-card .gradient-overlay {
    background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 100%);
}

.title-content {
    color: #ffffff;
}

.blog-card h3 a:hover {
    text-shadow: 0px 8px 20px rgba(255, 255, 255, 0.8);
}

.card-info a {
    color: #66b3ff; /* Açık mavi */
}

.card-info a:hover {
    color: #3399ff;
}

/* Utility Info */
.utility-list li {
    color: #bbbbbb;
}

/* Yakın Zamanda Yapılmış Etkinlikler */
.last-activites {
    background-color: #2b2b2b;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    color: #e0e0e0;
}

.last-activites h2 {
    color: #ffffff;
}

/* Footer */
footer {
    background: #1a1a1a;
    color: #cccccc;
}

footer a {
    color: #66b3ff;
}

footer a:hover {
    color: #ffffff;
}

/* Mobil Uyumlu Düzenlemeler */
@media (max-width: 768px) {
    header .container {
        background: #1a1a1a;
    }

    header nav ul {
        background: #2b2b2b;
    }

    header nav ul li a {
        color: #cccccc;
    }

    .posts-container {
        grid-template-columns: 1fr;
    }

    .blog-card {
        background: #333333;
        color: #e0e0e0;
    }
}


.about {
    background: #333; /* Koyu bir arka plan */
    color: #e0e0e0;   /* Açık metin rengi */
}


/* İletişim Sayfası */

/* İletişim Bölgesi Genel Ayarları */
.contact {
    background-color: #2b2b2b; /* Koyu arka plan */
    color: #e0e0e0;           /* Açık metin rengi */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Daha belirgin gölge */
}

/* Başlıklar */
.contact h2 {
    color: #4ab8ff; /* Parlak mavi */
}

.contact-info h3 {
    color: #50d090; /* Açık yeşil */
}

.contact-info p {
    color: #cccccc; /* Açık gri */
}

/* İletişim Detayları (Kartlar) */
.contact-details .contact-item {
    background-color: #333333; /* Daha koyu arka plan */
    color: #e0e0e0;            /* Açık metin rengi */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.7); /* Daha koyu gölge */
}

.contact-item h4 {
    color: #ffffff; /* Beyaz başlık */
}

.contact-item p {
    color: #bbbbbb; /* Açık gri metin */
}

/* İletişim Formu */
.contact-form {
    background-color: #333333; /* Koyu arka plan */
    color: #e0e0e0;            /* Açık metin rengi */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); /* Daha belirgin gölge */
}

.contact-form h3 {
    color: #4ab8ff; /* Başlık için parlak mavi */
}

.contact-form label {
    color: #cccccc; /* Açık gri etiketler */
}

.contact-form input, .contact-form textarea {
    background-color: #2b2b2b; /* Koyu form alanı */
    color: #ffffff;           /* Beyaz metin */
    border: 1px solid #555555; /* Koyu kenarlık */
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #888888; /* Açık gri placeholder */
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #4ab8ff; /* Odakta parlak mavi kenar */
    outline: none;
}

/* Gönder Butonu */
.contact-form .submit-btn {
    background-color: #27ae60; /* Açık yeşil */
    color: #ffffff;           /* Beyaz metin */
}

.contact-form .submit-btn:hover {
    background-color: #219150; /* Daha koyu yeşil */
}


/* Tema Butonu (Koyu Mod) */
body.dark-mode #theme-toggle {
    background: linear-gradient(135deg, #ffffff, #ffffff); /* Kırmızımsı ton (koyu mod) */
    color: #ffffff;
}

body.dark-mode #theme-toggle:hover {
    background: linear-gradient(135deg, #d5d5d5, #d5d5d5); /* Daha koyu kırmızı */
}

/* İçerik Alanı */
.content-wrapper {
    background-color: #1c1c1c; /* Arka plan için koyu ton */
    color: #e0e0e0; /* Metin için açık ton */
}

.content-image-wrapper {
    background-color: #2b2b2b; /* Görsel alanı için koyu ton */
}

.content-image {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5); /* Daha koyu bir gölge */
}

.content-details-area {
    background-color: #333333; /* Kart arka planı için koyu ton */
    color: #e0e0e0; /* Metin için açık ton */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7); /* Daha koyu gölge */
}

.content-details-area .content-title {
    color: #ffffff; /* Başlık için beyaz ton */
}

.content-details-area .content-text {
    color: #cccccc; /* Paragraflar için açık gri ton */
}

/* Footer */
.site-footer {
    background-color: #1a1a1a; /* Koyu arka plan */
    color: #cccccc; /* Metin için açık ton */
}


/* 📌 DARK MODE - Mobil Menü (Kapalı) */
.dark-mode .mobile-nav {
    background: linear-gradient(90deg, #1a1a1a 0%, #333333 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7);
}

/* 📌 DARK MODE - Mobil Menü (Açıldığında) */
.dark-mode .mobile-nav.show {
    background: linear-gradient(90deg, #141414 0%, #292929 100%);
}

/* 📌 DARK MODE - Mobil Menü İçindeki Linkler */
.dark-mode .mobile-nav ul li a {
    color: #e0e0e0;
    transition: color 0.3s ease, background 0.3s ease;
}

.dark-mode .mobile-nav ul li a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

/* 📌 DARK MODE - Mobil Tema Butonu */
.dark-mode .theme-toggle-mobile {
    display: block;
    background: linear-gradient(135deg, #3a3a3a, #1f1f1f);
    color: #ffffff;
    border: 1px solid #444;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
    font-size: 1em;
    font-weight: bold;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin: 20px auto; /* Butonu ortala */
    width: fit-content;
}

/* 📌 DARK MODE - Mobil Tema Butonu Hover */
.dark-mode .theme-toggle-mobile:hover {
    background: linear-gradient(135deg, #5a5a5a, #2b2b2b);
    color: #ffffff;
}

/* 📌 DARK MODE - Mobilde Masaüstü Tema Butonunu Gizle */
@media (max-width: 768px) {
    #theme-toggle {
        display: none;
    }
}