/* Ana Sayfa NEWS carousel */
/* --> */

.carousel-inner {
	height: 370px;
}

.modern_carousel {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    background: #fff;
}

/* Görsel Kutusu - Yüksekliği buradan sabitleyebilirsiniz */
.carousel_img_box {
    height: 280px; /* col-lg-5 için ideal yükseklik */
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
}

.carousel_link_overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 2;
}

/* Yazı Alanı - Kaymayı önleyen kritik kısım */
.carousel_caption_box {
    padding: 15px 20px 25px 20px;
    background: #fff;
    min-height: 100px; /* Başlık uzunluğuna bakmaksızın yüksekliği sabit tutar */
    display: flex;
    align-items: center;
    border-top: 1px solid #f0f0f0;
}

.carousel_title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Çok uzun başlıkları 2 satırda keser */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.carousel_title a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}

.carousel_title a:hover {
    color: #5c768d; /* Önceki tasarımlarınla uyumlu renk */
}

/* Kontrol Butonları Ayarı */
.carousel-control-prev, .carousel-control-next {
    width: 10%;
    opacity: 0.7;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* <-- */


/* Ana Sayfa Meet the Team */

/* --> */


    .planetary-section { padding: 40px 0; background: #fff; }
    .universe-wrapper {
        position: relative; width: 100%; min-height: 750px; background: #fff; overflow: hidden;
        display: flex; align-items: center; justify-content: center;
        border-radius: 12px; border: 1px solid #f0f0f0;
    }
    .universe-bg {
        position: absolute; inset: 0; display: grid;
        grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); grid-auto-rows: 50px;
        opacity: 0.1; filter: grayscale(100%);
        -webkit-mask-image: radial-gradient(circle, black 35%, transparent 90%);
        mask-image: radial-gradient(circle, black 35%, transparent 90%);
        z-index: 1; pointer-events: none;
    }
    .universe-bg img { width: 100%; height: 50px; object-fit: cover; display: block; }
    .solar-system { position: relative; z-index: 3; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
    .planet {
        position: absolute; border-radius: 50%; background: white;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        text-align: center; border: 1px solid rgba(0,74,128,0.1);
    }
    .planet b { font-size: 1.8rem; color: #004a80; line-height: 1; }
    .planet span { font-size: 0.75rem; color: #555; margin-top: 5px; font-weight: 500; padding: 0 10px; }

    /* Konumlar */
    .sun { width: 180px; height: 180px; border: 4px solid #004a80; z-index: 10; }
    .p-postdoc { width: 115px; height: 115px; transform: translate(260px, -140px); }
    .p-grad { width: 110px; height: 110px; transform: translate(-220px, -80px); }
    .p-grad-pt { width: 125px; height: 125px; transform: translate(-180px, 180px); }
    .p-ug { width: 150px; height: 150px; transform: translate(230px, 100px); }
    .p-web     { width: 100px; height: 100px; transform: translate(30px, 270px); } 
    .p-collab  { width: 110px; height: 110px; transform: translate(15px, -260px); }

    /* Bilgi Rozetleri */
    .universe-info { position: absolute; bottom: 30px; right: 30px; z-index: 5; display: flex; flex-direction: column; gap: 10px; }
    .info-badge {
        background: rgba(255,255,255,0.9); padding: 10px 20px; border-radius: 40px;
        border: 1px solid #eee; font-size: 0.9rem; text-align: right;
        box-shadow: 2px 4px 10px rgba(0,0,0,0.05); color: #444;
    }
    .info-badge b { color: #004a80; }

    /* --- DÜZELTİLEN KISIM: KOYU RENK ROZET --- */
    .info-badge.dark-mode {
        background: #004a80;
        color: white !important; /* Yazıyı beyaz yap */
        border: none;
    }
    .info-badge.dark-mode b {
        color: white !important; /* Sayıyı da beyaz yapmaya zorla */
    }
    /* ----------------------------------------- */

    @media (max-width: 768px) {
        .universe-wrapper { min-height: auto; padding: 50px 20px; }
        .solar-system { flex-direction: column; position: static; }
        .planet { position: relative; transform: none !important; margin: 15px auto; width: 150px !important; height: 150px !important; }
        .sun { width: 170px !important; height: 170px !important; }
        .universe-info { position: relative; bottom: 0; right: 0; align-items: center; margin-top: 40px; }
        .info-badge { text-align: center; width: 100%; max-width: 250px; }
    }

/* <-- */



/* people */

/* Kişi Kartı Ana Gövde */
.modern_peop_card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eee;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

.modern_peop_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
    border-color: #5c768d; /* Hacettepe mavisi/grisi */
}

/* Görsel Alanı - Portreler için 260px idealdir */
.modern_peop_resim {
    height: 260px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fcfcfc;
}

/* Orta İçerik Alanı */
.modern_peop_icerik {
    padding: 15px;
    text-align: center;
    flex-grow: 1; /* Bu özellik sayesinde Part 3 her zaman en dipte kalır */
}

.modern_peop_isim {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 4px;
}

.modern_peop_unvan {
    display: block;
    font-size: 0.85rem;
    color: #5c768d;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.modern_peop_email {
    font-size: 0.75rem;
    color: #999;
    word-break: break-all;
}

/* Alt Bilgi Alanı (Co-super, Years, Work) */
/* Alt Bilgi Alanı Konteyneri */
.modern_peop_alt {
    padding: 12px 15px;
    background: #f9f9f9;
    border-top: 1px solid #f2f2f2;
    text-align: center;
    font-size: 0.8rem;
}

/* Senin fonksiyonundan gelen divler için ek düzenleme */
.member-info-subdiv {
    line-height: 1.4;
    word-wrap: break-word;
}