/* assets/css/style.css - Tüm Ön Yüz Stilleri (Güncellenmiş Menü Renkleri Dahil) */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #f8f9fa;
    color: #212529;
}

/* Sayfa içeriğini (header, main, footer) ortalamak ve sınırlamak */
header, main, footer {
    max-width: 940px; 
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    margin-top: 20px; /* Footer hariç diğerlerine üst boşluk */
    margin-bottom: 0; /* Alt boşlukları main ve header'dan kaldır, sadece footer'ın altına gelsin */
    box-sizing: border-box; 
}

header {
    background-color: #ffffff;
    border-bottom: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-top: 0; 
    padding-top: 0; 
    padding-bottom: 15px;
}

.header-social {
    background-color: #343a40;
    padding: 8px 0; 
    text-align: right;
    margin-left: -25px; 
    margin-right: -25px; 
    padding-right: 25px; 
    margin-bottom: 15px;
}
.header-social a {
    color: #f8f9fa;
    margin: 0 7px;
    text-decoration: none;
    font-size: 1.1em; /* Bu SVG ikonları için, isterseniz SVG CSS bloğuyla birleştirebiliriz */
    transition: color 0.2s ease-in-out;
}
.header-social a:hover {
    color: #007bff;
}

/* Header ve Footer Sosyal Medya SVG İkonları İçin Genel Stiller */
/* Bu blok daha önce header.php içine eklenmişti, buraya taşıyarak merkezileştirebiliriz */
.header-social a svg,
.footer-social a svg {
    width: 22px; /* İkon genişliği - isteğe bağlı olarak değiştirin */
    height: 22px; /* İkon yüksekliği - isteğe bağlı olarak değiştirin */
    fill: currentColor; /* Bağlantının metin rengini alır */
    vertical-align: middle; /* Dikey hizalama */
    /* margin: 0 5px; */ /* .header-social a içindeki margin ile çakışabilir, birini seçin */
    transition: fill 0.3s ease; /* Renk değişimi için yumuşak geçiş */
}
.header-social a:hover svg, /* SVG için hover rengi */
.footer-social a:hover svg {
    fill: #007bff; /* Örnek bir hover rengi, kendi temanıza göre değiştirin */
}


header h1 {
    text-align: center;
    color: #343a40;
    margin-top: 10px; 
    margin-bottom: 20px;
}
header h1 a {
    text-decoration: none;
    color: inherit;
}

/* Navigasyon Menüsü Stilleri (Güncellenmiş Renkler ve Yazı Boyutu) */
nav ul {
    list-style: none;
    padding: 0;
    text-align: center;
    margin: 0;
}
nav ul li {
    display: inline-block;
    margin: 0 10px; 
    position: relative; 
}
nav ul li a { 
    text-decoration: none;
    color: #0D47A1; /* YENİ: Daha Koyu Mavi (Yüksek Kontrastlı) */
    font-weight: 600;
    font-size: 1.1em; /* YAZI BOYUTU BURADA BÜYÜTÜLDÜ - İsteğe göre 1.2em, 18px vb. yapabilirsiniz */
    padding: 8px 12px; 
    border-radius: 4px; 
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    display: block; 
}
nav ul li a:hover,
nav ul li a:focus { 
    color: #FFFFFF; /* YENİ: Beyaz yazı */
    background-color: #0056b3; /* YENİ: Koyu Mavi Arka Plan */
    text-decoration: none; 
}
nav ul li a.active { /* PHP ile aktif sayfaya bu class eklenmeli */
    color: #FFFFFF; /* YENİ: Beyaz yazı */
    background-color: #B71C1C; /* YENİ: Koyu Kırmızı - Belirgin aktif renk */
    font-weight: bold;
}

/* Ön Yüz Açılır Menü Stilleri (Güncellenmiş Renkler) */
nav ul li.dropdown .dropbtn {
  cursor: default; 
}
/* Açılır menünün ana başlığı aktifse */
nav ul li.dropdown.active-main > a.dropbtn { /* .active-main sınıfı PHP ile eklenecek */
    color: #FFFFFF;
    background-color: #B71C1C; /* Ana aktif renkle aynı */
}
nav ul li.dropdown .dropdown-content {
  display: none; 
  position: absolute; 
  background-color: #ffffff; 
  min-width: 240px; 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.15); 
  z-index: 1000; 
  border: 1px solid #cccccc; 
  border-top: none; 
  border-radius: 0 0 4px 4px; 
  margin-top: 0px; 
  left: 50%; 
  transform: translateX(-50%); 
}
nav ul li.dropdown .dropdown-content a {
  color: #0D47A1; 
  padding: 10px 15px; 
  text-decoration: none; 
  display: block; 
  text-align: left; 
  font-weight: normal; 
  font-size: 0.95em; /* Açılır menü yazı boyutu ana menüden biraz daha küçük */
  border-top: 1px solid #eaeaea; 
}
nav ul li.dropdown .dropdown-content a:first-child {
    border-top: none; 
}
nav ul li.dropdown .dropdown-content a:hover,
nav ul li.dropdown .dropdown-content a:focus {
  background-color: #0056b3; 
  color: #FFFFFF; 
}
nav ul li.dropdown .dropdown-content a.active { /* Açılır menüdeki aktif alt link */
    background-color: #B71C1C; 
    color: #FFFFFF;
    font-weight: bold;
}
nav ul li.dropdown:hover > .dropdown-content {
  display: block; 
}

/* Ana İçerik Alanı */
main {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    border-radius: 4px;
    min-height: 300px;
    margin-top:0; 
}
main h2 {
    color: #495057;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 10px;
    margin-top: 0;
}

/* Yazı Listesi Stilleri (articles.php ve kose_yazilari.php) */
.article-list .list-item,
.external-article-list .list-item { margin-bottom: 25px; padding-bottom: 25px; }
.article-list .list-item:not(:last-child), 
.external-article-list .list-item:not(:last-child) { border-bottom: 1px solid #eee; }
.article-list .list-item h3,
.external-article-list .list-item h3 { margin-top: 0; margin-bottom: 5px; }
.article-list .list-item h3 a { text-decoration: none; color: #333; }
.external-article-list .list-item h3 a { text-decoration: none; color: #0056b3; }
.article-list .list-item h3 a:hover,
.external-article-list .list-item h3 a:hover { color: #007bff; text-decoration: underline; }
.article-list .article-meta,
.external-article-list .article-meta { font-size: 0.85em; color: #555; margin-bottom: 10px; }
.external-article-list .article-meta strong { color: #333; }
.external-article-list .read-more-link { display: inline-block; margin-top: 10px; font-weight: bold; }

/* Tekil Yazı Sayfası Stilleri (article.php) */
.single-article .article-meta { font-size: 0.9em; color: #6c757d; margin-bottom: 20px; }
.single-article .article-content { line-height: 1.7; }
.single-article .article-content p { margin-bottom: 1.2em; }

/* İletişim Formu Stilleri (contact.php) */
.contact-form div { margin-bottom: 15px; }
.contact-form label { display: block; margin-bottom: 5px; font-weight: bold; }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="url"], /* contact.php'de type="url" yok ama genel kalsın */
.contact-form textarea {
    width: 100%; padding: 10px; border: 1px solid #ced4da;
    border-radius: 4px; font-size: 1em; box-sizing: border-box;
}
.contact-form textarea { min-height: 120px; resize: vertical; }
.contact-form button[type="submit"] {
    background-color: #007bff; color: white; padding: 10px 20px;
    border: none; border-radius: 4px; cursor: pointer;
    font-size: 1em; transition: background-color 0.2s ease-in-out;
}
.contact-form button[type="submit"]:hover { background-color: #0056b3; }

/* Özgeçmiş Sayfası Stilleri (ozgecmis.php) */
/* Bu stiller zaten sizin tarafınızdan eklenmiş ve tablo yapısına göre düzenlenmişti, */
/* o yüzden burada tekrar etmiyorum, mevcut stil dosyanızdaki halleriyle kalabilirler. */
/* Sadece menü yazı boyutu değişikliğini yukarıya ekledim. */
.cv-page .profile-image {
    float: right; 
    margin: 0 0 15px 25px; 
    width: 180px; 
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    border: 2px solid white;
}

.cv-detailed-text {
    line-height: 1.7;
}

.clear-float { 
    clear: both;
}

.cv-section {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.cv-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.cv-section h3 {
    font-size: 1.6em;
    color: #333;
    margin-bottom: 15px;
    border-bottom: 2px solid #0056b3; 
    padding-bottom: 8px;
}

.cv-table {
    width: 100%;
    border-collapse: collapse; 
    margin-top: 10px;
}

.cv-table th,
.cv-table td {
    text-align: left;
    padding: 10px 8px; 
    border-bottom: 1px solid #f0f0f0; 
    vertical-align: top; 
}

.cv-table thead th {
    background-color: #f8f9fa; 
    font-weight: 600;
    color: #495057;
}

.cv-table tbody tr:last-child td {
    border-bottom: none; 
}

.cv-table td strong { 
    font-weight: 600;
    color: #0056b3; 
    display: block; 
    margin-bottom: 3px;
}

.cv-dates {
    font-size: 0.9em;
    color: #6c757d;
    white-space: nowrap; 
}

.cv-description {
    font-size: 0.9em;
    line-height: 1.6;
    color: #555;
    margin-top: 5px;
}

.cv-description.responsibilities ul { 
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 0;
}
.cv-description.responsibilities li {
    margin-bottom: 3px;
}

@media (max-width: 768px) {
    .cv-page .profile-image {
        float: none;
        display: block;
        margin: 0 auto 20px auto; 
    }
    .cv-section {
        overflow-x: auto; 
    }
    .cv-table {
        min-width: 600px; 
    }
    .cv-table th,
    .cv-table td {
        white-space: normal; 
        padding: 8px 5px;
    }
    .cv-dates {
        white-space: normal; 
    }
}


/* Sitelerim Sayfası Stilleri (sites.php) */
.promoted-sites-list ul { list-style: none; padding: 0; }
.promoted-sites-list li { margin-bottom: 30px; padding-bottom: 20px; }
.promoted-sites-list li:not(:last-child) { border-bottom: 1px solid #eee; }
.promoted-sites-list h3 { margin-top: 0; margin-bottom: 8px; }
.promoted-sites-list h3 a { text-decoration: none; color: #0056b3; }
.promoted-sites-list h3 a:hover { text-decoration: underline; }
.promoted-sites-list img { display: block; border-radius: 4px; margin-bottom:10px; }
.promoted-sites-list p { margin-top: 5px; line-height: 1.7; }

/* Galeri Sayfası Stilleri (gallery.php) */
.gallery-container .album-section { margin-bottom: 30px; }
.gallery-container .album-section h3 { font-size: 1.5em; color: #333; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px; }
.gallery-container .album-description { font-style: italic; color: #555; margin-bottom: 20px; }
.photo-grid { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; }
.photo-item {
    flex-basis: calc(25% - 12px); box-sizing: border-box; text-align: center;
    border: 1px solid #ddd; padding: 10px; background-color: #f9f9f9;
    border-radius: 3px; display: flex; flex-direction: column; justify-content: space-between;
}
.photo-item img {
    max-width: 100%; height: auto; max-height: 150px;
    object-fit: cover; display: block; border-radius: 2px; margin-bottom: 8px;
}
.photo-item .photo-title { font-size: 0.9em; margin-top: auto; color: #333; }
@media (max-width: 768px) { .photo-item { flex-basis: calc(50% - 8px); } }
@media (max-width: 480px) { .photo-item { flex-basis: 100%; } }

/* Footer Alanı */
footer {
    text-align: center;
    margin-top: 0; 
    padding-bottom: 20px;
    font-size: 0.9em;
    color: #6c757d;
    background-color: #ffffff; 
    border-top: 1px solid #dee2e6; 
    box-shadow: 0 -2px 4px rgba(0,0,0,0.05); 
}
.footer-social { margin-top: 20px; margin-bottom: 15px; text-align: center; }
.footer-social a { 
    color: #495057; 
    margin: 0 10px; 
    text-decoration: none; 
    /* font-size: 1.6em; */ /* Bu SVG ikonları için, CSS bloğuyla birleştirebiliriz */
    transition: color 0.2s ease-in-out; 
}
.footer-social a:hover { 
    color: #007bff; 
}

/* Header ve Footer Sosyal Medya SVG İkonları İçin Genel Stiller */
.header-social a svg,
.footer-social a svg {
	width: 22px; /* İkon genişliği */
	height: 22px; /* İkon yüksekliği */
	fill: currentColor; /* Bağlantının metin rengini alır */
	vertical-align: middle; /* Dikey hizalama */
	margin: 0 5px; /* İkonlar arası sağ ve sol boşluk */
	transition: fill 0.3s ease; /* Renk değişimi için yumuşak geçiş */
}
        
/* İsteğe bağlı: Fare üzerine gelince ikon rengi değişimi */
.header-social a:hover svg,
.footer-social a:hover svg {
	fill: #007bff; /* Örnek bir hover rengi, kendi temanıza göre değiştirin */
}

/* Site Adı Logo Stili (GÜNCELLENDİ) */
header h1 a .site-name-logo {
    font-family: 'Alegreya Sans SC', sans-serif; /* YENİ FONT */
    font-size: 2.8em;  /* YENİ BOYUT (Örnek, isteğe göre değiştirin) */
    font-weight: 700;  /* YENİ KALINLIK (Örnek, istediğiniz ağırlığı seçin: 100, 300, 400, 500, 700, 800, 900) */
    font-style: normal; /* Eğer italik olmayan stil ise */
    color: #004085;     /* Mevcut logonuz için özel renk - isteğe bağlı */
}

header h1 a .site-tagline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.7em; 
    font-weight: normal;
    color: #495057; 
    margin-left: 8px; 
    vertical-align: baseline; 
}

header h1 { 
    line-height: 1.2;
    display: flex; 
    justify-content: center; 
    align-items: baseline; 
    flex-wrap: wrap; 
}