/*
 * ============================================================
 *  TEMA ORTAK BİLEŞEN STİLLERİ  (tema-ortak.css)
 *
 *  Bu dosya tüm temalar tarafından paylaşılan bileşen
 *  CSS'ini içerir. Renk/boyut bilgisi yok — sadece var()
 *  referansları. Aktif tema (tema01/02/...) bu değişkenleri
 *  tanımlar.
 *
 *  Yükleme sırası (header.blade.php):
 *    1. tema-ortak.css  ← bileşen kuralları
 *    2. tema0X.css      ← değişken tanımları (rengi belirler)
 *
 *  YENİ BİLEŞEN EKLENİRSE: sadece bu dosyaya ekleyin,
 *  tüm temalar otomatik olarak o bileşeni doğru renkle alır.
 * ============================================================ */


/* ============================================================
   1. GENEL / TEMEL
   ============================================================ */
body {
    font-family: var(--tema-font-ana);
    font-size: var(--tema-font-boyut-base);
    line-height: var(--tema-satir-yukseklik);
    color: var(--tema-metin-koyu);
    background-color: var(--tema-bg-beyaz);
}

a {
    color: var(--tema-birincil);
    text-decoration: none;
    transition: var(--tema-gecis);
}
a:hover {
    color: var(--tema-birincil-koyu);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--tema-metin-koyu);
}

.bg1 {
    background-color: var(--tema-bg-acik) !important;
}

/* Bootstrap değişken uyumu */
:root,
[data-bs-theme="light"] {
    --kgtu-link-color:         var(--tema-birincil);
    --kgtu-color-bg1:          var(--tema-bg-acik);
    --bs-nav-link-hover-color: var(--tema-birincil-koyu);
}


/* ============================================================
   2. HEADER — ÜST BAR
   ============================================================ */
.desktop-header {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(12px);
    box-shadow: var(--tema-golge-hafif);
}

.social-icons a {
    color: var(--tema-metin-koyu);
    transition: var(--tema-gecis);
}
.social-icons a:hover {
    color: var(--tema-birincil);
}

.lang-selector .dropdown-toggle,
.user-menu .dropdown-toggle {
    border-color: var(--tema-metin-koyu);
    color: var(--tema-metin-koyu);
    background: var(--tema-bg-beyaz);
}
.lang-selector .dropdown-toggle:hover,
.user-menu .dropdown-toggle:hover {
    border-color: var(--tema-birincil);
    color: var(--tema-birincil);
    background: color-mix(in srgb, var(--tema-birincil) 6%, transparent);
}


/* ============================================================
   3. ANA NAVİGASYON
   ============================================================ */
.main-nav {
    border-top: 1px solid var(--tema-kenar);
    border-bottom: 1px solid var(--tema-kenar);
    background: var(--tema-bg-beyaz);
}

.main-nav.fixed {
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--tema-golge-orta);
}

.navbar-nav .nav-link {
    color: var(--tema-metin-koyu) !important;
}
.navbar-nav .nav-link:hover {
    color: var(--tema-birincil) !important;
}

/* Mega menü */
.mega-menu {
    background: var(--tema-bg-beyaz);
    box-shadow: var(--tema-golge-guclu);
}

.mega-menu-column h6 {
    color: var(--tema-metin-koyu);
    border-bottom-color: var(--tema-birincil);
}

.mega-menu-column .dropdown-item:hover {
    color: var(--tema-birincil);
    background: var(--tema-bg-acik);
}

/* Normal dropdown */
.dropdown-menu:not(.mega-menu) {
    box-shadow: var(--tema-golge-orta);
    background: var(--tema-bg-beyaz);
}

.dropdown-item:hover {
    color: var(--tema-birincil);
    background: var(--tema-bg-acik);
}

.responsive-nav-link:hover,
.responsive-dropdown a:hover {
    color: var(--tema-birincil);
}


/* ============================================================
   4. FOOTER
   ============================================================ */
footer {
    background-color: var(--tema-bg-koyu);
    color: var(--tema-metin-acik);
}

.footer-link {
    color: rgba(255, 255, 255, 0.8);
}
.footer-link:hover {
    color: var(--tema-metin-acik);
}

.btn-social {
    background-color: rgba(255, 255, 255, 0.15);
    color: var(--tema-metin-acik);
}
.btn-social:hover {
    background-color: var(--tema-birincil);
    color: var(--tema-metin-acik);
}


/* ============================================================
   5. SLIDER — ANA SLIDER
   ============================================================ */
.anaslider .swiper-button-next,
.anaslider .swiper-button-prev {
    background: rgba(255, 255, 255, 0.92);
    color: var(--tema-birincil) !important;
}
.anaslider .swiper-button-next:hover,
.anaslider .swiper-button-prev:hover {
    background: var(--tema-bg-beyaz);
}
.anaslider .swiper-pagination .swiper-pagination-bullet {
    background: #ccc !important;
}
.anaslider .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--tema-birincil) !important;
}

/* Haber slider */
.sliderhaber .swiper-button-next,
.sliderhaber .swiper-button-prev {
    color: var(--tema-birincil) !important;
}
.sliderhaber .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--tema-birincil) !important;
}

/* Duyuru slider */
.sliderduyuru .swiper-button-next,
.sliderduyuru .swiper-button-prev {
    color: var(--tema-birincil) !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background: var(--tema-birincil) !important;
}

/* İkon slider */
.sliderikon .swiper-button-next,
.sliderikon .swiper-button-prev {
    background: var(--tema-birincil) !important;
    color: var(--tema-metin-acik) !important;
}
.sliderikon .swiper-button-next:hover,
.sliderikon .swiper-button-prev:hover {
    background: var(--tema-ikincil) !important;
}
.sliderikon .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--tema-birincil) !important;
}


/* ============================================================
   6. DUYURULAR & HABERLER
   ============================================================ */
.duyuru {
    border-left-color: var(--tema-birincil) !important;
}
.duyuru:hover {
    box-shadow: var(--tema-golge-hafif);
}
.duyuru .date-number {
    background: linear-gradient(135deg, var(--tema-birincil), var(--tema-birincil-acik));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.duyuru .date-month {
    color: var(--tema-metin-orta);
}

.news:hover {
    border-bottom-color: var(--tema-birincil) !important;
}

h2.news-title {
    color: var(--tema-metin-koyu);
}

.news-title {
    color: var(--tema-birincil);
}
.news-title:hover {
    color: var(--tema-birincil-koyu);
}


/* ============================================================
   7. SIDEBAR
   ============================================================ */
.sidebar-section {
    border-color: var(--tema-kenar) !important;
    background: var(--tema-bg-beyaz);
}

.section-header {
    border-bottom-color: var(--tema-kenar);
    color: var(--tema-metin-koyu);
}

.nav-link:hover {
    color: var(--tema-birincil) !important;
}

.announcement-title {
    color: var(--tema-birincil);
}

.badge-new {
    background-color: var(--tema-birincil);
}


/* ============================================================
   8. ERİŞEBİLİRLİK PANELİ
   ============================================================ */
.accessibility-header {
    background: var(--tema-birincil) !important;
}

.toggle-switch.active {
    background: var(--tema-birincil);
}

.erisebilirlik-btn {
    background: var(--tema-vurgu);
}

body.high-contrast .accessibility-header {
    background: var(--tema-ikincil) !important;
}


/* ============================================================
   9. KARTLAR & GENEL BİLEŞENLER
   ============================================================ */
.card {
    border-color: var(--tema-kenar);
    border-radius: var(--tema-radius-kucuk);
}

.personel {
    border-color: var(--tema-kenar);
}

.amac {
    background-color: var(--tema-birincil-koyu);
}

table.tablo thead {
    background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #cfcfcf 100%);
    border-bottom-color: var(--tema-ikincil);
}

.ikonlar .border:hover {
    border-color: var(--tema-ikincil) !important;
}

/* Dosya ikon renkleri — temadan bağımsız sabit renkler */
.pdf-icon    { background-color: #dc3545; color: white; }
.doc-icon,
.word-icon   { background-color: #0d6efd; color: white; }
.img-icon    { background-color: #198754; color: white; }
.zip-icon    { background-color: #fd7e14; color: white; }
.default-icon { background-color: #6c757d; color: white; }


/* ============================================================
   10. VİDEO BANNER (anasayfa)
   ============================================================ */
.video-overlay {
    background: var(--tema-video-overlay, rgba(0, 0, 0, 0.40));
}

.cta-button {
    background: linear-gradient(135deg, var(--tema-birincil) 0%, var(--tema-birincil-koyu) 100%);
    box-shadow: 0 4px 15px color-mix(in srgb, var(--tema-birincil) 40%, transparent);
}
.cta-button:hover {
    box-shadow: 0 6px 20px color-mix(in srgb, var(--tema-birincil) 60%, transparent);
    color: var(--tema-metin-acik);
}


/* ============================================================
   11. BREADCRUMB & SAYFA BAŞLIĞI
   ============================================================ */
.breadcrumb-custom {
    color: var(--tema-metin-orta);
}


/* ============================================================
   12. MOBİL UYUMLULUK
   ============================================================ */
@media (max-width: 768px) {
    .offcanvas-body .nav-link:hover,
    .menu-link:hover,
    .drill-back-btn {
        color: var(--tema-birincil);
    }
}