@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Poppins:wght@300;400;600;700&display=swap');
/* Masaüstü tarayıcılarda da 0.8 oranında ölçeklendirme - Düzeltilmiş versiyon */
@media screen and (min-width: 1024px) {
    html, body {
        /* Transform yerine zoom kullanımı */
        zoom: 0.9;
        -ms-zoom: 0.9;
        -webkit-zoom: 0.9;
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-x: hidden;
    }
}
 



/* Haber yoksa gösterilecek mesaj stili */
.no-news-message {
    width: 100%;
    text-align: center;
    padding: 60px 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin: 30px auto;
    max-width: 600px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.no-news-message i {
    font-size: 3rem;
    color: #ccc;
    margin-bottom: 15px;
    display: block;
}

.no-news-message h3 {
    font-size: 1.4rem;
    color: #555;
    margin-bottom: 10px;
}

.no-news-message p {
    color: #777;
    font-size: 0.95rem;
}

/* Grid içinde ortalama için */
.featured-news-grid:empty + .no-news-message,
.featured-news-grid:not(:has(.featured-news-item)) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

:root {
    --primary-color: #3498db;
    --secondary-color: #2980b9;
    --text-color: #333;
    --light-text: #fff;
    --dark-bg: #222;
    --transition: all 0.3s ease;
}
/* Yeni başlık stili */
.section-header {
    width: 100%;
    text-align: center;
    padding: 30px 0 10px;
    margin-bottom: 0px;
    position: relative;
}

.section-title-container {
    display: inline-block;
    position: relative;
}

.section-main-title {
    font-size: 38px;
    font-weight: 700;
    color: #333;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
}

.section-main-title .highlight-text {
    color: #0e71b7; /* Mavi renk */
    font-weight: 800;
}
/* Başlık altı çizgi düzenlemesi */
.title-underline {
    width: 100%;
    height: 4px;
    background-color: transparent; /* Arka plan rengini kaldırıyoruz */
    margin-top: 8px;
    border-radius: 2px;
    position: relative;
    text-align: center; /* İçeriği ortalamak için */
}

.title-underline-blue {
    position: absolute;
    left: 50%; /* Ortaya konumlandırma */
    transform: translateX(-50%); /* Tam ortalama için */
    top: 0;
    height: 3px; /* İnce çizgi */
    width: 80px; /* Sabit geniÅŸlik */
    background-color: #0e71b7;
    border-radius: 2px;
    display: inline-block; /* İnline blok davranış */
}

/* Karanlık mod düzeltmesi */
.dark-mode .title-underline .section-main-title{
    background-color: transparent;
    color: #ffffff;
}
.dark-mode  .section-main-title{
    background-color: transparent;
    color: #ffffff;
}

.hamburger{
    margin-right: 10px;
}
.navbar.open .hamburger{
    margin-right: -8px;
}

/* Mobil responsive düzenlemeler */
@media (max-width: 768px) {
    .section-main-title {
        font-size: 26px;
    }
    
    .section-header {
        padding: 20px 0 5px;
        margin-top: 10px;
    }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--text-color);
    background-color: #f8f9fa;
    min-height: 100vh;
}

/* NAVBAR STYLES */
.navbar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.navbar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2%;
    height: 80px;
    max-width: 100%; /* Maksimum genişliği artır (önceden 1600px idi) */
    margin: 0 auto;
    width: 100%;
}

/* Logo pozisyonu düzenleme */
.logo {
    flex: 0 0 auto;
    margin-left: 90px; /* Sağa kaydırmak için sol boşluğu arttır */
    white-space: nowrap; /* Logo metninin satır atlamasını engelle */
    text-align: center; /* Logo içindeki metni ortala */
    position: relative; /* Position özelliğini relative yap */
}

/* Logo içindeki link düzenlemesi */
.logo a {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: 1px;
    transition: var(--transition);
    display: inline-block; /* Inline-block yaparak blok davranışı ver */
}

.logo a:hover {
    color: var(--secondary-color);
}

/* Menu-items düzenlemesi */
.menu-items {
    display: flex;
    list-style: none;
    height: 100%;
    justify-content: center; /* Merkezden yayılmasını sağla */
    margin-left: auto;
    margin-right: auto; /* Sağdan da otomatik boşluk bırak */
    overflow: visible; /* Kaydırma çubuğunu gizle */
    flex: 1; /* Esnek büyümeyi sağla */
    padding: 0 2%; /* İçeride yatay boşluk ekle */
}

.menu-items li {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 5px; /* Menü öğeleri arasında daha fazla boşluk */
}

/* Menü öğelerini yakınlaştır */
.menu-items a {
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 80px;
    color: var(--text-color);
    text-decoration: none;
    font-weight: 500;
    transition: var(--transition);
}

.menu-items a i {
    margin-left: 5px;
    font-size: 0.8rem;
    transition: var(--transition);
}

.menu-items a:hover {
    color: var(--primary-color);
}

.menu-items a:hover i {
    transform: rotate(180deg);
}

.menu-items a.active {
    color: var(--primary-color);
}

/* DROPDOWN MENU */
.dropdown {
    position: absolute;
    top: 80px;
    left: 0;
    background-color: #fff;
    width: 200px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: var(--transition);
    z-index: 100;
    min-width: 220px; /* Alt menü minimum genişliği */
}

.has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown li {
    width: 100%;
}

.dropdown a {
    padding: 15px 20px;
    height: auto;
    width: 100%;
    display: block;
    font-weight: 400;
    border-bottom: 1px solid #f1f1f1;
}

.dropdown li:last-child a {
    border-bottom: none;
}

.dropdown a:hover {
    background-color: #f8f9fa;
}

/* HAMBURGER MENU */
.menu-toggle {
    display: none;
    cursor: pointer;
    z-index: 1500; /* Z-index değerini artır */
    position: relative; /* Pozisyon ekle */
}

.hamburger {
    width: 30px;
    height: 20px;
    position: relative;
}

.hamburger span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background-color: var(--text-color);
    transition: var(--transition);
}

.hamburger span::before,
.hamburger span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--text-color);
    transition: var(--transition);
    transform-origin: center; /* Dönüşüm merkezini ayarla */
}

.hamburger span::before {
    transform: translateY(-8px);
}

.hamburger span::after {
    transform: translateY(8px);
}

/* OPEN STATE */
.navbar.open .hamburger span {
    background-color: transparent;
}

.navbar.open .hamburger span::before {
    transform: translateY(0) rotate(45deg);
}

.navbar.open .hamburger span::after {
    transform: translateY(0) rotate(-45deg);
}

/* Karanlık mod için X rengi düzeltmesi */
.dark-mode .navbar.open .hamburger span::before,
.dark-mode .navbar.open .hamburger span::after {
    background-color: #fff;
}

/* Navbar açıkken hamburger menü ikonunun görünmesi için */
.navbar.open .menu-toggle {
    position: fixed; /* Menü açıkken sabit pozisyon */
    top: 25px; /* Ãœstten boÅŸluk */
    right: 25px; /* SaÄŸdan boÅŸluk */
}

/* HERO SECTION */
.hero {
    padding: 150px 5% 80px;
    text-align: center;
    background-color: #e6f3ff;
    min-height: 400px;
}

.hero h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: var(--primary-color);
    animation: fadeInUp 1s ease;
}

.hero p {
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto;
    color: #666;
    animation: fadeInUp 1.2s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* KAYAN HABERLER BÖLÜMÜ - YENİDEN DÜZENLENMİŞ */
.news-slider-section {
    padding-top: 100px; /* Navbar yüksekliği + ekstra boşluk */
    padding-bottom: 40px;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #f8f9fa;
}

.news-slider-container {
    max-width: 1200px;
    margin: 0 auto;
}

.section-title {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 30px;
    color: var(--text-color);
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}

.section-title span {
    color: var(--primary-color);
}

.news-slider {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    background-color: #000;
    height: 450px; /* Sabit yükseklik */
}

.news-track {
    display: flex;
    height: 100%;
    transition: transform 0.5s ease;
}

.news-slide {
    min-width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.news-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.news-slide:hover .news-bg {
    transform: scale(1.05);
}

.news-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.8));
    z-index: 1;
}

.news-category {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 5px 12px;
    font-size: 0.8rem;
    border-radius: 4px;
    font-weight: 500;
    z-index: 2;
}

.news-content {
    position: absolute;
    bottom: 80px; /* Tutarlı bir değer, butonlardan uzak */
    left: 0;
    width: 100%;
    padding: 30px;
    color: #fff;
    z-index: 2;
}

.news-date {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    margin-bottom: 10px;
    display: block;
}

.news-content h3 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    line-height: 1.3;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.news-content p {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
    line-height: 1.6;
    max-width: 80%;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.news-btn {
    color: #fff;
    background-color: var(--primary-color);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    transition: var(--transition);
}

.news-btn i {
    margin-left: 5px;
    transition: var(--transition);
}

.news-btn:hover {
    background-color: var(--secondary-color);
    color: #fff;
}

.news-btn:hover i {
    transform: translateX(5px);
}

/* SLIDER KONTROLLER - SAÄž TARAFA HÄ°ZALAMA */
.news-slider-controls {
    position: absolute;
    bottom: 15px; /* Alt köşeden biraz yukarıda */
    right: 15px; /* SaÄŸ tarafa hizala */
    left: auto; /* Sol hizalamayı kaldır */
    transform: none;
    display: flex;
    align-items: center;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    padding: 8px 12px;
    border-radius: 50px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    max-width: 90%;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* İleri - Geri Butonları */
.prev-btn,
.next-btn {
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 5px;
    flex-shrink: 0; /* Butonlar küçülmesin */
    font-size: 14px;
}

.prev-btn:hover,
.next-btn:hover {
    background-color: var(--secondary-color);
    transform: scale(1.08);
}

/* Aktif olmayan butonlar için stil */
.prev-btn.disabled,
.next-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Sayı Butonları */
.news-page-buttons {
    display: flex;
    margin: 0 10px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    align-items: center;
    padding: 0 2px;
}

.news-page-buttons::-webkit-scrollbar {
    display: none;
}

.page-btn {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 3px;
    font-weight: 500;
    font-size: 13px;
    flex-shrink: 0;
}

.page-btn:hover {
    background-color: rgba(255, 255, 255, 0.4);
    transform: scale(1.1);
}

.page-btn.active {
    background-color: #fff;
    color: var(--primary-color);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    
}

/* Mobil cihazlar için düzenlemeler */
@media screen and (max-width: 767px) {
    .news-slider-controls {
        bottom: 10px;
        padding: 6px 10px;
    }
    
    .prev-btn,
    .next-btn {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    
    .page-btn {
        width: 26px;
        height: 26px;
        font-size: 11px;
        margin: 0 2px;
    }
    
    /* Gizleme kuralını kaldır - tüm butonları göster */
    .page-btn:not(.active):not(:nth-child(-n+2)):not(:nth-last-child(-n+2)) {
        display: flex !important; /* Tüm butonları göster */
    }
}

/* Çok küçük ekranlar için düzenlemeler */
@media screen and (max-width: 480px) {
    .news-slider-controls {
        bottom: 8px;
        padding: 4px 8px;
        right: 10px; /* SaÄŸ tarafa hizala */
        left: auto; /* Sol hizalamayı kaldır */
        max-width: calc(100% - 20px);
    }
    
    .prev-btn,
    .next-btn {
        width: 28px;
        height: 28px;
        font-size: 11px;
        margin: 0 3px;
    }
    
    .page-btn {
        width: 24px;
        height: 24px;
        font-size: 10px;
        margin: 0 2px;
    }
    
    /* Gizleme kuralını kaldır - tüm butonları göster */
    .page-btn:not(.active):not(:nth-child(-n+2)):not(:nth-last-child(-n+2)) {
        display: flex !important; /* Tüm butonları göster */
    }
}

/* En küçük ekranlar için düzenlemeler */
@media screen and (max-width: 360px) {
    .news-slider-controls {
        right: 8px; /* SaÄŸ tarafa hizala */
        left: auto; /* Sol hizalamayı kaldır */
        padding: 3px 6px;
    }
    
    .page-btn, .prev-btn, .next-btn {
        width: 22px;
        height: 22px;
        font-size: 10px;
        min-width: 22px; /* Butonların küçülmesini önle */
    }
    
    .page-btn {
        margin: 0 1px;
    }
    
    .news-page-buttons {
        margin: 0 2px;
    }
    
    .news-slider-controls {
        bottom: 6px;
        padding: 4px 6px;
    }
}

/* Karanlık mod için uyumlu stiller */
.dark-mode .news-slider-controls {
    background: rgba(40, 40, 40, 0.8);
}

.dark-mode .page-btn {
    background-color: rgba(255, 255, 255, 0.15);
}

.dark-mode .page-btn:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.dark-mode .page-btn.active {
    background-color: var(--primary-color);
    color: #fff;
}

/* Mevcut pagination stilini kaldıralım */
.news-pagination {
    display: none;
}

/* Mevcut dots stilini kaldıralım */
.news-slider-dots {
    display: none;
}

/* Sayfa butonlarının stilini ileri-geri butonları ile uyumlu hale getirme */
.news-page-buttons {
    display: flex;
    margin: 0 10px;
    overflow-x: auto; /* Çok fazla buton olduğunda yatay kaydırma */
    scrollbar-width: none; /* Firefox kaydırma çubuğunu gizle */
    -ms-overflow-style: none; /* IE ve Edge kaydırma çubuğunu gizle */
    align-items: center;
    padding: 0 2px; /* Gölge efektinin görünmesi için ufak padding */
}

.news-page-buttons::-webkit-scrollbar {
    display: none; /* Chrome, Safari ve Opera için kaydırma çubuğunu gizle */
}

.page-btn {
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    border: none;
    width: 36px; /* Biraz daha küçük, daha fazla buton sığsın */
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
    margin: 0 2px; /* Daha az boÅŸluk */
    font-weight: 500;
    font-size: 0.85rem;
    flex-shrink: 0; /* Butonlar küçülmesin */
}

.page-btn:hover {
    background-color: var(--primary-color);
}

.page-btn.active {
    background-color: var(--primary-color);
    color: #fff;
    /* Shadow efekti ekleyelim aktif butona */
    box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);
    
}

/* Çok sayıda buton olduğunda başta ve sonda gölge efekti */
.news-page-buttons::before,
.news-page-buttons::after {
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.news-page-buttons.scroll-start::before {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2), transparent);
    opacity: 1;
}

.news-page-buttons.scroll-end::after {
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.2), transparent);
    opacity: 1;
}

/* Çok fazla sayfa varsa, sayılar yerine "..." (ellipsis) göster */
.page-btn.ellipsis {
    font-weight: bold;
    letter-spacing: 1px;
}
/* Mobil görünümde dropdown menü animasyonları */

@media screen and (max-width: 992px) {
    /* Dropdown container yapısı */
    .has-dropdown {
        width: 100%;
        position: relative;
    }
    
    /* Dropdown menü görünümü düzeltmesi */
    .has-dropdown .dropdown {
        position: static;
        width: 100%;
        background-color: #f8f9fa;
        border-radius: 4px;
        box-shadow: none;
        max-height: 0;
        height: auto;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: max-height 0.3s ease;
        overflow: hidden;
        max-height: var(--dropdown-height, 0px);
    }
    
    /* Alt menü öğeleri stilleri */
    .dropdown li {
        width: 100%;
    }
    
    .dropdown li a {
        padding: 12px 15px;
        padding-left: 25px; /* İçeriye doğru girinti */
        height: auto;
        width: 100%;
        display: block;
        font-weight: 400;
        font-size: 0.95rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    /* Ana menü öğelerinin düzenlenmesi */
    .has-dropdown > a {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    
    /* Ok işareti dönüşümü */
    .has-dropdown > a i {
        transition: transform 0.3s ease;
    }
    
    .has-dropdown.active > a i {
        transform: rotate(180deg);
    }
    
    /* Menü öğesi için ekstra boşluk */
    .menu-items > li {
        margin-bottom: 5px;
    }
}
/* RESPONSIVE TASARIM - YENÄ° DÃœZENLEME */
@media screen and (max-width: 992px) {
    .menu-toggle {
        display: block;
    }

    .menu-items {
        position: fixed;
        top: 0; /* Önceki değeri muhtemelen 80px idi, sıfıra çekerek yukarı aldık */
        right: -100%;
        width: 80%;
        height: 100vh;
        background-color: #fff;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 80px 20px 0px;
        overflow-y: auto;
        transition: var(--transition);
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .menu-items::-webkit-scrollbar {
        width: 5px;
    }
    
    .menu-items::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    .menu-items::-webkit-scrollbar-thumb {
        background: var(--primary-color, #3490dc);
        border-radius: 10px;
    }
    
    .menu-items::-webkit-scrollbar-thumb:hover {
        background: var(--secondary-color, #2779bd);
    }
    
    .menu-items {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-color, #3490dc) #f1f1f1;
    }

    .navbar.open .menu-items {
        right: 0; /* Menü açıldığında ekrana gel */
    }

    .menu-items li {
        width: 100%;
        height: auto;
    }

    .menu-items a {
        padding: 15px 20px;
        height: auto;
        justify-content: space-between;
        border-bottom: 1px solid #f1f1f1;
    }

    .dropdown {
        position: static;
        width: 100%;
        box-shadow: none;
        max-height: 0;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: max-height 0.3s ease;
        border-radius: 0;
        background-color: #f8f9fa;
    }

    .has-dropdown.active .dropdown {
        max-height: 500px;
    }

    .dropdown a {
        padding-left: 40px;
    }

    .hero {
        padding: 120px 5% 60px;
    }

    .hero h1 {
        font-size: 2rem;
    }

    .news-slider {
        height: 280px;  /* Tablet için biraz daha küçük */
    }
    
    .news-content h3 {
        font-size: 1.6rem;
    }
    
    .news-content p {
        max-width: 100%; /* Tablet'lerde daha geniş metin alanı */
        font-size: 0.95rem;
    }

    /* Hamburger menü açık/kapalı stili */
    .navbar.open .hamburger span {
        background-color: transparent;
    }

    .navbar.open .hamburger span::before {
        transform: rotate(45deg);
    }

    .navbar.open .hamburger span::after {
        transform: rotate(-45deg);
    }

    /* Menü stillerinizin içinde düzenlemeler */
    .menu-items {
        position: fixed;
        top: 0;
        right: -100%; /* Başlangıçta ekranın dışında */
        width: 300px;
        height: 100vh; /* Tam ekran yüksekliği */
        background-color: #fff;
        flex-direction: column;
        box-shadow: -5px 0 30px rgba(0, 0, 0, 0.1);
        transition: var(--transition);
        padding-top: 80px; /* Üst kısımda logo ve hamburger menu için boşluk */
        padding-bottom: 50px; /* Alt kısımda ekstra boşluk bırak */
        overflow-y: scroll !important; /* Scroll özelliğini zorla */
        -webkit-overflow-scrolling: touch; /* iOS'da daha iyi kaydırma deneyimi */
        z-index: 99;
    }
    
    /* Kaydırma çubuğunu stil */
    .menu-items::-webkit-scrollbar {
        width: 5px;
    }
    
    .menu-items::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    .menu-items::-webkit-scrollbar-thumb {
        background: var(--primary-color, #3490dc);
        border-radius: 10px;
    }
    
    .menu-items::-webkit-scrollbar-thumb:hover {
        background: var(--secondary-color, #2779bd);
    }
    
    /* Firefox için kaydırma çubuğu */
    .menu-items {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-color, #3490dc) #f1f1f1;
    }
    
    /* Menü açıldığında ekrana gelsin */
    .navbar.open .menu-items {
        right: 0;
        /* Scroll özelliğini korumak için tekrar belirt */
        overflow-y: scroll !important;
    }
    
    /* Dropdown menülerin stilini düzeltme */
    .has-dropdown.active .dropdown {
        max-height: 400px; /* Daha fazla içeriği göster */
    }
    
    /* Uzun menüler için her menü öğesine sabit yükseklik verme */
    .menu-items li {
        width: 100%;
        min-height: 50px; /* Minimum yükseklik */
    }

    /* Mobil görünümde logo düzenleme */
    .logo {
        margin-left: 10px; /* Mobil görünümde daha az kaydırma */
    }
    
    /* Mobil dropdown menü düzeltmesi - Kesin Çözüm */
    /* Menü öğelerinin yapısını düzenle */
    .menu-items {
        flex-direction: column;
        padding: 20px 0;
    }
    
    /* Dropdown container yapısı */
    .has-dropdown {
        position: relative !important;
        display: block !important;
        width: 100% !important;
    }
    
    /* Dropdown menü görünümü düzeltmesi */
    .has-dropdown .dropdown {
        position: static !important; /* Kritik: Static pozisyonlama ile parent içinde kalmasını sağla */
        width: 100% !important;
        max-height: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background-color: #f5f5f5 !important;
        transition: max-height 0.3s ease !important;
        display: block !important;
        left: 0 !important;
        top: 0 !important;
    }
    
    /* Aktif dropdown için yükseklik ve görünürlük ayarı */
    .has-dropdown.active .dropdown {
        max-height: 2000px !important;
        border-top: 1px solid rgba(0,0,0,0.05) !important;
        padding-bottom: 5px !important;
    }
    
    /* Alt menü öğeleri stilleri */
    .dropdown li {
        margin: 0 !important;
        display: block !important;
    }
    
    .dropdown li a {
        padding: 12px 15px 12px 40px !important; /* Sol tarafta girinti */
        font-size: 15px !important;
        border-bottom: 1px solid rgba(0,0,0,0.05) !important;
        background-color: #f5f5f5 !important;
        display: block !important;
    }
    
    /* Ana menü öğelerinin düzenlenmesi */
    .has-dropdown > a {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    /* Ok işareti dönüşümü */
    .has-dropdown > a i {
        transition: transform 0.3s ease !important;
    }
    
    .has-dropdown.active > a i {
        transform: rotate(180deg) !important;
    }
    
    /* Karanlık mod stilleri */
    .dark-mode .dropdown {
        background-color: #252525 !important;
    }
    
    .dark-mode .dropdown li a {
        background-color: #252525 !important;
        color: #e0e0e0 !important;
        border-bottom-color: rgba(255,255,255,0.05) !important;
    }
    
    /* Dropdown container yapısı - Çakışmaları önleme için */
    .has-dropdown {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        transition: margin-bottom 0.3s ease !important; /* Animasyonlu geçiş ekle */
        margin-bottom: 0 !important; /* Varsayılan durum */
    }
    
    /* Aktif dropdown için boşluk oluştur */
    .has-dropdown.active {
        margin-bottom: calc(var(--dropdown-height, 0) + 10px) !important;
    }
    
    /* Dropdown menü görünümü düzeltmesi */
    .has-dropdown .dropdown {
        position: static !important; /* Statik pozisyon */
        width: 100% !important;
        max-height: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background-color: #f5f5f5 !important;
        transition: all 0.3s ease !important;
        display: block !important;
        left: 0 !important;
        top: 0 !important;
    }
    
    /* Açık dropdown stillemesi */
    .has-dropdown.active .dropdown {
        max-height: 2000px !important; /* Uzun içerikler için yüksek değer */
        border-top: 1px solid rgba(0,0,0,0.05) !important;
        padding-bottom: 5px !important;
        position: absolute !important; /* Mutlak konum */
        top: 100% !important; /* Ana menü öğesinin altında */
        z-index: 10 !important; /* Diğer öğelerin üzerinde */
    }
    
    /* Mobil dropdown menü için NET ÇÖZÜM - diğer kısımların üzerine yazar */
    
    /* Ana menü öğeleri - her birinin altında gerekli boşluğu bırak */
    .menu-items > li {
        position: relative !important;
        width: 100% !important;
        display: block !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    }
    
    /* Dropdown container yapısı */
    .has-dropdown {
        position: relative !important;
        width: 100% !important;
        display: block !important;
    }
    
    /* Ana menü stilleri */
    .has-dropdown > a {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
    }
    
    /* Alt menü stilleri - normal durumda gizli */
    .dropdown {
        height: 0 !important; /* Başlangıçta 0 yükseklik */
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important; /* Önemli: Gizleme için display:none kullanmıyoruz */
        transition: height 0.3s ease-in-out !important;
        background-color: #f5f5f5 !important;
        position: static !important; /* Akışı bozmamak için static */
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Aktif alt menü - görünür */
    .has-dropdown.active .dropdown {
        height: auto !important; /* Otomatik yükseklik */
        border-top: 1px solid rgba(0,0,0,0.05) !important;
    }
    
    /* Aktif menüler için ok dönüşümü */
    .has-dropdown > a i {
        transition: transform 0.3s ease !important;
    }
    
    .has-dropdown.active > a i {
        transform: rotate(180deg) !important;
    }
    
    /* Alt menü öğeleri */
    .dropdown li {
        margin: 0 !important;
        display: block !important;
    }
    
    .dropdown li a {
        padding: 12px 15px 12px 40px !important; /* Sol tarafta girinti */
        font-size: 14px !important;
        display: block !important;
        width: 100% !important;
        color: #333 !important;
        background-color: #f5f5f5 !important;
        border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    }
    
    /* Alt menü son öğesi için alt boşluk yok */
    .dropdown li:last-child a {
        border-bottom: none !important;
    }
    
    /* Karanlık tema uyumu */
    .dark-mode .dropdown {
        background-color: #2a2a2a !important;
    }
    
    .dark-mode .dropdown li a {
        background-color: #2a2a2a !important;
        color: #e0e0e0 !important;
        border-bottom-color: rgba(255,255,255,0.05) !important;
    }
    
    /* Mobil dropdown menü için NET ÇÖZÜM - diğer kısımların üzerine yazar */
    /* Alt menü container yapısı */
    .has-dropdown {
        position: relative !important;
        width: 100% !important;
        display: block !important;
    }
    
    /* Ana menü stilleri */
    .has-dropdown > a {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        cursor: pointer !important;
    }
    
    /* Alt menü stilleri - kapalı durumda */
    .has-dropdown .dropdown {
        display: none !important;
        background-color: #f5f5f5 !important;
    }
    
    /* Aktif alt menü - açık durumda */
    .has-dropdown.active .dropdown {
        display: block !important;
        margin-bottom: 5px !important;
    }
    
    /* Alt menü öğeleri */
    .dropdown li {
        margin: 0 !important;
        display: block !important;
    }
    
    /* Alt menü linkleri */
    .dropdown li a {
        padding: 12px 15px 12px 40px !important;
        font-size: 14px !important;
        border-bottom: 1px solid rgba(0,0,0,0.05) !important;
        display: block !important;
        width: 100% !important;
    }
    
    /* Ok dönüşümü */
    .has-dropdown > a i {
        transition: transform 0.3s ease !important;
    }
    
    .has-dropdown.active > a i {
        transform: rotate(180deg) !important;
    }
    
    /* Karanlık mod için */
    .dark-mode .dropdown {
        background-color: #252525 !important;
    }
    
    .dark-mode .dropdown li a {
        background-color: #252525 !important;
        color: #e0e0e0 !important;
        border-bottom-color: rgba(255,255,255,0.1) !important;
    }
}

@media screen and (min-width: 768px) {
    .news-slide {
        
        flex-direction: row;
    }
    
    .news-img {
        width: 50%;
        height: auto;
    }
    
    .news-content {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .navbar-container {
        height: 70px;
    }
    
    .news-slider-section {
        padding-top: 80px; /* Mobil navbar için daha az padding */
    }
    
    .section-title {
        font-size: 1.4rem;
        margin-bottom: 25px;
    }
    
    .news-img {
        height: 200px;
    }
    
    .news-content h3 {
        font-size: 1.2rem;
        margin-bottom: 10px;
    }
    
    .news-content p {
        font-size: 0.9rem;
        margin-bottom: 15px;
    }
    
    .news-btn {
        font-size: 0.9rem;
    }
    
    .news-slider {
        height: 350px; /* Orta boy mobil için azaltılmış yükseklik */
    }
    
    .news-content {
        bottom: 55px; /* Butonlara daha yakın */
        padding: 20px;
    }
    
    .news-slider-controls {
        padding: 10px 15px;
        bottom: 12px; /* Aşağıya daha yakın */
    }
    
    /* Tüm kontrol butonlarını daha küçük yap */
    .page-btn, .prev-btn, .next-btn {
        width: 32px;
        height: 32px;
        margin: 0 2px;
    }
    
    .page-btn {
        font-size: 0.8rem;
    }
    
    /* Çok fazla sayfa butonu olduğunda bazılarını gizle */
    .page-btn.hide-mobile {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .navbar-container {
        height: 70px;
    }

    .logo a {
        font-size: 1.2rem;
    }

    .hero h1 {
        font-size: 1.8rem;
    }

    .hero p {
        font-size: 1rem;
    }
    
    .news-slider {
        height: 320px; /* Daha küçük */
    }
    
    .news-content {
        bottom: 50px; /* Butonlara daha da yakın */
    }
}

@media screen and (max-width: 480px) {
    .news-slider-section {
        padding-top: 70px;
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .section-title {
        font-size: 1.2rem;
        margin-bottom: 15px;
    }
    
    .news-img {
        height: 180px;
    }
    
    .news-content {
        padding: 15px;
        bottom: 45px; /* Kontrollere daha yakın */
    }
    
    .prev-btn,
    .next-btn {
        width: 35px;
        height: 35px;
    }
    
    .page-btn {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
        margin: 0 2px;
    }

    .news-slider {
        height: 300px; /* Küçük mobil için daha da azaltılmış yükseklik */
        border-radius: 8px;
    }
    
    .news-content h3 {
        font-size: 1.1rem;
        margin-bottom: 8px; /* Başlık ile paragraf arasını azalt */
    }
    
    .news-content p {
        font-size: 0.8rem;
        margin-bottom: 10px; /* Paragraf ile buton arasını azalt */
        line-height: 1.4;
    }
    
    .news-btn {
        padding: 7px 14px;
        font-size: 0.8rem;
    }
    
    .news-slider-controls {
        bottom: 8px; /* En aşağıya daha yakın */
        right: 10px;
        padding: 5px 8px;
    }
    
    .page-btn, .prev-btn, .next-btn {
        width: 28px;
        height: 28px;
    }
    
    .page-btn {
        font-size: 0.7rem;
        margin: 0 1px; /* Daha da az boÅŸluk */
    }
}

@media screen and (max-width: 360px) {
    .news-slider {
        height: 260px; /* En küçük ekranlar için en düşük yükseklik */
    }
    
    .news-content {
        padding: 10px;
        bottom: 40px; /* Kontrollere daha da yakın */
    }
    
    .news-content h3 {
        font-size: 0.95rem;
        margin-bottom: 5px;
    }
    
    .news-content p {
        font-size: 0.75rem;
        margin-bottom: 8px;
        line-height: 1.3;
    }
    
    .news-btn {
        padding: 5px 10px;
        font-size: 0.75rem;
    }
    
    /* Kontrol butonlarını daha da küçült */
    .page-btn, .prev-btn, .next-btn {
        width: 24px;
        height: 24px;
    }
    
    .page-btn {
        font-size: 0.65rem;
    }
    
    /* Butonlar arasındaki boşluğu azalt */
    .news-page-buttons {
        margin: 0 3px;
    }
    
    .news-slider-controls {
        bottom: 6px;
        padding: 4px 6px;
    }
}

/* YATAY GÖRÜNÜM OPTİMİZASYONU */
@media screen and (max-height: 600px) and (orientation: landscape) {
    .news-slider {
        height: 300px;
    }
    
    .news-content {
        bottom: 60px;
        padding: 15px;
    }
    
    .news-content h3 {
        font-size: 1rem;
        margin-bottom: 8px;
    }
    
    .news-content p {
        font-size: 0.8rem;
        margin-bottom: 8px;
        line-height: 1.3;
    }
    
    .news-btn {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}

/* Saat ve Hava Durumu Stillemesi */
.weather-time-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 15px;
    font-size: 0.9rem;
    flex: 0 1 auto;
    min-width: 150px; /* Minimum geniÅŸlik belirle */
}

.time-container, .weather-container {
    display: flex;
    align-items: center;
    margin: 2px 0;
    color: var(--text-color);
}

.time-container i, .weather-container i {
    margin-right: 8px;
    color: var(--primary-color);
}

#current-time {
    font-weight: 500;
}

#current-weather {
    margin-right: 5px;
}

#current-temp {
    font-weight: 500;
}

/* Tema ve Dil Seçenekleri */
.theme-lang-container {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 20px;
}

/* Tema DeÄŸiÅŸtirici */
.theme-toggle {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin: 0 5px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
}

input:checked + .slider {
    background-color: var(--primary-color);
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--primary-color);
}

input:checked + .slider:before {
    transform: translateX(18px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.fas.fa-sun {
    color: #f39c12;
}

.fas.fa-moon {
    color: #34495e;
}

/* Karanlık Mod Stilleri */
body.dark-mode {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

.dark-mode .navbar {
    background-color: #2c2c2c;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.dark-mode .logo a {
    color: var(--primary-color);
}

.dark-mode .menu-items a {
    color: #e0e0e0;
}

.dark-mode .dropdown {
    background-color: #2c2c2c;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.dark-mode .dropdown a {
    border-bottom-color: #444;
}

.dark-mode .time-container, 
.dark-mode .weather-container {
    color: #e0e0e0;
}

.dark-mode .menu-items {
    background-color: #2c2c2c;
}

.dark-mode .menu-items a {
    border-bottom-color: #444;
}

.dark-mode .lang-btn:not(.active) {
    color: #e0e0e0;
    border-color: #555;
}

/* Mobil görünüm için ayarlamalar */
@media screen and (max-width: 992px) {
    .theme-lang-container {
        display: none; /* Mobil görünümde gizle */
    }
    
    /* Mobilde tema ve dil seçeneğini menü içine taşı */
    .mobile-theme-lang {
        display: flex;
        flex-direction: column;
        padding: 15px;
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 10px;
    }
    
    .mobile-theme-lang .theme-toggle {
        margin: 5px 0;
        justify-content: center;
    }
}

/* Mobil görünüm ayarları */
@media screen and (max-width: 1200px) {
    .navbar-container {
        padding: 0 2%;
    }
    
    .weather-time-container {
        min-width: 150px;
        margin-right: 15px;
    }
    
    .logo a {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 992px) {
    .weather-time-container {
        display: none; /* Mobil görünümde gizle */
    }
}

/* Mobil sabit hava durumu ve saat */
.mobile-fixed-weather-time {
    display: none; /* Varsayılan olarak gizli */
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: rgba(255, 255, 255, 0.9); /* Yarı saydam arka plan */
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    padding: 8px 12px;
    z-index: 999; /* Diğer öğelerin üzerinde olsun */
    max-width: 180px;
    font-size: 0.85rem;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.mobile-fixed-container {
    display: flex;
    flex-direction: column;
}

.mobile-fixed-weather-time .time-container,
.mobile-fixed-weather-time .weather-container {
    display: flex;
    align-items: center;
    margin: 3px 0;
}

.mobile-fixed-weather-time i {
    margin-right: 8px;
    color: var(--primary-color);
}

/* Karanlık mod uyumluluğu */
.dark-mode .mobile-fixed-weather-time {
    background-color: rgba(50, 50, 50, 0.95);
    color: #e0e0e0;
    border-color: rgba(255, 255, 255, 0.1);
}

/* Mobil görünüm için düzenleme */
@media screen and (max-width: 992px) {
    .weather-time-container {
        display: none; /* Normal hava durumu/saat göstergesini gizle */
    }
    
    .mobile-fixed-weather-time {
        display: block; /* Mobil sabit göstergeyi görünür yap */
    }
}



/* Mobil görünümde göster */
@media screen and (max-width: 992px) {
    /* Masaüstü tema seçeneklerini gizle */
    .theme-lang-container {
        display: none;
    }
    
    /* Mobil menüde tema seçeneklerini göster */
    .mobile-theme-lang {
        display: flex;
    }
    
    .menu-items {
        padding-top: 15px; /* Menu öğeleriyle tema arası boşluk */
    }
}

/* Mobil görünümde dropdown menü düzenlemesi - TEK VE NET ÇÖZÜM */
@media screen and (max-width: 992px) {
    /* Alt menü container yapısı */
    .has-dropdown {
        position: relative !important;
        width: 100% !important;
        display: block !important;
    }
    
    /* Ana menü stilleri */
    .has-dropdown > a {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        cursor: pointer !important;
    }
    
    /* Alt menü stilleri - kapalı durumda */
    .has-dropdown .dropdown {
        display: none !important;
        background-color: #f5f5f5 !important;
    }
    
    /* Aktif alt menü - açık durumda */
    .has-dropdown.active .dropdown {
        display: block !important;
        margin-bottom: 5px !important;
    }
    
    /* Alt menü öğeleri */
    .dropdown li {
        margin: 0 !important;
        display: block !important;
    }
    
    /* Alt menü linkleri */
    .dropdown li a {
        padding: 12px 15px 12px 40px !important;
        font-size: 14px !important;
        border-bottom: 1px solid rgba(0,0,0,0.05) !important;
        display: block !important;
        width: 100% !important;
    }
    
    /* Ok dönüşümü */
    .has-dropdown > a i {
        transition: transform 0.3s ease !important;
    }
    
    .has-dropdown.active > a i {
        transform: rotate(180deg) !important;
    }
    
    /* Karanlık mod için */
    .dark-mode .dropdown {
        background-color: #252525 !important;
    }
    
    .dark-mode .dropdown li a {
        background-color: #252525 !important;
        color: #e0e0e0 !important;
        border-bottom-color: rgba(255,255,255,0.1) !important;
    }
}

/* FOOTER BÖLÜMÜ STILLERI */
.site-footer {
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
    padding: 60px 0 0;
    margin-top: 60px;
    position: relative;
    color: var(--text-color);
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer-top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

.footer-brand {
    grid-column: span 1;
}

.footer-logo {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
}

.footer-desc {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #666;
    margin-bottom: 20px;
}

.social-links {
    display: flex;
    gap: 12px;
}

.social-link {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.social-link:hover {
    background-color: var(--primary-color);
    color: #fff;
    transform: translateY(-3px);
}

.footer-links {
    grid-column: span 1;
}

.footer-heading {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--text-color);
    position: relative;
    padding-bottom: 10px;
}

.footer-heading:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: var(--primary-color);
}

.footer-menu {
    list-style-type: none;
    padding: 0;
}

.footer-menu li {
    margin-bottom: 12px;
}

.footer-menu a {
    color: #666;
    text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.3s ease;
    display: block;
    position: relative;
    padding-left: 15px;
}

.footer-menu a:before {
    content: '\f054';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.7rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.footer-menu a:hover {
    color: var(--primary-color);
}

.footer-menu a:hover:before {
    transform: translateY(-50%) translateX(3px);
}

.footer-subscribe {
    grid-column: span 1;
}

.footer-subscribe p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #666;
    margin-bottom: 20px;
}

.footer-input-group {
    display: flex;
    margin-bottom: 15px;
}

.footer-input-group input {
    flex: 1;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    font-size: 0.95rem;
    background-color: #fff;
    color: var(--text-color);
}

.footer-input-group input:focus {
    outline: none;
    border-color: var(--primary-color);
}

.footer-submit-btn {
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    padding: 0 15px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.footer-submit-btn:hover {
    background-color: var(--secondary-color);
}

.footer-form-check {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.footer-form-check input {
    margin-right: 8px;
    margin-top: 4px;
}

.footer-form-check label {
    font-size: 0.8rem;
    line-height: 1.5;
    color: #777;
}

.footer-form-check a {
    color: var(--primary-color);
    text-decoration: none;
}

.footer-form-check a:hover {
    text-decoration: underline;
}

.footer-form-message {
    font-size: 0.85rem;
    min-height: 20px;
}

.footer-form-message.success {
    color: #28a745;
}

.footer-form-message.error {
    color: #dc3545;
}

.footer-middle {
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    padding: 20px 0;
    margin-bottom: 20px;
}

.contact-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
    font-size: 0.9rem;
}

.contact-item i {
    color: var(--primary-color);
    font-size: 1rem;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    flex-wrap: wrap;
    gap: 20px;
}

.copyright {
    font-size: 0.85rem;
    color: #777;
}

.footer-legal {
    display: flex;
    gap: 20px;
}

.footer-legal a {
    color: #777;
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.3s ease;
}

.footer-legal a:hover {
    color: var(--primary-color);
}

/* RESPONSIVE TASARIM */
@media screen and (max-width: 992px) {
    .footer-top {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-brand, .footer-links, .footer-subscribe {
        grid-column: span 1;
    }
    
    .contact-info {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
}

@media screen and (max-width: 576px) {
    .footer-top {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .footer-brand, .footer-links, .footer-subscribe {
        grid-column: span 1;
    }
    
    .footer-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
    }
    
    .footer-legal {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
}

/* KARANLIK MOD */
.dark-mode .site-footer {
    background-color: #1a1a1a;
    border-top-color: #333;
}

.dark-mode .footer-heading, 
.dark-mode .footer-logo {
    color: #e0e0e0;
}

.dark-mode .footer-desc,
.dark-mode .footer-menu a,
.dark-mode .footer-subscribe p,
.dark-mode .contact-item,
.dark-mode .copyright,
.dark-mode .footer-legal a,
.dark-mode .footer-form-check label {
    color: #bbb;
}

.dark-mode .footer-menu a:hover,
.dark-mode .footer-legal a:hover {
    color: var(--primary-color);
}

.dark-mode .social-link {
    background-color: #2c2c2c;
    color: #e0e0e0;
}

.dark-mode .footer-middle,
.dark-mode .footer-input-group input {
    border-color: #333;
}

.dark-mode .footer-input-group input {
    background-color: #2c2c2c;
    color: #e0e0e0;
}

.dark-mode .footer-form-message.success {
    color: #5cdb5c;
}

.dark-mode .footer-form-message.error {
    color: #ff6b6b;
}

.dark-mode .contact-item i {
    color: var(--primary-color);
}

/* HABER GRID BÖLÜMÜ STILLERI */
.news-grid-section {
    padding: 60px 5%;
    background-color: #fff;
}

.news-grid-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
}

/* Sol taraf - Kare haberler */
.news-grid-left {
    flex: 2;
}

.featured-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.featured-news-item {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #fff;
}

.featured-news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.featured-news-link {
    text-decoration: none;
    color: var(--text-color);
    display: block;
}

.featured-news-img-container {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1/1; /* Kare görünüm */
}

.featured-news-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-news-item:hover .featured-news-img {
    transform: scale(1.05);
}

.featured-news-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    z-index: 1;
}

.featured-news-category {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    z-index: 2;
}

.featured-news-content {
    padding: 15px;
}

.featured-news-title {
    font-size: 0.95rem;
    margin-bottom: 10px;
    line-height: 1.4;
    font-weight: 600;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured-news-date {
    color: #777;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
}

.featured-news-date i {
    margin-right: 5px;
}

/* Sağ taraf - Özet haberler */
.news-grid-right {
    flex: 1;
}

.summary-news-container {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.summary-news-item {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #fff;
}

.summary-news-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.summary-news-link {
    text-decoration: none;
    color: var(--text-color);
    display: flex;
    height: 100%;
}

.summary-news-img-container {
    flex: 0 0 35%;
    position: relative;
    overflow: hidden;
}

.summary-news-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.summary-news-item:hover .summary-news-img {
    transform: scale(1.05);
}

.summary-news-content {
    flex: 1;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.summary-news-category {
    display: inline-block;
    background-color: #f0f0f0;
    color: var(--primary-color);
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: 600;
    margin-bottom: 8px;
    align-self: flex-start;
}

.summary-news-title {
    font-size: 0.95rem;
    margin-bottom: 8px;
    line-height: 1.4;
    font-weight: 600;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.summary-news-excerpt {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 10px;
    line-height: 1.5;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
}

.summary-news-date {
    color: #777;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    margin-top: auto;
}

.summary-news-date i {
    margin-right: 5px;
}

/* KARÅžILIKLI TEPKÄ°SEL TASARIM (RESPONSIVE) */

/* Tablet boyutu */
@media screen and (max-width: 992px) {
    .news-grid-container {
        flex-direction: column;
    }
    
    .featured-news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .news-grid-left, .news-grid-right {
        width: 100%;
    }
    
    .summary-news-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .summary-news-link {
        flex-direction: column;
    }
    
    .summary-news-img-container {
        flex: none;
        height: 160px;
    }
}

/* Mobil boyutu */
@media screen and (max-width: 767px) {
    .featured-news-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .summary-news-container {
        grid-template-columns: 1fr;
    }
    
    .summary-news-link {
        flex-direction: row;
    }
    
    .summary-news-img-container {
        flex: 0 0 40%;
        height: auto;
    }
    
    .featured-news-title, .summary-news-title {
        font-size: 0.9rem;
    }
    
    .summary-news-excerpt {
        line-clamp: 2;
        font-size: 0.75rem;
    }
}

/* Küçük mobil boyutu */
@media screen and (max-width: 480px) {
    .news-grid-section {
        padding: 40px 5%;
    }
    
    .summary-news-link {
        flex-direction: column;
    }
    
    .summary-news-img-container {
        flex: none;
        height: 180px;
    }
    
    .featured-news-title, .summary-news-title {
        font-size: 0.85rem;
    }
}

/* KARANLIK MOD */
.dark-mode .news-grid-section {
    background-color: #1a1a1a;
}

.dark-mode .featured-news-item,
.dark-mode .summary-news-item {
    background-color: #2c2c2c;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.dark-mode .featured-news-link,
.dark-mode .summary-news-link {
    color: #e0e0e0;
}

.dark-mode .featured-news-title,
.dark-mode .summary-news-title {
    color: #e0e0e0;
}

.dark-mode .summary-news-excerpt {
    color: #bbb;
}

.dark-mode .featured-news-date,
.dark-mode .summary-news-date {
    color: #aaa;
}

.dark-mode .summary-news-category {
    background-color: #444;
    color: #fff;
}

/* SINAV GERİ SAYIM BÖLÜMÜ */
.exam-countdown-section {
    padding: 60px 5%;
    background-color: #f0f7ff;
    position: relative;
}

.exam-countdown-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

.countdown-subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 40px;
    font-size: 1.1rem;
}

.countdown-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 30px;
}

.countdown-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.countdown-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.countdown-header {
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}

.countdown-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: var(--primary-color);
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.countdown-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--text-color);
    padding-right: 60px; /* Rozet için yer aç */
}

.countdown-date {
    font-size: 0.95rem;
    color: #777;
    display: flex;
    align-items: center;
}

.countdown-timer {
    display: flex;
    justify-content: space-around;
    padding: 25px 15px;
    background-color: #f8f8f8;
}

.countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.countdown-number {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-color);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.countdown-label {
    font-size: 0.8rem;
    color: #777;
    margin-top: 5px;
}

.countdown-footer {
    padding: 15px 20px;
    border-top: 1px solid #f0f0f0;
    text-align: center;
}

.countdown-link {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
}

.countdown-link i {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.countdown-link:hover {
    color: var(--secondary-color);
}

.countdown-link:hover i {
    transform: translateX(3px);
}

/* Animasyon: Sayılar değiştiğinde hafif bir vurgu efekti */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.countdown-number.pulse {
    animation: pulse 0.5s;
}

/* Geri sayımda son 7 gün kaldığında kırmızı renk gösterimi */
.countdown-number.urgent {
    color: #e74c3c;
}

/* Sınav geçmiş ise gösterilecek stil */
.countdown-card.past-exam .countdown-timer {
    display: flex;
    justify-content: center;
    padding: 25px 15px;
    background-color: #f8f8f8;
    flex-direction: column;
    align-items: center;
}

.countdown-message {
    font-size: 1.2rem;
    font-weight: 600;
    color: #777;
    margin-bottom: 10px;
}

.countdown-submessage {
    font-size: 0.9rem;
    color: #999;
}

/* RESPONSIVE TASARIM */
@media screen and (max-width: 992px) {
    .countdown-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .exam-countdown-section {
        padding: 40px 5%;
    }
    
    .countdown-container {
        grid-template-columns: 1fr;
    }
    
    .countdown-title {
        font-size: 1.1rem;
    }
    
    .countdown-number {
        font-size: 1.6rem;
    }
}

/* Karanlık mod uyumluluğu */
.dark-mode .countdown-sessions {
    background-color: #222;
}

.dark-mode .session-tabs {
    border-color: #444;
}

.dark-mode .session-tab {
    background: #333;
    color: #ccc;
}

.dark-mode .session-tab:hover {
    background: #444;
}

.dark-mode .session-tab.active {
    background: var(--primary-color);
    color: white;
}

.dark-mode .session-title {
    color: #e0e0e0;
}

.dark-mode .session-date {
    color: #bbb;
}

.dark-mode .exam-important-dates {
    background-color: #2c2c2c;
    border-color: #444;
}

.dark-mode .date-title {
    color: #bbb;
}

.dark-mode .date-value {
    color: #ddd;
}

/* KARANLIK MOD */
.dark-mode .exam-countdown-section {
    background-color: #1a1a1a;
}

.dark-mode .countdown-subtitle {
    color: #bbb;
}

.dark-mode .countdown-card {
    background-color: #2c2c2c;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dark-mode .countdown-header,
.dark-mode .countdown-footer {
    border-color: #444;
}

.dark-mode .countdown-title {
    color: #e0e0e0;
}

.dark-mode .countdown-date,
.dark-mode .countdown-label {
    color: #bbb;
}

.dark-mode .countdown-timer {
    background-color: #222;
}

.dark-mode .countdown-message {
    color: #bbb;
}

.dark-mode .countdown-submessage {
    color: #999;
}

/* Genişletilmiş YKS kartı için ek stiller */
.expanded-card {
    grid-column: 1 / span 3;
    max-width: calc(100% - 10px);
}

.countdown-sessions {
    background-color: #f8f8f8;
    padding: 5px 15px 20px;
    position: relative;
}

.session-tabs {
    display: flex;
    gap: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    top: -5px;
}

.session-tab {
    padding: 8px 20px;
    background: #ececec;
    border: none;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    font-weight: 600;
    color: #666;
    transition: all 0.3s ease;
}

.session-tab:hover {
    background: #e0e0e0;
}

.session-tab.active {
    background: var(--primary-color);
    color: white;
    font-weight: 600;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
}

.session-content {
    display: none; /* Varsayılan olarak gizli, JavaScript ile kontrol edilecek */
}

/* Artık bu kısım JavaScript ile kontrol edilecek */
.session-content.active {
    display: block;
}

.session-header {
    margin-bottom: 15px;
}

.session-title {
    font-size: 1.1rem;
    margin-bottom: 5px;
    color: var(--text-color);
}

.session-date {
    font-size: 1rem;
    color: #555;
    display: flex;
    align-items: center;
    gap: 5px;
}

.exam-important-dates {
    padding: 15px;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
}

.important-dates-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.important-date-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.date-title {
    font-size: 0.85rem;
    font-weight: 600;
    color: #555;
    margin-bottom: 3px;
}

.date-value {
    font-size: 0.9rem;
    color: #333;
}

/* Responsif ayarlamalar */
@media screen and (max-width: 992px) {
    .expanded-card {
        grid-column: 1 / span 2;
    }
    
    .important-dates-grid {
        grid-template-columns: 1fr 1fr;
        row-gap: 15px;
    }
    
    .important-date-group:last-child {
        grid-column: span 2;
        justify-self: center;
    }
}

@media screen and (max-width: 768px) {
    .expanded-card {
        grid-column: auto;
    }
    
    .important-dates-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .important-date-group:last-child {
        grid-column: auto;
    }
    
    .session-tabs {
        overflow-x: auto;
        padding-bottom: 5px;
    }
    
    .session-tab {
        padding: 8px 15px;
        font-size: 0.9rem;
        white-space: nowrap;
    }
}

/* Karanlık mod uyumluluğu */
.dark-mode .countdown-sessions {
    background-color: #222;
}

.dark-mode .session-tabs {
    border-color: #444;
}

.dark-mode .session-tab {
    background: #333;
    color: #ccc;
}

.dark-mode .session-tab:hover {
    background: #444;
}

.dark-mode .session-tab.active {
    background: var(--primary-color);
    color: white;
}

.dark-mode .session-title {
    color: #e0e0e0;
}

.dark-mode .session-date {
    color: #bbb;
}

.dark-mode .exam-important-dates {
    background-color: #2c2c2c;
    border-color: #444;
}

.dark-mode .date-title {
    color: #bbb;
}

.dark-mode .date-value {
    color: #ddd;
}

/* YKS Kartı - Kompakt stil */
.yks-card {
    position: relative;
    overflow: hidden;
}

/* Kompakt sekmeler ve içerik */
.compact-sessions {
    background-color: #f8f8f8;
    padding: 5px 10px 10px;
}

.compact-tabs {
    gap: 3px;
    margin-bottom: 10px;
}

.session-tab {
    padding: 6px 12px;
    font-size: 0.8rem;
}

.compact-timer-container {
    display: flex;
    flex-direction: column;
}

.compact-session-info {
    margin-bottom: 5px;
}

.compact-date {
    font-size: 0.85rem;
    color: #555;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 3px;
}

/* Kompakt sayaç */
.compact-timer {
    padding: 10px 5px;
    background-color: #f0f0f0;
    border-radius: 5px;
}

.compact-timer .countdown-item {
    padding: 0 2px;
}

.compact-timer .countdown-number {
    font-size: 1.2rem;
}

.compact-timer .countdown-label {
    font-size: 0.7rem;
    margin-top: 2px;
}

/* Kompakt tarihler bölümü */
.compact-dates {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 12px;
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    font-size: 0.8rem;
    align-items: center;
}

.compact-date-item {
    margin: 3px 5px 3px 0;
    color: #555;
    white-space: nowrap;
}

.compact-link {
    font-size: 0.8rem;
    margin-left: auto;
    padding: 3px 8px;
    white-space: nowrap;
}

/* Karanlık mod */
.dark-mode .compact-sessions {
    background-color: #222;
}

.dark-mode .compact-timer {
    background-color: #2a2a2a;
}

.dark-mode .compact-dates {
    background-color: #2c2c2c;
    border-color: #444;
}

.dark-mode .compact-date {
    color: #bbb;
}

.dark-mode .compact-date-item {
    color: #bbb;
}

/* KPSS Kartı için özel stil */
.kpss-card .session-tab {
    font-size: 0.75rem;
    padding: 5px 10px;
}

.kpss-card .countdown-badge {
    background-color: #e74c3c; /* KPSS için farklı renk */
}

@media screen and (max-width: 576px) {
    .kpss-card .session-tab {
        font-size: 0.7rem;
        padding: 5px 8px;
    }
    
    .kpss-card .compact-dates {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .kpss-card .compact-link {
        margin-left: 0;
        margin-top: 5px;
    }
}

/* ALES Kartı için özel stil */
.ales-card .countdown-badge {
    background-color: #3498db; /* ALES için mavi renk tonu */
}

.ales-card .compact-dates {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ales-card .compact-date-item {
    font-size: 0.75rem;
}

.ales-card .compact-link {
    align-self: flex-end;
    margin-top: 5px;
}

@media screen and (max-width: 576px) {
    .ales-card .session-tab {
        padding: 5px 8px;
        font-size: 0.7rem;
    }
}

/* DGS Kartı için özel stil */
.dgs-card .countdown-badge {
    background-color: #9b59b6; /* DGS için mor renk tonu */
}

.dgs-card .compact-session-info {
    margin-bottom: 10px;
}

@media screen and (max-width: 576px) {
    .dgs-card .compact-dates {
        flex-wrap: wrap;
    }
}

/* Belirli sınavların rozetleri için yeşil arka plan */
.yks-card .countdown-badge,
.kpss-card .countdown-badge,
.ales-card .countdown-badge,
.dgs-card .countdown-badge {
    background-color: #2ecc71; /* YeÅŸil renk tonu */
}

/* Diğer rozetler için mavi renk kalacak (varsayılan) */

/* ÖNEMLİ DUYURULAR BÖLÜMÜ STİLLERİ - DAHA İNCE TASARIM */
.announcements-section {
    padding: 40px 5%; /* Üst ve alt padding azaltıldı */
}

.announcements-container {
    gap: 35px; /* Kartlar arası boşluğu daha fazla artırdık (önceden 25px idi) */
    margin-top: 20px;
}

.announcement-card {
    display: flex;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 8px; /* Daha küçük yuvarlatılmış köşeler */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* Daha hafif gölge */
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.announcement-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.announcement-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px; /* Padding azaltıldı */
    min-width: 80px; /* Genişlik azaltıldı */
    text-align: center;
}

.announcement-date .day {
    font-size: 1.5rem; /* Font boyutu azaltıldı */
    font-weight: 700;
    line-height: 1;
}

.announcement-date .month {
    font-size: 0.8rem; /* Font boyutu azaltıldı */
    margin-top: 2px; /* Üst boşluk azaltıldı */
    font-weight: 500;
}

.announcement-content {
    flex: 1;
   
    padding: 12px 15px; /* Padding azaltıldı */
    display: flex;
    flex-direction: column;
}

.announcement-title {
    font-size: 1rem; /* Font boyutu azaltıldı */
    margin-bottom: 8px; /* Alt boşluk azaltıldı */
    line-height: 1.3;
    color: var(--text-color);
    display: -webkit-box;
    line-clamp: 1; /* Başlığı tek satırla sınırlandırma */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.announcement-excerpt {
    color: #666;
    font-size: 0.85rem; /* Font boyutu azaltıldı */
    line-height: 1.5;
    margin-bottom: 8px; /* Alt boşluk azaltıldı */
    flex-grow: 1;
    display: -webkit-box;
    line-clamp: 2; /* İçeriği 2 satırla sınırlandırma */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.announcement-link {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 0.85rem; /* Font boyutu azaltıldı */
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    transition: all 0.3s ease;
}

.announcement-link i {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.announcement-link:hover {
    color: var(--secondary-color);
}

.announcement-link:hover i {
    transform: translateX(5px);
}

/* Daha ince duyurular için tablet görünümü */
@media screen and (max-width: 768px) {
    .announcement-date {
        padding: 8px;
        min-width: 70px;
    }
    
    .announcement-date .day {
        font-size: 1.3rem;
    }
    
    .announcement-content {
        padding: 10px 12px;
    }
    
    .announcement-title {
        font-size: 0.95rem;
        margin-bottom: 6px;
    }
    
    .announcement-excerpt {
        font-size: 0.8rem;
        margin-bottom: 6px;
    }
}

/* Mobil görünüm düzeltmeleri */
@media screen and (max-width: 576px) {
    .announcement-card {
        flex-direction: row; /* Burada kartların yatay kalmasını sağlıyoruz */
    }
    
    .announcement-date {
        flex-direction: column; /* Tarihi dikey olarak koruyoruz */
        padding: 8px;
        min-width: 60px;
        width: auto;
    }
    
    .announcement-title {
        line-clamp: 2; /* Mobilde başlık 2 satır olabilir */
    }
}

/* KARANLIK MOD UYUMLULUÄžU */
.dark-mode .announcements-section {
    background-color: #1a1a1a;
}

.dark-mode .announcement-card {
    background-color: #2c2c2c;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}

.dark-mode .announcement-title {
    color: #e0e0e0;
}

.dark-mode .announcement-excerpt {
    color: #bbb;
}

.dark-mode .announcement-link {
    color: var(--primary-color);
}

.dark-mode .announcement-link:hover {
    color: var(--secondary-color);
}

.announcements-section .container {
    max-width: 1240px; /* Diğer bölümlerle aynı genişlik */
    margin: 0 auto; /* Ortalamak için */
    padding: 0 20px; /* İçeriyi yanlardan 20px içeri çeker */
}

/* Mobil görünüm için genişlik ayarlaması */
@media screen and (max-width: 768px) {
    .announcements-section .container {
        max-width: 100%; /* Mobilde ekranın %90'ını kullansın */
    }
}

/* Karanlık Mod için Güncel Haberler bölümü düzeltmesi */
body.dark-mode .news-slider-section {
    background-color: #1a1a1a;
}

body.dark-mode .news-slider-container {
    background-color: #1a1a1a;
}

body.dark-mode .news-slider-controls {
    background-color: #252525;
}

body.dark-mode .news-page-buttons .page-btn {
    background-color: #333;
    color: #ddd;
}

body.dark-mode .news-page-buttons .page-btn.active {
    background-color: #0066cc; /* veya sitenizin vurgu rengi */
    color: white;
}

body.dark-mode .prev-btn,
body.dark-mode .next-btn {
    background-color: #333;
    color: #ddd;
}

body.dark-mode .prev-btn:hover,
body.dark-mode .next-btn:hover {
    background-color: #444;
}

/* Çerez İzin Bildirimi Stilleri */
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
    padding: 20px;
    z-index: 9999;
    display: none;
    border-top: 3px solid var(--primary-color, #2963FF);
    font-size: 14px;
    transition: all 0.3s ease;
}

.cookie-content {
    max-width: 1200px;
    margin: 0 auto;
}

.cookie-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.cookie-header h3 {
    margin: 0;
    font-size: 18px;
}

.cookie-close {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #777;
    transition: color 0.2s;
}

.cookie-close:hover {
    color: #333;
}

.cookie-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
}

.cookie-btn {
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.cookie-accept {
    background-color: var(--primary-color, #2963FF);
    color: white;
}

.cookie-accept:hover {
    background-color: #1a4ccc;
}

.cookie-necessary {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
}

.cookie-necessary:hover {
    background-color: #e9e9e9;
}

.cookie-settings {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
}

.cookie-settings:hover {
    background-color: #e9e9e9;
}

.cookie-policy-link {
    font-size: 13px;
}

.cookie-policy-link a {
    color: var(--primary-color, #2963FF);
    text-decoration: none;
}

.cookie-policy-link a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .cookie-consent {
        padding: 15px;
    }
    
    .cookie-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .cookie-btn {
        width: 100%;
    }
}
/* style.css dosyanıza ekleyin */
.logo {
    display: flex;
    align-items: center;
}

.logo .site-logo {
    height: 40px; /* Logo yüksekliğini ihtiyaçlarınıza göre ayarlayın */
    width: auto;
    margin-right: 10px; /* Logo ile yazı arasındaki boşluğu ayarlar */
}

/* Mobil görünüm için */
@media (max-width: 768px) {
    .logo .site-logo {
        height: 30px; /* Mobil ekranlarda daha küçük logo */
    }
}
/* Dark mode için başlık stilleri - bu kodu dark mode CSS bölümünüze ekleyin */
.dark-mode .section-title,
.dark-mode .app-title {
  color: white; /* Başlığın ana metni için beyaz renk */
}

.dark-mode .section-title span,
.dark-mode .app-title span {
  color: #007bff; /* Span içindeki vurgu metinleri farklı renkte kalacak */
}

/* Karanlık modda hamburger menü simgesini beyaz yapma */
.dark-mode .hamburger span,
.dark-mode .hamburger span::before,
.dark-mode .hamburger span::after {
    background-color: white !important;
}

/* Mobil görünümde de karanlık mod için */
.dark-mode .menu-toggle .hamburger span,
.dark-mode .menu-toggle .hamburger span::before,
.dark-mode .menu-toggle .hamburger span::after {
    background-color: white !important;
}

/* Alt menü öğeleri için hover durumunda mavi renk */
.dropdown a:hover {
    background-color: #f8f9fa;
    color: var(--primary-color); /* Yazı rengini mavi yap */
}

/* Karanlık mod için de uygun hale getirme */
.dark-mode .dropdown a:hover {
    background-color: #333;
    color: var(--primary-color); /* Yazı rengini karanlık modda da mavi yap */
}

/* Mobil menüde alt menü hover stilini koruma */
@media screen and (max-width: 992px) {
    .dropdown li a:hover {
        color: var(--primary-color) !important;
    }
}
/* Mobil Uygulama Bölümü - Yeni Tasarım */
.mobile-app-section {
    padding: 80px 0;
    margin: 60px 0;
    background: linear-gradient(135deg, #edf2f7 0%, #d4e0f0 100%);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.mobile-app-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="%230066cc" opacity="0.1"/></svg>');
    background-size: 50px 50px;
    opacity: 0.4;
}

.app-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

.app-header {
    text-align: center;
    margin-bottom: 50px;
}

.app-title {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: #333;
    font-weight: 700;
}

.app-title span {
    color: #0066cc;
    position: relative;
}

.app-title span::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #0066cc;
    border-radius: 3px;
}

.app-subtitle {
    font-size: 1.2rem;
    color: #555;
    max-width: 600px;
    margin: 0 auto;
}

.app-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

.app-preview {
    flex: 0 0 300px;
    position: relative;
}

.app-mockup-wrapper {
    position: relative;
    text-align: center;
}

.app-mockup {
    max-width: 100%;
    height: auto;
    max-height: 550px;
    border-radius: 30px;
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.18));
    transition: transform 0.5s ease;
}

.app-mockup:hover {
    transform: translateY(-10px);
}

.app-badge {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    padding: 10px 20px;
    width: 220px;
}

.app-rating {
    text-align: center;
}

.stars {
    color: #FFCC00;
    font-size: 20px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    gap: 2px;
}

.app-rating p {
    color: #666;
    font-size: 14px;
    margin: 0;
}

.app-info {
    flex: 0 0 55%;
}

.app-slogan {
    font-size: 1.6rem;
    color: #333;
    margin-bottom: 25px;
    line-height: 1.4;
    font-weight: 600;
}

.app-features-wrapper {
    margin-bottom: 30px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.app-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.app-features li {
    padding: 12px 0;
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    color: #333;
    position: relative;
}

.app-features li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.app-features li i {
    color: #0066cc;
    margin-right: 15px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    background: rgba(0,102,204,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.app-features li span {
    line-height: 1.4;
}

.app-download-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.app-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.app-btn {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 12px 24px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    min-width: 180px;
}

.app-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.app-btn i {
    font-size: 30px;
    margin-right: 12px;
}

.app-btn .btn-text {
    display: flex;
    flex-direction: column;
}

.app-btn .small-text {
    font-size: 10px;
    font-weight: 400;
    opacity: 0.9;
}

.app-btn .big-text {
    font-size: 18px;
    font-weight: 600;
}

.google-play {
    background: linear-gradient(to right, #4285f4, #0F9D58);
}

.app-store {
    background: linear-gradient(to right, #000000, #333333);
}

.app-qr {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: white;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.app-qr img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
}

.app-qr p {
    font-size: 14px;
    color: #555;
    margin: 0;
    line-height: 1.4;
}

/* Karanlık Mod Stilleri */
.dark-mode .mobile-app-section {
    background: linear-gradient(135deg, #1a1f25 0%, #2a3441 100%);
}

.dark-mode .app-title, 
.dark-mode .app-slogan {
    color: #e0e0e0;
}

.dark-mode .app-subtitle {
    color: #bbb;
}

.dark-mode .app-features-wrapper {
    background-color: rgba(45,45,45,0.7);
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.dark-mode .app-features li {
    color: #e0e0e0;
    border-bottom-color: rgba(255,255,255,0.1);
}

.dark-mode .app-features li i {
    background: rgba(0,102,204,0.2);
}

.dark-mode .app-badge,
.dark-mode .app-qr {
    background-color: #2c2c2c;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.dark-mode .app-rating p,
.dark-mode .app-qr p {
    color: #bbb;
}

/* Mobil Tasarım Uyumluluğu */
@media (max-width: 1024px) {
    .app-content {
        flex-direction: column-reverse;
        gap: 40px;
    }
    
    .app-preview, .app-info {
        flex: 0 0 100%;
        width: 100%;
    }
    
    .app-slogan {
        text-align: center;
        font-size: 1.4rem;
    }
    
    .app-download-section {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .mobile-app-section {
        padding: 60px 0;
        margin: 40px 0;
    }
    
    .app-container {
        padding: 0 20px;
    }
    
    .app-title {
        font-size: 2rem;
    }
    
    .app-subtitle {
        font-size: 1.1rem;
    }
    
    .app-features li {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .mobile-app-section {
        padding: 40px 0;
        border-radius: 12px;
    }
    
    .app-title {
        font-size: 1.8rem;
    }
    
    .app-slogan {
        font-size: 1.2rem;
    }
    
    .app-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .app-btn {
        width: 100%;
    }
    
    .app-download-section {
        flex-direction: column;
    }
    
    .app-qr {
        width: 100%;
        justify-content: center;
    }
    
    .app-features li i {
        font-size: 18px;
        width: 25px;
        height: 25px;
    }
}
/* Kayan Haber Bandı Stilleri - JavaScript kontrolü için düzenlendi */
.news-ticker-section {
    background-color: #f8f9fa;
    padding: 0;
    margin: 30px 0;
    overflow: hidden;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.news-ticker-container {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 55px;
    position: relative;
  
}

.ticker-label {
    background-color: var(--primary-color);
    color: white;
    padding: 0 25px;
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: 600;
    min-width: 150px;
    position: relative;
    z-index: 2;
    box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
    font-size: 1.05rem;
}

.ticker-label i {
    margin-right: 10px;
    animation: pulse 1.5s infinite;
    font-size: 1.2rem;
}

.news-ticker-wrapper {
    flex: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 10px;
    text-align: center;
}

.news-ticker {
    display: inline-flex; /* inline-block yerine inline-flex kullanıyoruz */
    height: 100%;
    position: relative;
    white-space: nowrap;
    will-change: transform;
    /* CSS animasyonunu kaldırdık, JavaScript ile kontrol edeceğiz */
}

.ticker-item {
    display: inline-block;
    padding: 0 35px;
    font-size: 1.2rem;
    position: relative;
    cursor: pointer;
    transition: color 0.3s ease;
    color: #333;
    font-weight: 500;
    line-height: 55px;
}

.ticker-item:not(:last-child)::after {
    content: "•";
    position: absolute;
    right: 0;
    color: var(--primary-color);
    font-size: 1.7rem;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
}

.ticker-item:hover {
    color: var(--primary-color);
}

/* Animasyon keyframes'i sadece pulse için muhafaza ediyoruz */
@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

/* Mevcut ticker-label stillerine dokunmayın, aşağıdaki mobil medya sorgusunu ekleyin */

@media screen and (max-width: 768px) {
    .ticker-label {
        min-width: 55px; /* Sadece ikon için yeterli genişlik */
        justify-content: center; /* Ä°konu ortala */
        padding: 0 15px; /* Yatay padding'i azalt */
    }
    
    .ticker-label span {
        display: none; /* "Son Dakika" yazısını gizle */
    }
    
    .ticker-label i {
        margin-right: 0; /* İkon sağ margin'i kaldır */
        font-size: 1.3rem; /* İkonu biraz daha büyüt */
    }
    
    /* News ticker wrapper'ın sol padding'ini azalt */
    .news-ticker-wrapper {
        padding-left: 5px;
    }
    
}

/* Daha küçük mobil cihazlar için */
@media screen and (max-width: 480px) {
    .ticker-label {
        min-width: 45px;
        padding: 0 10px;
    }
    
    .ticker-label i {
        font-size: 1.2rem;
    }
    
}
/* Mobil görünümde kayan haber bandını gizle */
@media screen and (max-width: 768px) {
    .news-ticker-section {
        display: none; /* Mobil görünümde tamamen gizle */
    }
}
/* Kayan yazı bandı için karanlık mod düzenlemeleri */
.dark-mode .news-ticker-section {
    background-color: #1a1a1a !important; /* Koyu arka plan */
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .news-ticker-container {
    background-color: transparent;
}

.dark-mode .news-ticker-wrapper {
    background-color: transparent;
}

.dark-mode .ticker-item {
    color: #e0e0e0; /* Açık renk metin */
}

.dark-mode .ticker-item:hover {
    color: var(--primary-color);
}

/* Özel renkli öğeler için karanlık mod uyumluluğu */
.dark-mode .ticker-item-primary {
    color: #4da6ff; /* Daha açık mavi ton */
}

.dark-mode .ticker-item-warning {
    color: #ffb74d; /* Daha açık turuncu ton */
}

.dark-mode .ticker-item-success {
    color: #66d9a4; /* Daha açık yeşil ton */
}

/* Ayırıcı noktalar için renk düzeltmesi */
.dark-mode .ticker-item:not(:last-child)::after {
    color: #4da6ff;
}
/* Kayan Haber Bandı Stilleri - Genişlik düzenlendi */
.news-ticker-section {
    background-color: #f8f9fa;
    padding: 0;
    margin: 30px 18%; /* Yanlardan %5 boÅŸluk ekledik */
    overflow: hidden;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px; /* Kenarları hafif yuvarlatma (opsiyonel) */
}

.news-ticker-container {
    max-width: 100%; /* Maksimum genişliği azalttık */
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 55px;
    position: relative;
}
/* "Haberlerin devamı" linki için stil */
.see-more-container {
    text-align: center;
    margin: 25px 0 10px;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.see-more-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 24px;
    border-radius: 30px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}

.see-more-link:hover {
    background-color: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.see-more-link i {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.see-more-link:hover i {
    transform: translateX(4px);
}

/* Karanlık mod için stil */
.dark-mode .see-more-container {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .see-more-link {
    background-color: #2979c2;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

.dark-mode .see-more-link:hover {
    background-color: #3589d4;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.35);
}

/* Mobil cihaz uyumluluÄŸu */
@media screen and (max-width: 768px) {
    .see-more-container {
        margin: 20px 0 5px;
        padding: 12px 0;
    }
    
    .see-more-link {
        padding: 8px 18px;
        font-size: 0.9rem;
        width: 90%;
        max-width: 300px;
    }
    

}

@media screen and (max-width: 480px) {
    .see-more-container {
        margin: 15px 0;
    }
    
    .see-more-link {
        padding: 8px 15px;
        font-size: 0.85rem;
    }
    
    
}
.mobile-theme-lang {
    display: none !important; 
}
/* Gazete Modu Butonları için CSS */
.newspaper-mode {
    display: flex;
    align-items: center;
    margin-left: 20px; /* Soldan boşluğu biraz artırdım */
}

.newspaper-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color);
    text-decoration: none;
    padding: 8px 15px; /* Padding'i artırdım */
    border-radius: 20px;
    transition: all 0.3s ease;
    background-color: var(--badge-bg);
    font-size: 15px; /* Font boyutunu artırdım */
}

.newspaper-btn i {
    font-size: 22px; /* İkon boyutunu büyüttüm */
}

.newspaper-btn:hover {
    background-color: var(--primary-color);
    color: #fff;
    transform: translateY(-2px);
}

/* Mobil Gazete Modu Butonu */
.mobile-theme-lang .newspaper-mode {
    margin-left: 0;
    margin-right: 0;
    justify-content: center; /* İçeriği ortala */
}

.mobile-theme-lang .newspaper-btn {
    display: flex;
    align-items: center;
    padding: 6px 15px; /* Padding'i biraz artırdım */
    justify-content: center; /* İçeriği ortala */
}

.mobile-theme-lang .newspaper-btn i {
    margin-right: 8px;
    font-size: 18px; /* Mobil ikonu biraz büyüttüm */
}

.mobile-theme-lang .newspaper-btn span {
    font-size: 14px;
    font-weight: 500;
}

/* Mobil tema düzenini düzenleme */
.mobile-theme-lang {
    display: flex ; /* Her zaman görünür olmasını sağla */
    padding: 15px;
    background-color: rgba(248, 249, 250);
    border-bottom: 1px solid rgba(0, 0, 0);
    margin-bottom: 10px;
    width: 100%;
    flex-direction: row; /* Yan yana dizilim için */
    justify-content: space-between; /* Öğeler arası boşluk için */
    align-items: center; /* Dikey hizalama */
    flex-wrap: wrap; /* Gerekirse alt satıra geçsin */
    position: sticky; /* Kaydırma sırasında görünür kalması için */
    top: 0;
    z-index: 100;
}

.mobile-theme-lang .theme-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; /* Alt boşluğu kaldırdım */
}

/* Karanlık Temada Gazete Modu Butonu */
.dark-mode .newspaper-btn {
    background-color: var(--dark-badge-bg);
}

.dark-mode .newspaper-btn:hover {
    background-color: var(--primary-color);
}

/* Karanlık mod için mobil tema ayarları */
.dark-mode .mobile-theme-lang {
    background-color: rgba(33, 37, 41);
    border-bottom-color: rgba(255, 255, 255);
}

/* Menü açıldığında mobil tema seçeneklerinin görünürlüğünü sağlama */
.menu-active .mobile-theme-lang {
    display: flex ;
}

/* Mobil responsive düzenleme */
@media (max-width: 768px) {
    .theme-lang-container .newspaper-mode {
        display: block;
    }
    
    .menu-items .mobile-theme-lang {
       
        display: flex !important;
    }
    
    .newspaper-mode a span {
        font-size: 14px;
    }
    .mobile-theme-lang{
        padding-top: 20%;
    }
   .menu-items{
    margin-top: -15px !important;
    height: 900px;
   }
   
    
    
        
}
.news-grid-section{
    margin-top: 10px;
}

.dark-mode .newspaper-btn{
    color: #ffffff;
}

/* Haber grid düzenlemesi - 4'erli görünüm */
.featured-news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 sütunlu grid yapısı */
    gap: 20px;
    margin-top: 25px;
}

/* Responsive düzenlemeler */
@media (max-width: 1200px) {
    .featured-news-grid {
        grid-template-columns: repeat(3, 1fr); /* Orta boyut ekranlarda 3'lü grid */
    }
}

@media (max-width: 768px) {
    .featured-news-grid {
        grid-template-columns: repeat(2, 1fr); /* Tablet boyutunda 2'li grid */
    }
}

@media (max-width: 480px) {
    .featured-news-grid {
        grid-template-columns: 1fr; /* Mobil ekranlarda tek sütunlu grid */
    }
}