/* Ana CSS dosyanıza ekleyin */
@media (max-width: 767px) {
    .hero-wrapper.hero-1 {
        background-size: cover;
        background-position: center;
        height: auto;
        min-height: 500px; /* İhtiyaca göre ayarlayabilirsiniz */
    }

    .hero-thumb img {
        width: 100%;
        height: auto;
        object-fit: contain;
        max-width: 100%;
    }
}

/* updated_css.css dosyanıza ekleyin */
.sec-text {
    text-transform: none !important; /* Otomatik büyük harfe çevirmeyi engeller */
}

/* Veya spesifik olarak Türkçe karakterler için */
.sec-text:lang(tr) {
    font-family: Arial, sans-serif !important; /* Türkçe karakter desteği olan font */
}

/* Türkçe karakter düzeltmesi */
/*.sec-text,*/
/*.hero-title,*/
/*.feature-card_text,*/
/*p {*/
/*    text-transform: none !important;*/
/*}*/

/*!* Hero alanını mobil cihazlarda düzenleme *!*/
/*@media (max-width: 767px) {*/
/*    .hero-wrapper.hero-1 {*/
/*        height: auto;*/
/*        min-height: 480px;*/
/*        background-size: 100% auto;*/
/*        background-position: top center;*/
/*        padding-bottom: 130px;*/
/*        position: relative;*/
/*    }*/

/*    .hero-wrapper.hero-1 .hero-title {*/
/*        font-size: 30px;*/
/*        margin-top: 10px;*/
/*    }*/

/*    .hero-wrapper.hero-1 .container {*/
/*        padding-top: 20px;*/
/*    }*/

/*    .hero-wrapper.hero-1 .hero-thumb {*/
/*        position: absolute;*/
/*        bottom: 0;*/
/*        left: 0;*/
/*        width: 100%;*/
/*    }*/

/*    .hero-wrapper.hero-1 .hero-thumb img {*/
/*        max-width: 100%;*/
/*        height: auto;*/
/*    }*/
/*}*/

/* Header Responsive Fixes - 11.09.2025 */
.mobile-menu-wrapper .mobile-logo {
    min-height: 60px;
}

.mobile-menu-wrapper .mobile-logo a {
    display: flex;
    align-items: center;
}

/* Header Logo Area Responsive Improvements */
@media (max-width: 1399px) {
    .main-menu > ul > li {
        margin: 0 20px;
    }
    
    .main-menu > ul > li > a {
        padding: 28px 0;
        font-size: 17px;
    }
}

@media (max-width: 1199px) {
    .main-menu > ul > li {
        margin: 0 15px;
    }
    
    .main-menu > ul > li > a {
        padding: 25px 0;
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .header-top {
        display: none;
    }
    
    .sticky-wrapper .menu-area {
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
}

/* Mobile Menu Vertical Alignment */
@media (max-width: 767px) {
    .mobile-menu-wrapper .mobile-header-top {
        margin-bottom: 20px;
    }
    
    .mobile-menu-wrapper .mobile-logo {
        padding: 12px 10px;
    }
    
    .mobile-menu-wrapper .mobile-logo button {
        transition: transform 0.2s ease;
    }
    
    .mobile-menu-wrapper .mobile-logo button:hover {
        transform: scale(1.1);
    }
}

/* Slider ve About Area Responsive Fixes - 11.09.2025 18:00 */
/* About area'yı mobile'de gizle */
@media (max-width: 991px) {
    .about-area-1.space-bottom {
        display: none !important;
    }
}

/* Desktop slider orijinal hali restore - 11.09.2025 19:35 */
@media (min-width: 992px) {
    /* Orijinal desktop davranış - header altında başlasın */
    .optimized-slider-container {
        margin-top: var(--header-h, 140px) !important;
    }
    
    /* Orijinal yükseklik kuralları */
    .optimized-slider {
        height: clamp(360px, calc(100svh - var(--header-h, 140px)), 683px) !important;
        max-height: 683px !important;
    }
    
    /* Desktop'ta cover olsun */
    .slide-image {
        object-fit: cover !important;
        object-position: center center !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .optimized-slider {
        height: clamp(500px, 70vh, 700px) !important;
    }
}

/* Mobile Slider Fix - Container ve Siyah Şerit - 11.09.2025 19:40 */
@media (max-width: 767px) {
    /* Container üst boşluk düzeltmesi */
    .optimized-slider-container {
        margin-top: 80px !important; /* Üst boşluk azaltıldı */
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Siyah şerit sorunu çözümü */
    .slide-image-container {
        background: transparent !important; /* Siyah arka planı kaldır */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .slide-image {
        object-fit: cover !important; /* Tam doldur, siyah şerit gider */
        width: 100% !important;
        height: 100% !important;
    }
    
    .slide-content {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
    }
    
    .slide-content .container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .slide-text {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 576px) {
    /* Küçük mobilde container boşluk */
    .optimized-slider-container {
        margin-top: 70px !important; /* Daha az boşluk */
    }
    
    /* Siyah şerit küçük mobilde */
    .slide-image-container {
        background: transparent !important;
    }
    
    .slide-image {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .slide-content {
        height: 100% !important;
        max-height: 180px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    
    .optimized-slider {
        height: 180px !important;
        position: relative !important;
    }
}

/* Mobile Slider sonrası boşluk temizleme - 11.09.2025 19:00 */
@media (max-width: 767px) {
    /* Slider container altındaki boşluk */
    .optimized-slider-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Service feature area spacing */
    .service-feature-area {
        padding-top: 0 !important;
        padding-bottom: 0 !important; 
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Service area'daki space class'ını override et */
    .service-area-1.space {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        margin-top: 0 !important;
    }
    
    /* About area zaten gizli ama emin olalım */
    .about-area-1 {
        display: none !important;
    }
}