/**
 * Team Section Mobile Fix V2
 * Mobil görünümü optimize et
 */

/* Mobil cihazlarda team kartları için düzenleme */
@media (max-width: 767px) {
    /* Team bölümü genel düzenleme */
    .team {
        padding: 60px 0;
        background: #f8f9fa !important;
    }
    
    /* Başlık container'ı ortalama - Bootstrap override */
    .team .col-xl-6.mt-30 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    
    /* Team wrap düzenleme */
    .team-wrap {
        position: relative;
    }
    
    /* Row düzenlemesi başlık için */
    .team-wrap > .row:first-child {
        justify-content: center;
    }
    
    /* Başlık düzenlemesi - Ortalanmış */
    .team .sec-title {
        text-align: center !important;
        margin-bottom: 40px;
        width: 100%;
    }
    
    .team .sec-title h2 {
        font-size: 28px;
        line-height: 1.3;
        margin-bottom: 15px;
        text-align: center !important;
    }
    
    .team .sec-title p {
        text-align: center !important;
        color: #6c757d;
        font-size: 15px;
    }
    
    /* Grid yapısını mobilde tek kolon yap */
    .team .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .team .col-lg-3,
    .team .col-md-6,
    .team .col-sm-6 {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    
    /* Team kartları mobilde tam genişlik ve sabit yükseklik */
    .xb-team {
        margin-bottom: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        min-height: 140px;
    }
    
    /* text-center class'ını override et mobilde */
    .xb-team.text-center {
        text-align: left !important;
    }
    
    /* Team item düzenlemesi - Sabit yükseklik ve düzen */
    .xb-team .xb-item--inner {
        padding: 20px;
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        text-align: left !important;
        min-height: 140px;
        height: 100%;
        gap: 15px;
    }
    
    /* Holder'ı da sola hizala */
    .xb-team .xb-item--holder {
        text-align: left !important;
        flex: 1;
    }
    
    /* Avatar düzenlemesi - Yatay düzen için */
    .xb-team .xb-item--img {
        width: 80px;
        height: 80px;
        min-width: 80px;
        margin: 0;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid #f0f0f0;
        flex-shrink: 0;
    }
    
    .xb-team .xb-item--img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* İçerik kısmı */
    .xb-team .xb-item--content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    /* İsim ve pozisyon düzenlemesi */
    .xb-team .xb-item--name {
        font-size: 17px;
        font-weight: 600;
        color: #2c3e50;
        margin-bottom: 3px;
        line-height: 1.3;
    }
    
    .xb-team .xb-item--designation {
        font-size: 13px;
        color: #7f8c8d;
        margin-bottom: 8px;
        line-height: 1.4;
    }
    
    /* Sosyal medya ikonları - Küçültülmüş */
    .xb-team .xb-item--social {
        display: flex !important;
        gap: 6px;
        justify-content: flex-start !important;
        margin-top: 5px;
        padding: 0;
        list-style: none;
    }
    
    .xb-team .xb-item--social li {
        display: inline-flex;
        margin: 0;
    }
    
    .xb-team .xb-item--social a {
        width: 28px;
        height: 28px;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f8f9fa;
        border-radius: 6px;
        color: #6c757d;
        transition: all 0.2s ease;
        font-size: 12px;
        text-decoration: none;
    }
    
    .xb-team .xb-item--social a:hover,
    .xb-team .xb-item--social a:active {
        background: #4A90E2;
        color: #fff;
        transform: scale(1.1);
    }
}

/* Tablet görünümü için düzenleme */
@media (min-width: 768px) and (max-width: 991px) {
    /* Başlık ortalama */
    .team .col-xl-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .team .sec-title {
        text-align: center;
        margin-bottom: 50px;
    }
    
    .team .sec-title h2,
    .team .sec-title p {
        text-align: center;
    }
    
    .team .col-md-6 {
        margin-bottom: 30px;
    }
    
    .xb-team {
        max-width: 100%;
    }
    
    .xb-team .xb-item--inner {
        padding: 25px;
    }
    
    .xb-team .xb-item--img {
        width: 140px;
        height: 140px;
    }
}

/* Çok küçük ekranlar için (360px ve altı) */
@media (max-width: 360px) {
    .xb-team .xb-item--inner {
        padding: 15px;
        min-height: 120px;
    }
    
    .xb-team .xb-item--img {
        width: 65px;
        height: 65px;
        min-width: 65px;
    }
    
    .xb-team .xb-item--name {
        font-size: 15px;
    }
    
    .xb-team .xb-item--designation {
        font-size: 12px;
    }
    
    .xb-team .xb-item--social a {
        width: 25px;
        height: 25px;
        font-size: 11px;
    }
}

/* Tüm team kartlarının eşit yükseklikte olması için */
@media (max-width: 767px) {
    .team .row {
        display: flex;
        flex-direction: column;
    }
    
    .team .col-lg-3,
    .team .col-md-6,
    .team .col-sm-6 {
        display: flex;
        flex-direction: column;
    }
    
    .xb-team {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    
    .xb-team .xb-item--inner {
        flex: 1;
    }
}

/* Swiper slider varsa düzenleme */
.team-slider-container {
    padding: 0 15px;
}

@media (max-width: 767px) {
    .team-slider-container .swiper-slide {
        height: auto;
    }
    
    .team-slider-container .swiper-pagination {
        position: relative;
        margin-top: 30px;
    }
}