/* SEM Hidrolik — mobil uyumluluk duzeltmeleri
   Tum sayfalarda yuklenir. Bootstrap 4 + custom theme uzerine override.
*/

/* 1) Resimler her zaman responsive — sabit width overflow'u engelle */
img{max-width:100%;height:auto;}

/* 2) iOS form alani zoom'unu engelle (font-size 16px altinda Safari zoom yapar) */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="number"], input[type="search"], input[type="url"],
textarea, select{
    font-size:16px !important;
}

/* 3) Touch target boyutlari — parmakla rahat dokunma (min 44x44) */
@media (max-width: 768px){
    .btn, button, .custom-btn, a.btn-text, input[type="submit"], input[type="button"]{
        min-height:44px;
    }
    nav li a, .navigation a{
        padding-top:10px;
        padding-bottom:10px;
    }
    /* Footer linkleri tiklanabilir alan */
    footer a{
        display:inline-block;
        padding:3px 0;
    }
}

/* 4) Header'da fixed position container'da taşma engeli */
@media (max-width: 992px){
    .reletiv_box, .container{
        padding-left:15px;
        padding-right:15px;
    }
    /* Menü mobilde alttan gelsin, sabit 30vh max genişlik */
    .nav-wrap .navigation ul{
        background:rgba(0,0,0,0.92);
    }
    .nav-wrap .navigation ul li a{
        color:#fff !important;
        border-bottom:1px solid rgba(255,255,255,0.08);
    }
}

/* 5) Body taşmayı engelle — modal overflow sorunlari icin */
html, body{
    overflow-x:hidden;
    max-width:100%;
}

/* 6) Tablo responsive — uzun tabloların scroll ile hareketi */
@media (max-width: 768px){
    .kvkk-wrap table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
}

/* 7) Video banner mobilde görünür yükseklik */
.main-banner video{
    width:100%;
    height:auto;
    display:block;
}

/* 8) WhatsApp butonunu küçük ekranda alt ortaya çekme (sol ayak takılmasını önle) */
@media (max-width: 380px){
    .sem-wa-btn{
        left:12px;
        bottom:12px;
    }
}

/* 9) KVKK wrap sayfaları mobilde kenar boşluk */
@media (max-width: 768px){
    .kvkk-wrap{
        padding:0 16px !important;
        margin:20px auto 40px !important;
    }
    .kvkk-wrap h1{
        font-size:1.5rem !important;
    }
    .kvkk-wrap h2{
        font-size:1.1rem !important;
    }
}

/* 10) Ust bar telefonda daha kompakt — gereksiz wrap'lari kaldir */
@media (max-width: 768px){
    #top-bar .top_loction ul{
        padding:0;
        margin:0;
        text-align:center;
    }
    #top-bar .top_loction li{
        display:inline-block;
        margin:0 8px;
    }
}

/* 11) Iletisim form alan genişliği */
@media (max-width: 768px){
    .contact-form .form-field{
        margin-bottom:12px;
    }
}

/* 12) Dil secici dizisi */
.sem-lang a{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}