@charset "utf-8";
/* CSS Document */
body{
	background-color: #FFFFFF;
}

/*YENİ YER*/
.banner{
	position: relative; /*banner ı referans yaptık içerik ona göre hizalansın diye*/
	  background-image: url("banner1.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;/*mobilde bannerın ortası gösterilsin görüntü bozulma*/
	  width: 100%;       
    height: 140vh;      /*ekran yüksekliğinin yüzde 140*/
	/* Chrome, Safari, Edge, iOS için (Zorunlu) */
    -webkit-mask: radial-gradient(ellipse 50% 60px at bottom, transparent 99%, black 100%);
    /*resmin altına sana bir elips çiz vee bunu kes böylece altı oval oldu*/
    /* Standart Tarayıcılar için */
    mask: radial-gradient(ellipse 55% 70px at bottom, transparent 99%, black 100%);
    padding-bottom: 70px;/* içerikle alt kenararasına boşluk */
}
.navbar { 
	display: flex;/*içindeki elemanları yan yana dizer*/
	position:relative;
	top: 0;/*üstten boşluk*/
	left: 0;/*soldan boşlu sıfır*/
	width: 100%;
	padding: 3px 10px;/*iç boşluk */
	z-index: 10; /* Bannerın üstünde */ 

} 

.menu {
    display: flex;           /* Linkleri yan yana dizer */
    align-items: center;     /* Dikeyde ortalar */
}

.menu a {
    text-decoration: none;   /*standart link çizgisini kaldır */
    color: white;           
    font-weight: bold;/*kalın yazı*/
    font-size: 18px;
   font-family: 'Montserrat', sans-serif;
    margin: 0 20px;          /* dış boşluk */
    padding-bottom: 8px;     /* iç boşluk çizgiyle arasında boşluk için */
    position: relative;      /* Çizgi için bunu rferans yaptık */
}

.menu a::after {/* html olmadan sanal imge oluşturmaya yarar */
    content: '';             /* Görünmez kutu oluştur */
    position: absolute;      /* linkin yanında durmasın relative bağlansın*/
    bottom: 0;               /* En alta yerleş */
    left: 50%;               /* Tam ortadan başla */
    transform: translateX(-50%); /*  sağa sola açılması için */
    width: 0%;               /* Başlangıçta genişlik 0 (görünmez) */
    height: 3px;             /* Çizgi kalınlığı */
    background-color: #f0a500; /* Çizgi rengi (Altın sarısı) */
    transition: width 0.3s ease-in-out; /* 0.3 saniyede yumuşakça açıl */
}

.menu a:hover::after {
    width: 100%;             /* Genişliği %100 yap (ortadan iki yana açılır) */
}

.menu a:hover {
    color: white; 
}

.logo_yeri{
	width: 170px;/*yükseliği*/
	padding: 15px 20px;/*iç boşluğu*/
} 

.logo {
	
	top: 10px; /*üstten boşluk*/
	left: 10px; /*soldan boşluk*/
	width: 180px;
	height: auto;
}

.banner_icerik{
    position: absolute;
    top: 50%;             /* Dikeyde ortala */
    left: 8%;             /* Soldan %8 boşluk bırak (Logonun hizası gibi) */
    width: 45%;           /* Ekranın yarısından azını kaplasın */
    color: #F2F2F2;         /* Yazı rengi */
    font-family: 'Montserrat', sans-serif;
	transform: translateY(-150px);/*metnimi yukarıya çekmek için kullandım*/

}
.banner_icerik h1 {
    font-size: 40px;      /* Büyük ve okunaklı */
    font-weight: 700;     /* Kalın */
    margin-bottom: 10px;
   
}

.banner_icerik h3 {
    font-size : 26px ;
    font-weight: 400;     /* Daha ince ve zarif */
    margin-bottom: 25px;
    text-transform: uppercase;  /* otomatik büyük harf yapıyor html de küçük yasan bile*/
}

.banner_icerik p {
    font-size: 20px ;
    line-height: 2;     /* Satırlar arası boşluk */
    font-weight: 400;
    opacity: 0.9;        

}

.banner_sol_alt{
	display: flex;          /* Yan yana dizilsin*/
    gap: 15px;              /* İkonlar arası boşluk kalsın */
    margin-top: 30px; /*çerik mtninden uzaklık*/
}

.banner_sol_alt img {
    width: 30px;   /* Genişliği ayarlar */
    height: auto;  /* Yüksekliği orantılı ayarlar */
	border-radius: 8px;/*kenarlaını yuvarla*/
	opacity: 0.7;
	transition: 0.3s;
	
}
.banner_sol_alt  a:hover img{
	opacity: 1;
	
}


.istatistik-kapsayici {
    display: flex;              /* Kutuları yan yana getirir */
    justify-content: center;    /* Sayfanın ortasına hizalar */
    gap: 30px;                  /* Kutular arasında boşluk bırakır */
    padding: 70px 20px;         /* Üstten/alttan boşluk*/
    background-color:#F4F4F4; 
    flex-wrap: wrap;            /* Mobilde ekran daralınca kutular alt alta geçer */
}

.sayac-kutu {
    background: white;          /* Kutu rengi beyaz */
    width: 200px;               /* Kutunun genişliği */
    padding: 30px 20px;         /* İçindeki yazıların kenara yapışmaması için boşluk */
    text-align: center;         /* Yazıları ve ikonu ortalar */
    border-radius: 15px;        /* Köşeleri yuvarlatır */
    box-shadow: 0 10px 20px rgba(0,0,0,0.05); /* Kutunun altına hafif gölge ekler */
    transition: 0.3s;           /* geçiş efekti */
    border: 1px solid #eee;     /* Çok ince, zarif bir kenar çizgisi */
}

.sayac-kutu:hover {
    transform: translateY(-10px); /* Kutu 10px yukarı iter */
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* Gölge biraz daha koyulaşır */
}

.sayac-kutu .sayi {
    display: block;             /* Alt satıra geçmesini sağlar */
    font-size: 36px;            /* Yazı boyutu büyük */
    font-weight: bold;          /* Yazı kalın */
    color: #333;                /* Yazı rengi koyu gri */
}

.sayac-kutu .etiket {
    font-size: 14px;            /* Yazı boyutu küçük */
    color: #666;                /* Yazı rengi gri */
    margin-top: 5px;            /* Sayı ile arasındaki boşluk */
    display: block;
}

.hakkimda_bolumu{
	background-color: #FFFFFF;
	padding: 80px;
}

.kutu{
	max-width: 1100px;
	margin:0 auto; /*üstten alttan sıfır boşluk ynları otomatik böylece ortalar*/
	display: flex;/*içeriği yan yana koydu*/
	align-items: center;/* ortalar*/
	gap:50px;/*aralarına boşluk koydu*/
}
.hakkimda_foto img{
	width: 400px;
	height: auto;
	border-radius: 20px;
	box-shadow: 20px 20px 0px #e0f0ff; /*gölge efekti */
}

.hakkimda_yazi {
    padding-left: 30px; /* Fotoğrafla yazı arasına mesafe */
}

.hakkimda_yazi h3 {
    font-size: 34px;
    color: #222;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}

.giris-cumlesi {
    font-size: 18px;
    font-style: italic;
    color: #555;
    border-left: 4px solid #f0a500; /* Soluna sarı/turuncu bir çizgi çek */
    padding-left: 15px;             /* Çizgi ile yazı arası boşluk */
    margin-bottom: 25px;
}

.hakkimda_yazi p {
    line-height: 1.8;  /* Satır aralığını aç */
    color: #666;
    margin-bottom: 20px;
    font-size: 16px;
}

.basari-listesi {
    list-style: none;  /* liste noktalarını kaldırır */
    padding: 0;
    margin-bottom: 30px;
}

.basari-listesi li {
    position: relative;
    padding-left: 25px; /* Madde işareti için yer aç */
    margin-bottom: 10px;
    color: #444;
    line-height: 1.6;
}

/* Madde Başına Tik İşareti (✔) Koyma */
.basari-listesi li::before {
    content: '✔';          /* Tik işareti */
    position: absolute;
    left: 0;
    color: #007bff;        /* Mavi renk */
    font-weight: bold;
}

/* İmza Alanı */
.imza-alani p {
    margin-bottom: 5px;
    font-size: 14px;
}

.imza {
    font-family: 'Brush Script MT', cursive; /* El yazısı fontu */
    font-size: 28px;
    color: #333;
    display: block;
    margin-bottom: 20px;
}

/* --- TIMELINE (AKADEMİK YOLCULUK) TASARIMI --- */

.timeline-bolumu {
    background-color:#F4F4F4;     /* Arka plan beyaz */
    padding: 80px 20px;
    position: relative;
    overflow: hidden;           /* Taşan kısımları gizle */
}
/* --- BÖLÜM BAŞLIĞI TASARIMI (GÜNCELLENDİ) --- */

.bolum-basligi {
    text-align: center;        /* Tüm içeriği ortala */
    margin-bottom: 60px;       /* Alttaki kutularla arayı aç */
    padding: 0 20px;           /* Mobilde kenarlara yapışmasın */
}

/* Ana Başlık (Akademik Yolculuk) */
.bolum-basligi h2 {
    font-size: 36px;           /* Büyük ve okunaklı */
    color: #333;               /* Koyu gri (Simsiyah değil) */
    text-transform: uppercase; /* Hepsini BÜYÜK HARF yap */
    letter-spacing: 3px;       /* Harflerin arasını iyice aç (Modern görünüm) */
    font-weight: 800;          /* Kalın font */
    margin-bottom: 15px;       /* Alt başlıkla mesafe */
    font-family: 'Montserrat', sans-serif;
    
    position: relative;        /* Çizgi için gerekli */
    display: inline-block;     /* Çizgiyi yazıya göre hizalamak için */
}

/* Başlığın Altındaki Mavi Çizgi */
.bolum-basligi h2::after {
    content: '';               /* Boş kutu yarat */
    display: block;            /* Blok yap */
    width: 80px;               /* Çizginin uzunluğu */
    height: 4px;               /* Çizginin kalınlığı */
    background-color: #007bff; /* Mavi renk */
    margin: 15px auto 0;       /* Üstten 15px boşluk ver ve ORTALA */
    border-radius: 2px;        /* Çizginin uçlarını yumuşat */
}

/* Alt Açıklama (Kilometre taşları...) */
.bolum-basligi p {
    font-size: 18px;           /* Yazıyı büyüt */
    color: #777;               /* Daha açık gri */
    font-weight: 300;          /* İnce ve zarif yazı */
    max-width: 600px;          /* Yazı çok uzamasın, ortada blok dursun */
    margin: 0 auto;            /* Bloğu ortala */
    line-height: 1.5;
}

/* Çizginin ve Kutuların Duracağı Ana Alan */
.timeline-kapsayici {
    max-width: 900px;           /* Genişliği sınırla, derli toplu dursun */
    margin: 0 auto;             /* Ortala */
    position: relative;         /* İçindeki çizgi buna göre konumlanacak */
    padding: 20px 0;
}

/* SİHİRLİ KISIM: Ortadaki Dikey Çizgi */
.timeline-kapsayici::after {
    content: '';                /* Boş bir eleman yarat */
    position: absolute;         /* Konumunu serbest bırak */
    width: 4px;                 /* Çizgi kalınlığı */
    background-color: #eee;     /* Çizgi rengi (Açık gri) */
    top: 0;
    bottom: 0;
    left: 50%;                  /* Tam ortaya yerleş */
    margin-left: -2px;          /* 4px kalınlığın yarısını geri çekip tam ortala */
    border-radius: 5px;
}

/* Kutuların Genel Yapısı */
.timeline-item {
    padding: 10px 40px;         /* İçerik çizgiye yapışmasın */
    position: relative;         /* Noktalar buna göre yerleşecek */
    width: 50%;                 /* Genişliğin yarısını kapla (Biri sağa biri sola sığsın) */
    box-sizing: border-box;     /* Padding taşma yapmasın */
}

/* Sol Kutular */
.sol {
    left: 0;                    /* Solda dur */
    text-align: right;          /* Yazıları çizgiye (sağa) yasla */
}

/* Sağ Kutular */
.sag {
    left: 50%;                  /* Ortadan başla (Sağda dur) */
    text-align: left;           /* Yazıları sola yasla */
}

/* Çizgi Üzerindeki Noktalar (Daireler) */
.timeline-item::after {
    content: '';
    position: absolute;
    width: 20px;                /* Daire genişliği */
    height: 20px;               /* Daire yüksekliği */
    right: -10px;               /* Sol kutular için çizginin üstüne hizala */
    background-color: #fff;     /* İçi beyaz */
    border: 4px solid #007bff;  /* Çerçevesi mavi */
    top: 25px;                  /* Kutunun üstünden biraz aşağıda dur */
    border-radius: 50%;         /* Tam yuvarlak yap */
    z-index: 1;                 /* Çizginin üstünde dursun */
    transition: 0.3s;           /* Renk değişimi yumuşak olsun */
}

/* Sağ kutular için noktayı ayarlama */
.sag::after {
    left: -14px;                /* Sol tarafa (çizgiye) hizala */
}

/* Hover Efekti: Üzerine gelince nokta parlasın */
.timeline-item:hover::after {
    background-color: #007bff;  /* İçi mavi olsun */
    transform: scale(1.2);      /* Biraz büyüsün */
}

/* İÇERİK KUTUSU (Kart Tasarımı) */
.timeline-icerik {
    padding: 25px 30px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* Hafif gölge */
    border: 1px solid #f0f0f0;  /* İnce çerçeve */
    transition: 0.3s;
}

.timeline-icerik:hover {
    transform: translateY(-5px); /* Hafif yukarı kalksın */
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    border-color: #007bff;       /* Çerçeve mavi olsun */
}

/* Tarih Tasarımı */
.tarih {
    color: #007bff;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
    font-family: 'Montserrat', sans-serif;
}

.timeline-icerik h3 {
    margin: 5px 0 10px 0;
    color: #222;
    font-size: 19px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
}

.timeline-icerik p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.6;
}

/* --- FOOTER TASARIMI --- */

.site-footer {
    background-color: #222;    /* Koyu gri arka plan (Profesyonel duruş) */
    color: #bbb;               /* Yazılar hafif gri olsun (Gözü yormaz) */
    padding: 60px 20px 40px;   /* Üstten geniş, alttan normal boşluk */
    font-family: 'Montserrat', sans-serif;
    border-top: 5px solid #007bff; /* Üstüne ince mavi bir çizgi (Süsleme) */
}

.footer-konteyner {
    max-width: 1100px;         /* İçerik genişliği */
    margin: 0 auto;            /* Ortala */
    display: flex;             /* Yan yana diz */
    justify-content: space-between; /* Aralarına boşluk bırak */
    flex-wrap: wrap;           /* Mobilde alt alta geçsin */
    gap: 40px;
}

/* Kolon Ayarları */
.footer-kolon {
    flex: 1;                   /* Alanı eşit paylaşın */
    min-width: 250px;          /* Mobilde çok küçülmesin */
}

/* Footer Başlıkları */
.footer-kolon h3 {
    color: #fff;               /* Başlıklar beyaz parlasın */
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}

/* Footer Yazıları */
.footer-kolon p {
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 15px;
}

/* Hızlı Linkler (Liste) */
.footer-kolon ul {
    list-style: none;          /* Noktaları kaldır */
    padding: 0;
}

.footer-kolon ul li {
    margin-bottom: 10px;
}

.footer-kolon ul li a {
    color: #bbb;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}

.footer-kolon ul li a:hover {
    color: #007bff;            /* Üzerine gelince mavi olsun */
    padding-left: 5px;         /* Hafif sağa kaysın */
}

/* Sosyal Medya Linkleri (Metin Olarak) */
.footer-sosyal a {
    display: inline-block;
    margin-right: 15px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid #444;    /* Etrafına ince çerçeve */
    padding: 5px 10px;
    border-radius: 4px;
    transition: 0.3s;
}

.footer-sosyal a:hover {
    background-color: #007bff; /* Maviye dönüş */
    border-color: #007bff;
}

/* Copyright Yazısı */
.copyright {
    margin-top: 20px;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #333; /* Üstüne ince çizgi */
    padding-top: 10px;
}

/*AKADEMİK HTML AYFASININ KOMUTLARI*/

/* =========================================
   ALT SAYFALAR İÇİN TASARIM (AKADEMİK, TEDAVİLER VB.)
   ========================================= */

/* 1. MİNİ BANNER AYARLARI */
.alt-sayfa-header {
    background-image: url("mini_banner.png"); /* Anasayfadaki resim */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;      /* Üstten hizala */
    height: 350px;                        /* Daha kısa boy */
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Resmin üzerine siyah perde (Yazılar okunsun diye) */
.alt-sayfa-header::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6);       /* %60 Karartma */
}

/* Navbar ve Başlık perdenin üstünde kalsın */
.alt-sayfa-header .navbar,
.alt-sayfa-header .baslik-kutusu {
    position: relative;
    z-index: 2;
}

/* Aktif olan sayfanın menü linki sarı olsun */
.menu a.aktif {
    color: #f0a500;
    border-bottom: 2px solid #f0a500;
}

/* 2. SAYFA BAŞLIĞI (ORTADAKİ YAZI) */
.baslik-kutusu {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    margin-top: -40px; /* Navbar payını dengelemek için hafif yukarı */
}

.baslik-kutusu h1 {
    font-size: 42px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-shadow: 0 4px 10px rgba(0,0,0,0.5); /* Gölge */
}

.baslik-kutusu p {
    font-size: 18px;
    font-weight: 300;
    opacity: 0.9;
}

/* 3. İÇERİK LİSTESİ TASARIMI */
.akademik-icerik {
    max-width: 900px;
    margin: 60px auto;
    padding: 0 20px;
}

.yayin-kategorisi {
    margin-bottom: 50px;
}

.yayin-kategorisi h3 {
    color: #007bff;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    border-left: 5px solid #f0a500;
    padding-left: 15px;
    margin-bottom: 25px;
}

/* Liste Kutuları */
.yayin-listesi {
    list-style: none;
    padding: 0;
}

.yayin-listesi li {
    background: #fff;
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    color: #444;
    line-height: 1.6;
    box-shadow: 0 3px 10px rgba(0,0,0,0.03);
    transition: 0.2s;
}

.yayin-listesi li:hover {
    border-color: #007bff;
    transform: translateX(5px);
}

/* Yıl Etiketi (Siyah Kutu) */
.yayin-listesi .yil {
    background-color: #222;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    margin-right: 12px;
}

/* =========================================
   TEDAVİLER SAYFASI TASARIMI
   ========================================= */

.tedaviler-icerik {
    max-width: 1100px;
    margin: 60px auto;
    padding: 0 20px;
    text-align: center;
}

/* Giriş Metni */
.giris-metni {
    font-size: 18px;
    color: #666;
    max-width: 800px;
    margin: 0 auto 50px auto; /* Alttan boşluk bırak */
    line-height: 1.6;
}

/* Grid Yapısı (Kutuları dizer) */
.tedavi-grid {
    display: grid;
    /* Yan yana 3 kutu sığdır, sığmazsa alt satıra geç */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px; /* Kutular arası boşluk */
}

/* Tekil Tedavi Kutusu */
.tedavi-kutu {
    background: #fff;
    padding: 40px 30px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); /* Yumuşak gölge */
    border: 1px solid #eee;
    transition: all 0.3s ease;
    text-align: left; /* İçindeki yazılar sola yaslı */
}

/* Mouse üzerine gelince */
.tedavi-kutu:hover {
    transform: translateY(-10px); /* Yukarı kalksın */
    border-color: #007bff;        /* Çerçeve mavi olsun */
    box-shadow: 0 20px 40px rgba(0, 123, 255, 0.15); /* Gölge mavileşsin */
}

/* İkonun Kutusu */
.ikon-kutu {
    width: 60px;
    height: 60px;
    background-color: #eef6ff; /* Çok açık mavi zemin */
    color: #007bff;            /* İkon rengi mavi */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;           /* İkon boyutu */
    margin-bottom: 20px;
}

/* Başlık */
.tedavi-kutu h3 {
    font-size: 22px;
    color: #222;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
}

/* Açıklama */
.tedavi-kutu p {
    color: #666;
    line-height: 1.7;
    font-size: 15px;
    margin: 0;
}

/* --- HABERLER / BASINDA BİZ TASARIMI --- */

.haberler-bolumu {
    background-color: #fff;     /* Arka plan beyaz */
    padding: 80px 20px;
}

.haber-kapsayici {
    display: flex;
    flex-wrap: wrap;            /* Sığmazsa alta geç */
    justify-content: center;    /* Ortala */
    gap: 30px;                  /* Kartlar arası boşluk */
    max-width: 1200px;
    margin: 0 auto;
}

/* Haber Kartı */
.haber-kart {
    background: #fff;
    border: 1px solid #eee;     /* İnce gri çerçeve */
    border-radius: 12px;        /* Köşeleri yuvarla */
    overflow: hidden;           /* Resim dışarı taşmasın */
    width: 350px;               /* Kart genişliği */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: 0.3s;
    display: flex;
    flex-direction: column;     /* İçerik alt alta olsun */
}

.haber-kart:hover {
    transform: translateY(-10px);       /* Yukarı kalksın */
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    border-color: #f0a500;              /* Çerçeve sarı olsun */
}

/* Haber Görsel Alanı */
.haber-gorsel {
    height: 200px;              /* Resim yüksekliği sabit */
    background-color: #ddd;     /* Resim yoksa gri görünsün */
    position: relative;         /* Etiket için gerekli */
}

.haber-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;          /* Resmi kutuya doldur, ezme */
}

/* Kaynak Etiketi (Sağ üstteki "Sabah", "AA" yazısı) */
.kaynak-etiketi {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #007bff;  /* Mavi zemin */
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

/* Yazı Alanı */
.haber-icerik {
    padding: 25px;
    flex: 1;                    /* Alanı doldur */
    display: flex;
    flex-direction: column;
}

.haber-icerik h3 {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #222;
    margin-bottom: 10px;
    line-height: 1.4;
    font-weight: 700;
}

.haber-icerik p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;                    /* Butonu en alta itmek için */
}

/* Haberi Oku Butonu */
.haber-link {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #007bff;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    transition: 0.3s;
}

.haber-link:hover {
    background-color: #007bff;
    color: white;
}

.haber-link i {
    margin-left: 5px;           /* İkon ile yazı arası boşluk */
}
/* --- CV İNDİRME BUTONU TASARIMI --- */

/* 1. Akademik Sayfadaki Büyük Buton */
.cv-buton {
    display: inline-block;       /* Kutu gibi davran */
    margin-top: 20px;            /* Yazıdan uzaklaş */
    padding: 12px 30px;          /* İç boşluk (Buton hacmi) */
    background-color: #f0a500;   /* Altın Sarısı (Dikkat çeker) */
    color: #fff;                 /* Yazı beyaz */
    text-decoration: none;       /* Alt çizgiyi kaldır */
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    border-radius: 50px;         /* Yuvarlak kenarlar (Modern) */
    transition: 0.3s;            /* Yumuşak geçiş */
    border: 2px solid #f0a500;   /* Çerçeve */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2); /* Hafif gölge */
}

.cv-buton:hover {
    background-color: transparent; /* Arka planı boşalt */
    color: #f0a500;                /* Yazıyı sarı yap */
    transform: translateY(-3px);   /* Hafif yukarı zıplat */
}

.cv-buton i {
    margin-right: 8px;             /* İkon ile yazı arası boşluk */
}

/* 2. Anasayfadaki Hakkımda Kısmındaki Link */
.cv-link-metin {
    text-decoration: none;
    color: #007bff;                /* Mavi renk */
    font-weight: 600;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    border-bottom: 1px dashed #007bff; /* Altına kesik çizgi */
    transition: 0.3s;
}

.cv-link-metin:hover {
    color: #0056b3;                /* Koyu mavi */
    border-bottom-style: solid;    /* Çizgiyi düz yap */
}