/* Ekibimiz Sayfası CSS - e- prefix ile sınıf isimleri */
:root {
    --e-primary-color: #229c0a;
    --e-dark-bg: #0a0a0a;
    --e-text-light: #ffffff;
    --e-text-secondary: #ababab;
    --e-card-bg: #141414;
    --e-card-hover: #1d1d1d;
    --e-spacing-sm: 15px;
    --e-spacing-md: 30px;
    --e-spacing-lg: 60px;
}
/* Genel Stiller */
.e-main {
    background-color: black;
    color: var(--e-text-light);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding-bottom: var(--e-spacing-lg);
}
.e-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 var(--e-spacing-md);
}
/* Başlık ve Açıklama */
.e-section-title {
    font-size: 3rem;
    font-weight: 800;
    text-align: center;
    margin-top: 150px;
    margin-bottom: var(--e-spacing-sm);
    color: var(--e-text-light);
}
.e-section-description {
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
    max-width: 800px;
    margin: 0 auto var(--e-spacing-lg);
    color: var(--e-text-secondary);
}
/* Ekip Grid Yapısı */
.e-team-grid {
    display: grid;
    height:1800px;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--e-spacing-md);
    margin-bottom: var(--e-spacing-lg);
}
.e-team-member {
    background-color: transparent;
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.3s ease, background-color 0.3s ease;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid rgba(34, 156, 10, 0.125);
}
.e-team-member:hover {
    transform: translateY(-5px);
    background-color: var(--e-card-hover);
}
.e-member-image {
    width: 100%;
    height: 240px;
    overflow: hidden;
}
.e-member-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.e-team-member:hover .e-member-image img {
    transform: scale(1.05);
}
.e-member-name {
    padding: 15px 20px 0;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--e-text-light);
}
.e-member-title {
    color: #229c0a;
    font-size: 17px;
    font-weight: 500;
}
.e-member-description {
    padding: 0 20px;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--e-text-secondary);
    flex-grow: 1; /* Boş alanı doldurması için */
}
/* Sosyal Medya Bağlantıları */
.e-social-links-container {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
    margin-top: auto; /* Önemli: Bu alttaki öğeyi kartın altına yapıştırır */
}
.e-social-links {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.e-social-link {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--e-text-light);
    transition: background-color 0.3s ease;
    text-decoration: none;
}
.e-social-link a:hover{
    color:#229c0a
}
/* İkonların ortalanması için düzeltilmiş CSS */
.e-icon-linkedin::before,
.e-icon-twitter::before,
.e-icon-github::before {
    content: "";
    display: block; /* inline-block yerine block kullanın */
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto; /* Ek olarak margin auto ekleyin */
}
.e-icon-linkedin::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z"/></svg>');
}
.e-icon-twitter::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"/></svg>');
}
.e-icon-github::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 1.27a11 11 0 00-3.48 21.46c.55.09.73-.24.73-.53v-1.85c-3.03.66-3.67-1.45-3.67-1.45-.55-1.29-1.28-1.65-1.28-1.65-1.06-.72.08-.7.08-.7 1.17.08 1.79 1.2 1.79 1.2 1.04 1.78 2.75 1.26 3.42.96.1-.76.4-1.27.75-1.57-2.6-.3-5.33-1.3-5.33-5.79 0-1.28.46-2.32 1.2-3.14-.12-.3-.52-1.48.12-3.07 0 0 .96-.31 3.16 1.18.92-.26 1.9-.38 2.87-.39.96 0 1.94.13 2.87.39 2.17-1.49 3.13-1.18 3.13-1.18.64 1.59.24 2.77.12 3.07.74.82 1.2 1.86 1.2 3.14 0 4.5-2.74 5.49-5.34 5.78.42.36.81 1.1.81 2.22v3.29c0 .29.18.63.74.52A11 11 0 0012 1.27"/></svg>');
}
/* Responsive Tasarım */
@media screen and (max-width: 992px) {
    .e-team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 768px) {
    .e-section-title {
        font-size: 3rem;
        line-height: 50px;
    }
    
    .e-section-description {
        font-size: 1rem;
    }
}
@media screen and (max-width: 576px) {
    .e-team-grid {
        height: 5000px;
        grid-template-columns: 1fr;
    }
    
    .e-member-image {
        height: 280px;
    }
    
    .e-spacing-lg {
        --e-spacing-lg: 40px;
    }
    
    .e-spacing-md {
        --e-spacing-md: 20px;
    }
}
/* Son satır için düzenleme */
.e-last-row {
    grid-column: 1 / 2;
}
@media screen and (min-width: 993px) {
    .e-team-grid {
        grid-template-rows: repeat(5, auto);
    }
}