/* === GENEL AYARLAR VE RENK PALETİ === */
:root {
    --primary-color: #0d2c4e; /* Ana Koyu Mavi */
    --secondary-color: #f4f7fa; /* Arka Plan Rengi */
    --accent-color: #00b8d4; /* Vurgu Rengi (Turkuaz) */
    --text-color: #333;
    --light-text-color: #f8f9fa;
    --border-color: #dee2e6;
}

body {
    font-family: 'Poppins', sans-serif; /* Modern ve okunaklı yazı tipi */
    background-color: var(--secondary-color);
    color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
    font-weight: 600; /* Başlıklar daha belirgin olsun */
}

/* === GEZİNME MENÜSÜ (NAVBAR) === */
.navbar {
    /* YENİ KOYU GRİ/SİYAH TONU */
    background-color: rgba(33, 37, 41, 0.85) !important; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(5px); 
}

.navbar-brand {
    font-weight: 700;
    /* YAZI RENGİ (Açık) */
    color: #fff !important; 
}

.navbar .nav-link {
    font-weight: 600;
    /* YAZI RENGİ (Hafif şeffaf beyaz) */
    color: rgba(255, 255, 255, 0.8) !important; 
    transition: color 0.3s ease;
}

.navbar .nav-link:hover, .navbar .nav-link.active {
    /* HOVER/AKTİF RENGİ (Tam beyaz) */
    color: #fff !important; 
}

/* === SLIDER (CAROUSEL) === */
.carousel-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.1)); /* Resim üzerine gradyan, yazılar daha okunaklı olsun */
}

.carousel-caption {
    bottom: 20%; /* Yazıyı biraz yukarı taşı */
    text-shadow: 2px 2px 5px rgba(0,0,0,0.7); /* Yazıya gölge */
}

.carousel-caption h5 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
}

.carousel-caption p {
    font-size: 1.2rem;
    font-weight: 300;
}

/* === ÜRÜN KARTLARI (PRODUCT CARDS) === */
.card {
    border: none; /* Kenarlıkları kaldır */
    border-radius: 10px; /* Köşeleri yuvarla */
    box-shadow: 0 4px 15px rgba(0,0,0,0.08); /* Belirgin bir gölge */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Yumuşak geçiş efekti */
}

.card:hover {
    transform: translateY(-5px); /* Kart havaya kalksın */
    box-shadow: 0 8px 25px rgba(0,0,0,0.12); /* Gölge daha da belirginleşsin */
}

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

.card-text {
    color: #555;
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    font-weight: 600;
    transition: background-color 0.3s ease;
}

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

/* === FOOTER === */
footer {
    background-color: var(--primary-color) !important;
    color: var(--light-text-color);
}

footer .text-center {
    background-color: rgba(0,0,0,0.2) !important;
}

/* === NAVBAR LOGO STİLİ === */
.navbar-logo {
    height: 40px; /* Logomuzun yüksekliğini 40 piksel olarak ayarlıyoruz */
    width: auto;  /* Genişliğin otomatik olarak ayarlanmasını sağlıyoruz */
}

/* === MİNİMALİST FOOTER İKONLARI === */
footer.text-center .social-icons a {
    border-color: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
}

footer.text-center .social-icons a:hover {
    border-color: #fff;
    background-color: #fff;
    color: #666;
}

/* === KAYAN SPONSOR LOGOLARI === */
.sponsor-ticker-wrap {
    overflow: hidden; /* Taşan logoları gizle */
    position: relative;
}

.sponsor-ticker {
    display: flex; /* Logoları yan yana diz */
    align-items: center; /* Dikeyde ortala */
    width: fit-content; /* İçeriğe göre genişle (logoların toplam genişliği kadar) */
    animation: scroll 40s linear infinite; /* Animasyonu uygula (40 saniyeyi hız için ayarlayabilirsiniz) */
}

@keyframes scroll {
    0% {
        transform: translateX(0); /* Başlangıç pozisyonu */
    }
    100% {
        transform: translateX(-50%); /* Toplam genişliğin yarısı kadar sola kaydır (bir set logo kadar) */
    }
}

.sponsor-logo {
    height: 45px; /* Logo yüksekliği */
    width: auto; /* Genişlik otomatik */
    margin: 0 30px; /* Logolar arası boşluk */
    filter: grayscale(100%); /* Başlangıçta gri tonlama */
    transition: filter 0.3s ease;
    opacity: 0.7; /* Biraz soluk göster */
}

.sponsor-logo:hover {
    filter: grayscale(0%); /* Üzerine gelince renkli yap */
    opacity: 1; /* Tam opak yap */
}
/* === HAKKIMIZDA SAYFASI ÖZEL STİLLERİ === */

/* "Neden Biz?" Listesi */
.why-us-list li {
    margin-bottom: 0.8rem;
    font-size: 1.1rem;
    display: flex; /* İkon ve metni hizalamak için */
    align-items: flex-start; /* Üstten hizala */
}
.why-us-list li i {
    margin-top: 5px; /* İkonu metne göre biraz aşağı al */
}

/* Yetenekler Listesi (Checkmark) */
.checkmark-list li {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
}
.checkmark-list li i {
    font-size: 0.9em; /* Check ikonunu biraz küçült */
}

/* Referanslar Sayfası İyileştirmeleri */
.reference-card {
    border: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Hafif gölge */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* Animasyon */
    border-radius: 8px; /* Köşeleri yumuşat */
    overflow: hidden; /* İçerik taşmasını engelle */
}

.reference-card:hover {
    transform: translateY(-5px); /* Hafif yukarı kalkma */
    box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* Gölgeyi derinleştir */
}

.reference-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; /* İçeriği ortala */
    padding: 25px;
    height: 100%;
}

.reference-card img.logo-image {
    max-height: 200px; /* Değeri 150px olarak artırdık */
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 20px;
    filter: grayscale(80%);
    transition: filter 0.3s ease-in-out;
}


.reference-card .card-title {
    font-size: 1.35rem;
    font-weight: bold;
    color: var(--primary-color);
    margin-bottom: 15px;
}

.reference-card .card-text {
    font-size: 0.95rem;
    color: #666;
    text-align: center;
    flex-grow: 1; /* Açıklamanın yer kaplamasını sağla */
    margin-bottom: 20px;
}

.reference-card .btn {
    width: 100%; /* Butonu tam genişlik yap */
    max-width: 200px; /* Maksimum genişlik ayarı */
}

/* Genel sayfa başlığı için */
.page-heading {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 1rem;
}
.page-subheading {
    font-size: 1.25rem;
    color: #555;
    margin-bottom: 2rem;
}

.reference-card:hover img.logo-image {
    filter: grayscale(0%); /* Gri tonlamayı kaldır */
    opacity: 1; /* Tam opak yap (isteğe bağlı) */
}


/* === BLOG KATEGORİ LİSTESİ MODERN FONT === */
.blog-sidebar .category-list li {
    margin-bottom: 0.5rem; /* Liste öğeleri arasına biraz boşluk */
}

.blog-sidebar .category-list a {
    font-family: 'Poppins', sans-serif; /* Ana sitemizle aynı modern font */
    font-weight: 500; /* Biraz daha belirgin */
    font-size: 0.95rem; /* Font boyutunu ayarla */
    color: var(--text-color); /* Varsayılan metin rengi */
    text-decoration: none; /* Alt çizgiyi kaldır */
    transition: color 0.3s ease; /* Renk değişimini yumuşat */
}

.blog-sidebar .category-list a:hover {
    color: var(--accent-color); /* Üzerine gelince vurgu rengi */
}
/* === TinyMCE İçerik Stilleri === */
/* Ürün/Yazılım/Blog detay sayfalarındaki ana içerik alanı */
.item-content {
    line-height: 1.7; /* Daha okunaklı satır aralığı */
    color: #333;
}
.item-content p {
    margin-bottom: 1.25rem; /* Paragraflar arası boşluk */
}
.item-content h2, 
.item-content h3, 
.item-content h4 {
    color: var(--primary-color); /* Başlık renkleri ana renkle uyumlu */
    font-weight: 600;
    margin-top: 2rem; /* Başlıklardan önce boşluk */
    margin-bottom: 1rem;
}
.item-content ul, 
.item-content ol {
    padding-left: 2rem; /* Listeleri sola yasla */
    margin-bottom: 1.25rem;
}
.item-content li {
    margin-bottom: 0.5rem; /* Liste öğeleri arası boşluk */
}
.item-content blockquote {
    border-left: 4px solid var(--accent-color);
    padding-left: 1rem;
    font-style: italic;
    color: #555;
    margin-left: 0;
    margin-right: 0;
}