/* --------------------------------------------------
   Global Responsive Helpers for İş Ortağım Frontend
   Bu dosya, temanın ana CSS'ine dokunmadan
   mobil uyumluluk iyileştirmeleri eklemek için kullanılır.
---------------------------------------------------*/

/* 1) Görseller ve medya elemanları ekranda taşmasın */
img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

/* 2) Genel olarak yatay scroll'u engelle */
html,
body {
  width: 100%;
  overflow-x: hidden;
}

/* 3) Container ve satır paddings – küçük ekranlarda nefes aldır */
@media (max-width: 991.98px) {
  .container,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/* 4) Tablolar – mobilde yan kaydırılabilir olsun, sayfayı bozmasın */
@media (max-width: 767.98px) {
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  thead,
  tbody {
    width: 100%;
  }
}

/* 5) Başlıklar ve section boşlukları – mobilde daha kompakt */
@media (max-width: 767.98px) {
  .top-header,
  .top-header.overlay {
    padding-top: 120px !important;
    padding-bottom: 40px !important;
    min-height: auto !important;
  }

  .top-header .heading,
  .heading {
    font-size: 26px !important;
    line-height: 1.3;
  }

  .top-header .subheading,
  .subheading {
    font-size: 14px !important;
  }

  .pb-80,
  .pb-100 {
    padding-bottom: 40px !important;
  }

  .pt-80,
  .pt-150 {
    padding-top: 40px !important;
  }
}

/* 6) Kullanıcı paneli sütunları – mobilde alt alta gelsin, aralarına boşluk girsin */
@media (max-width: 767.98px) {
  .mixcontainer #wrapper .row > [class*='col-'] {
    margin-bottom: 20px;
  }
}

/* ============================================
   TEK SATIR HEADER FIX v5 — 20 Mayıs 2026
   Düzen: [LOGO sol] [MENÜ orta] [TRY/Dil/Giriş/Hesabım sağ]
============================================ */

/* Header temel */
header#header {
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    border-bottom: none !important;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1000;
}

/* ========= MASAÜSTÜ (≥992px) ========= */
@media (min-width: 992px) {
    
    /* menu-wrap: ana flex container, tek satır */
    header#header .menu-wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-direction: row !important;
        padding: 12px 30px !important;
        border-bottom: none !important;
        gap: 30px;
        flex-wrap: nowrap !important;
    }

    /* nav-menu: logo + ana menü içeriyor, esnek genişlik */
    header#header .menu-wrap > .nav-menu {
        flex: 1 1 auto !important;
        order: 1 !important;
        border-bottom: none !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* menu1 (TRY/dil/giriş/hesabım): sağda, sabit içerik */
    header#header .menu-wrap > #menu1 {
        flex: 0 0 auto !important;
        order: 2 !important;
        border-bottom: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
    }

    /* nav-menu içini düzenle: logo sol, menü orta */
    header#header .nav-menu > .container,
    header#header .nav-menu > .container-fluid {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }

    header#header .nav-menu .row {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
    }

    /* Logo - sol tarafta */
    header#header .nav-menu .col-3,
    header#header .nav-menu .col-md-3 {
        flex: 0 0 auto !important;
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
    }

    /* Ana menü (nav#menu) - orta */
    header#header .nav-menu nav#menu,
    header#header .nav-menu .col-9,
    header#header .nav-menu .col-md-9 {
        flex: 1 1 auto !important;
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
        margin-left: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Ana menünün içindeki ul/li dizilimi */
    header#header .nav-menu .main-menu,
    header#header .nav-menu nav#menu > ul {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        gap: 20px;
        flex-wrap: nowrap !important;
    }

    /* menu1 içini düzenle - sağ tarafta yan yana */
    header#header #menu1 .container,
    header#header #menu1 .container-fluid {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        max-width: none !important;
        gap: 12px;
    }

    header#header #menu1 .row {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        flex-wrap: nowrap !important;
        gap: 12px;
    }

    header#header #menu1 .row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
    }
}

/* ========= MOBİL (<992px) — mevcut yapı korunsun ========= */
@media (max-width: 991.98px) {
    header#header .menu-wrap {
        display: block;
    }
}

/* ========= Masaüstü menü görünürlük garantisi ========= */
@media (min-width: 992px) {
    .nav-menu .main-menu,
    .nav-menu .col-9,
    .nav-menu .col-md-9,
    .nav-menu .navigation,
    #header nav#menu {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }
}