/* --- Genel Stiller --- */
body {
    background-color: #fff;
    color: #333;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-top: 2rem;
    padding-bottom: 2rem;
    line-height: 1.6;
}

/* --- Giriş Animasyonu --- */
@keyframes fadeInSlideUp {
    from {
        opacity: 0;
        transform: translateY(20px); /* Aşağıdan başla */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Normal konuma gel */
    }
}

/* Animasyonu ana konteynere uygula */
.container {
    animation: fadeInSlideUp 1s ease-out forwards; /* Animasyonu çalıştır */
    /* 'forwards' animasyonun son halinde kalmasını sağlar */
}

/* --- Header Stilleri --- */
.resume-header {
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
}
.resume-header h1 {
    font-size: 2.6rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: #000;
}
.resume-header .titles {
    font-size: 1.15rem;
    color: #555;
    margin-bottom: 1rem;
}
.resume-header .contact-info span,
.resume-header .contact-info a {
     font-size: 0.9rem;
     color: #444;
     margin-right: 12px;
     text-decoration: none;
     vertical-align: middle;
}
 .resume-header .contact-info a:hover {
    color: #000;
    text-decoration: underline;
 }
 .resume-header .contact-info i {
     margin-right: 4px;
     color: #555;
     vertical-align: middle;
     font-size: 1rem;
 }

/* --- Bölüm Başlıkları --- */
.section-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.1rem;
    color: #222;
    margin-bottom: 1.5rem;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #ccc;
    display: inline-block;
}

/* --- Deneyim ve Eğitim Öğeleri --- */
.experience-item h5, .education-item h6 {
     font-weight: 600;
     margin-bottom: 0.3rem;
     color: #111;
}
 .experience-item p, .education-item p {
     color: #555;
     margin-bottom: 0.5rem;
     font-size: 0.95rem;
 }
 .experience-item {
     margin-bottom: 1.5rem;
 }
 .education-item {
     margin-bottom: 1.5rem;
 }
 /* Eğitim detayları için yeni stil */
 .education-details {
    margin-top: 0.5rem; /* Başlıkla detaylar arası boşluk */
 }
 .education-details .badge {
    margin-right: 0.5rem; /* Etiketler arası boşluk */
    font-size: 0.85rem; /* Etiket font boyutu */
    padding: 0.4em 0.7em; /* Etiket iç boşluğu */
 }

/* --- Sağ Sütun Stilleri --- */
.right-column {
     padding: 1rem;
     height: 100%;
     /* Sağ sütuna hafif bir kenarlık eklenebilir */
     /* border-left: 1px solid #eee; */
     /* padding-left: 1.5rem; */
 }
 .right-column > div {
    margin-bottom: 2rem;
 }
 .right-column > div:last-child {
    margin-bottom: 0;
 }

/* --- Listeler (Yetenekler, Diller, İş Tecrübeleri) --- */
.skills-list ul, .languages-list ul, .is-tecrubelerim-list {
    list-style: none;
    padding-left: 1em;
}
.skills-list li, .languages-list li, .is-tecrubelerim-list li {
    margin-bottom: 0.6rem;
    color: #555;
    font-size: 0.95rem;
    position: relative;
}
 .skills-list li::before, .languages-list li::before {
    content: "•";
    color: #555;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    left: -1em;
    top: 1px;
 }
 /* İş tecrübeleri listesi için özel stil (madde işareti yok) */
 .is-tecrubelerim-list li {
    margin-bottom: 1.5rem; /* Eğitim öğesiyle aynı boşluk */
 }
 .is-tecrubelerim-list li::before {
    content: none;
 }
 .is-tecrubelerim-list p {
     /* display: inline-block; */ /* Yanyana getirmek için gerekirse */
     margin-left: 0;
     /* float: none !important; */ /* Float'a gerek yok */
 }
 /*.is-tecrubelerim-list .badge {
    /* vertical-align: middle; */ /* Gerekirse */
 /*} 


/* --- Footer --- */
 footer {
     border-top: 1px solid #eee;
     padding-top: 1rem !important; /* pt-3'ü ezmek için */
     margin-top: 3rem !important; /* mt-5'i ezmek için */
 }

/* --- Dark theme styles --- */
body.dark-theme { background-color: #1a1a1a; color: #ffffff; }
body.dark-theme .resume-header h1, body.dark-theme .section-title, body.dark-theme .experience-item h5, body.dark-theme .education-item h6 { color: #ffffff; }
body.dark-theme .resume-header .titles, body.dark-theme .experience-item p, body.dark-theme .education-item p, body.dark-theme .skills-list li, body.dark-theme .languages-list li, body.dark-theme .resume-header .contact-info span, body.dark-theme .resume-header .contact-info a, body.dark-theme .skills-list li::before, body.dark-theme .languages-list li::before, body.dark-theme .is-tecrubelerim-list li { color: #ccc; } /* İş tecrübeleri listesi eklendi */
body.dark-theme .resume-header .contact-info i { color: #999; }
body.dark-theme .section-title { border-bottom-color: #444; }
body.dark-theme footer { border-top-color: #444; }
body.dark-theme .text-muted { color: #999 !important; }
body.dark-theme a:not(.dropdown-item):not(.btn) { color: #4da6ff; } /* Dropdown ve buton linkleri hariç */
body.dark-theme a:not(.dropdown-item):not(.btn):hover { color: #80bdff; }
body.dark-theme .resume-header .contact-info a:hover { color: #ffffff; }
body.dark-theme .badge { background-color: #333 !important; color: #fff !important; } /* Renkler !important ile ezildi */
body.dark-theme .badge.bg-success { background-color: #28a745 !important; color: #fff !important; }
body.dark-theme .badge.bg-secondary { background-color: #555 !important; color: #fff !important;}


/* --- Profil Fotoğrafı Stili --- */
.profile-picture {
    width: 120px; /* Fotoğraf genişliği */
    height: 120px; /* Fotoğraf yüksekliği */
    border-radius: 50%; /* Tam yuvarlak yapar */
    object-fit: cover; /* Resmin alanı bozmadan kaplamasını sağlar */
    border: 3px solid #eee; /* İnce gri kenarlık */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Hafif gölge */
    /* Mobil görünümde ortalamak için (text-center ile birlikte) */
    display: inline-block;
}
.profile-picture {
    pointer-events: none; /* Prevents interaction like clicking and dragging */
    user-select: none; /* Prevents selecting and dragging */
    -webkit-user-select: none; /* For older Safari versions */
    -ms-user-select: none; /* For older Internet Explorer versions */
    -moz-user-select: none; /* For older Firefox versions */
}

/* --- Dark Theme Profil Fotoğrafı Stili --- */
body.dark-theme .profile-picture {
    border-color: #444; /* Koyu tema için kenarlık rengi */
}

/* --- Kontrol Düğmeleri --- */
.controls {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 1000;
    display: flex; /* Düğmeleri yan yana getir */
    gap: 10px; /* Düğmeler arası boşluk */
}
.theme-toggle, .language-switcher .btn {
    padding: 8px 12px;
    border-radius: 20px;
    border: none;
    background: #f8f9fa; /* Açık tema arka plan */
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    font-size: 0.9rem; /* Buton font boyutu */
    display: flex; /* İkon ve metni hizalamak için */
    align-items: center; /* Dikey hizalama */
    gap: 5px; /* İkon ve metin arası boşluk */
}
body.dark-theme .theme-toggle, body.dark-theme .language-switcher .btn {
    background: #333; /* Koyu tema arka plan */
    color: #fff;
}
.theme-toggle:hover, .language-switcher .btn:hover {
    transform: scale(1.05);
}
.language-switcher .dropdown-menu {
     min-width: auto; /* Menü genişliğini içeriğe göre ayarla */
     font-size: 0.9rem;
     border-radius: 0.5rem; /* Köşe yuvarlatma */
     border: 1px solid rgba(0,0,0,0.05); /* Hafif kenarlık */
     box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1); /* Gölge */
 }
 .language-switcher .dropdown-item {
    padding: 0.5rem 1rem; /* İç boşluk */
 }
 body.dark-theme .language-switcher .dropdown-menu {
     background-color: #333;
     border-color: rgba(255,255,255,0.1);
 }
 body.dark-theme .language-switcher .dropdown-item {
    color: #fff;
 }
 body.dark-theme .language-switcher .dropdown-item:hover,
 body.dark-theme .language-switcher .dropdown-item:focus {
     background-color: #555;
     color: #fff;
 }
 .non-copyable-text {
    user-select: none; /* Prevents selecting text */
    -webkit-user-select: none; /* For older Safari versions */
    -ms-user-select: none; /* For older Internet Explorer versions */
    -moz-user-select: none; /* For older Firefox versions */
}