/* --- 1. ÜST MENÜ AYARLARI (BEYAZ ZEMİN) --- */

/* Menü şeridinin arka planını BEYAZ yap */
.pkp_navigation_primary_wrapper {
    background-color: #ffffff !important;
    border-bottom: 1px solid #eeeeee; /* Altına çok ince gri çizgi */
}

/* Menüdeki yazıların rengini SİYAH (Koyu Gri) yap */
.pkp_navigation_primary > li > a {
    color: #333333 !important;
    font-weight: bold;
}

/* Aktif olan sayfanın (Örn: Ana Sayfa) yazısını KIRMIZI yap */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li[aria-current="page"] > a {
    color: #ce1b28 !important;
}

/* Mouse ile üzerine gelince yazı kırmızı olsun */
.pkp_navigation_primary > li > a:hover {
    color: #ce1b28 !important;
    background-color: transparent !important;
}

/* Arama butonunu (büyüteç) siyah yap */
.pkp_navigation_user > li > a {
    color: #333333 !important;
}


/* --- 2. KIRMIZI BAŞLIK BANDI (PAGE HEADER) --- */

/* Başlık alanının arka planını KIRMIZI yap */
.pkp_page_header {
    background-color: #ce1b28 !important;
    color: #ffffff !important;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    /* O resimdeki "Kıvrımlı Gölge" efekti */
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5); 
}

/* 'Ana Sayfa' yazısını BEYAZ yap */
.pkp_page_header h1 {
    color: #ffffff !important;
    font-weight: 500;
}

/* Sağ taraftaki ekmek kırıntısı (Başlangıç / ...) yazılarını BEYAZ yap */
.pkp_breadcrumbs {
    color: rgba(255,255,255,0.9) !important;
}

.pkp_breadcrumbs a {
    color: #ffffff !important;
    text-decoration: none;
}

/* --- 3. LOGO BOYUTLANDIRMA --- */
/* --- LOGO BÜYÜTME (KESİN ÇÖZÜM) --- */

/* 1. Logonun sıkıştığı tüm dış kutuları (Wrapper) serbest bırak */
.pkp_head_wrapper .pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name > a {
    width: 100% !important;       /* Genişlik serbest */
    max-width: none !important;   /* Sınır yok */
    height: auto !important;
}

/* 2. Resme NET boyut ver (600 Piksel) */
.pkp_site_name .is_img img {
    width: 600px !important;      /* Logoyu 600px genişliğe zorla */
    height: auto !important;      /* Yükseklik orantılı artsın */
    
    max-height: none !important;  /* Yükseklik sınırını kaldır */
    max-width: 100% !important;   /* Telefondan taşmasın */
    min-width: 300px !important;  /* Çok da küçülmesin */
    
    display: block !important;    /* Blok gibi davran */
    margin: 0 auto !important;    /* Ortala */
}

/* 3. Mobil (Telefon) Ayarı */
@media (max-width: 767px) {
    .pkp_site_name .is_img img {
        width: 100% !important;
        height: auto !important;
    }
}