@import url("root.css");

/* ================== SWIPER SLIDER GENEL STİLLERİ ================== */

/* Takım ve Sponsor bölümleri aynı stille başladığı için tek bir blokta birleştirildi */
.team-section, 
.sponsor-section{
    padding: 50px 0 100px;
}

.sponsor-section {
    background: var(--medium-gray-color);
}

/* ================== TAKIM VE SPONSOR ÖĞELERİ STİLLERİ ================== */
.team-section .team,
.sponsor-section .sponsor {
    display: flex;
    padding: 35px;
    text-align: center;
    flex-direction: column;
    align-items: center;
}

.team-section .team .team-image,
.sponsor-section .sponsor .sponsor-image {
    width: 180px;
    height: 180px;
    object-fit: contain; /* Görseli kutuya sığdırır, kırpmaz */
    margin-bottom: 50px;
    border-radius: 20%; /* Köşe yuvarlamasını kaldırır, kare/dikdörtgen yapar */
    /* Veya border-radius: var(--border-radius-s); yapıp hafif yuvarlak bırakabilirsin. */
    padding: 10px; /* Logoyu kutunun kenarlarından biraz içeride tutar */
    background-color: var(--white-color); /* Logoya uygun, temiz bir arka plan */
}

/* Takım Üyesi Rolü ve Sponsor Adı */
.team-section .team .name,
.sponsor-section .sponsor .name {
    margin-bottom: 16px;
    font-size: var(--font-size-m);
}

/* HTML'de <i> yerine <span class="role"> kullandığımızı varsayarak stil güncellendi */
.team-section .team .role, 
.sponsor-section .sponsor .feedback {
    line-height: 25px;
    /* Gerekirse font-style: italic; eklenebilir */
}

/* ================== SWIPER NAVİGASYON STİLLERİ ================== */
.team-slider .swiper-button-next,
.team-slider .swiper-button-prev,
.sponsor-slider .swiper-button-next,
.sponsor-slider .swiper-button-prev {
    color: var(--secondary-color);
}