/*
 * Bootstrap 3 -> 5 köprü (parite katmanı).
 * Tema BS3.3.7 grid + navbar + utility'lerine sıkı bağlı. Bu dosya BS5'ten SONRA,
 * tema CSS'inden ÖNCE yüklenir; markup değişmeden BS3 davranışını geri verir.
 * Tema mobil/desktop sınırı = 992px.
 */

/* ---- Global reset (kullanıcı talebi). Tema CSS'i bundan sonra yüklenir, özel değerleri override eder. ---- */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
ul, li { padding: 0; }

/* ---- Container (BS3 genişlikleri) ---- */
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: none; width: auto; }
@media (min-width: 768px)  { .container { width: 750px; } }
@media (min-width: 992px)  { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: none; }

/* ---- Row + grid (BS3 float, 15px gutter) ---- */
.row { margin-left: -15px; margin-right: -15px; display: block; }
.row::before, .row::after { content: " "; display: table; }
.row::after { clear: both; }

/* Tüm kolonlar: konum + padding (float/width breakpoint'e göre aşağıda) */
[class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"] {
  position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; max-width: none; flex: none;
}
/* col-xs: her zaman float + width (BS3) */
[class*="col-xs-"] { float: left; }
.col-xs-1{width:8.33333333%}.col-xs-2{width:16.66666667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333%}.col-xs-5{width:41.66666667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333333%}.col-xs-8{width:66.66666667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333%}.col-xs-11{width:91.66666667%}.col-xs-12{width:100%}
/* col-sm/md/lg: breakpoint ALTINDA stack (block, full width); ÜSTÜNDE float + width */
@media (min-width: 768px) {
  [class*="col-sm-"] { float: left; }
  .col-sm-1{width:8.33333333%}.col-sm-2{width:16.66666667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333%}.col-sm-5{width:41.66666667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333333%}.col-sm-8{width:66.66666667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333%}.col-sm-11{width:91.66666667%}.col-sm-12{width:100%}
}
@media (min-width: 992px) {
  [class*="col-md-"] { float: left; }
  .col-md-1{width:8.33333333%}.col-md-2{width:16.66666667%}.col-md-3{width:25%}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-6{width:50%}.col-md-7{width:58.33333333%}.col-md-8{width:66.66666667%}.col-md-9{width:75%}.col-md-10{width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-12{width:100%}
}
@media (min-width: 1200px) {
  [class*="col-lg-"] { float: left; }
  .col-lg-1{width:8.33333333%}.col-lg-2{width:16.66666667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333%}.col-lg-5{width:41.66666667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333333%}.col-lg-8{width:66.66666667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333%}.col-lg-11{width:91.66666667%}.col-lg-12{width:100%}
}

/* ---- Navbar (BS3 davranışı; BS5 flex/collapse defaultlarını geri al) ---- */
.navbar { position: relative; display: block; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; padding: 0; }
.navbar::before, .navbar::after { content: " "; display: table; }
.navbar::after { clear: both; }
.navbar-header { display: block; }

.nav { display: block; flex-direction: row; flex-wrap: nowrap; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; }
.nav::before, .nav::after { content: " "; display: table; }
.nav::after { clear: both; }
.navbar-nav { display: block; flex-direction: row; margin: 0; }
.navbar-right { float: right !important; }

/* Hamburger (BS5'te .icon-bar stili yok — BS3'ten geri getir). Mobilde görünür, desktop'ta gizli. */
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin: 8px 15px 8px 0; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; display: block; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.navbar-toggle .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* Desktop (>=992): tema flex düzeni — logo sol, menü sağ, height:100% zinciri, search-area inline */
@media (min-width: 992px) {
  .navbar-header { float: left; }
  .navbar-collapse { width: auto; display: block !important; height: auto !important; padding-left: 0; padding-right: 0; overflow: visible !important; }
  .navbar-collapse.collapse { display: block !important; }
  .navbar-nav { float: left; }
  .navbar-nav > li { float: left; }
  .navbar-toggle { display: none; }
  .navbar-area .navbar-collapse { display: flex !important; align-items: center; justify-content: flex-end; }
  .navbar-area ul.menu.navbar-nav { display: flex; flex-direction: row; align-items: center; float: none; margin-right: 0; }
  .navbar-area ul.menu.navbar-nav > li { float: none; }
}

/* ---- Utility (BS3 isimleri) ---- */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.clearfix::before, .clearfix::after { content: " "; display: table; }
.clearfix::after { clear: both; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }