/* ==========================================================================
   sazbambudekor — OpenCart uyum katmanı
   --------------------------------------------------------------------------
   NEDEN VAR: Bu tema Tailwind çıktısı (theme.css) kullanır ve Bootstrap 3
   YÜKLENMEZ — Bootstrap'in reset'i Tailwind preflight ile çakışır ve 120 KB
   çakışan kural getirir. Ancak OpenCart'ın tasarımı yapılmamış bazı sayfaları
   (affiliate, bazı hesap alt sayfaları, ödeme eklentileri) hâlâ Bootstrap
   sınıfları basar. Bu dosya o sınıflara temanın diliyle ASGARİ görünüm verir:
   sayfa çirkin görünmez, ama daha önemlisi KULLANILABİLİR kalır.

   Bu dosya theme.css'ten ÖNCE yüklenir — tema sınıfları her zaman kazanır.
   Sınıf adları OpenCart'ın kendi sınıflarıdır; tema sınıfı EKLEMEYİN buraya.
   ========================================================================== */

/* ---------- Izgara (Bootstrap 3 col-*) ---------- */
.container, .container-fluid { width: 100%; margin: 0 auto; padding-left: 1rem; padding-right: 1rem; }
.container { max-width: 1280px; }
.row { display: flex; flex-wrap: wrap; margin-left: -0.75rem; margin-right: -0.75rem; }
.row > [class*="col-"] { padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; }
/* col-xs-* Bootstrap 3'te medya sorgusuz, HER genişlikte geçerlidir. Üstteki
   width:100% varsayılanı col-xs-12'yi zaten karşılıyor ama col-xs-6 gibi
   bölmeleri EZERDİ — bu yüzden burada, medya sorgusunun dışında tanımlı.
   (Varsayılan tema klonlarındaki ödeme/eklenti şablonları bunları kullanıyor.) */
.col-xs-1{width:8.3333%}.col-xs-2{width:16.6667%}.col-xs-3{width:25%}.col-xs-4{width:33.3333%}
.col-xs-5{width:41.6667%}.col-xs-6{width:50%}.col-xs-7{width:58.3333%}.col-xs-8{width:66.6667%}
.col-xs-9{width:75%}.col-xs-10{width:83.3333%}.col-xs-11{width:91.6667%}.col-xs-12{width:100%}
/* Bootstrap 4 yazımı (col-6) — bazı ödeme eklentisi şablonları bunu kullanıyor. */
.col-1{width:8.3333%}.col-2{width:16.6667%}.col-3{width:25%}.col-4{width:33.3333%}
.col-5{width:41.6667%}.col-6{width:50%}.col-7{width:58.3333%}.col-8{width:66.6667%}
.col-9{width:75%}.col-10{width:83.3333%}.col-11{width:91.6667%}.col-12{width:100%}
.my-1{margin-top:.25rem;margin-bottom:.25rem}
@media (min-width: 768px) {
  .col-sm-1{width:8.3333%}.col-sm-2{width:16.6667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333%}
  .col-sm-5{width:41.6667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333%}.col-sm-8{width:66.6667%}
  .col-sm-9{width:75%}.col-sm-10{width:83.3333%}.col-sm-11{width:91.6667%}.col-sm-12{width:100%}
  /* Ofset: ödeme onay sayfalarındaki "Onayla" düğmeleri sağa yaslanmak için kullanıyor.
     Tanımsızken düğme sola kayıyordu. */
  .col-sm-offset-1{margin-left:8.3333%}.col-sm-offset-2{margin-left:16.6667%}
  .col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.3333%}
  .col-sm-offset-6{margin-left:50%}.col-sm-offset-8{margin-left:66.6667%}
  .col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.3333%}
}
@media (min-width: 992px) {
  .col-md-1{width:8.3333%}.col-md-2{width:16.6667%}.col-md-3{width:25%}.col-md-4{width:33.3333%}
  .col-md-5{width:41.6667%}.col-md-6{width:50%}.col-md-7{width:58.3333%}.col-md-8{width:66.6667%}
  .col-md-9{width:75%}.col-md-10{width:83.3333%}.col-md-11{width:91.6667%}.col-md-12{width:100%}
}
@media (min-width: 1200px) {
  .col-lg-2{width:16.6667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333%}
  .col-lg-6{width:50%}.col-lg-8{width:66.6667%}.col-lg-9{width:75%}.col-lg-12{width:100%}
}

/* ---------- Form öğeleri ---------- */
.form-control {
  display: block; width: 100%; padding: 0.55rem 0.85rem; font-size: 0.9rem; line-height: 1.5;
  color: #1c2517; background-color: #fff; border: 1px solid #d6d9d0; border-radius: 0.6rem;
  transition: border-color .15s, box-shadow .15s;
}
.form-control:focus { outline: 0; border-color: #65a30d; box-shadow: 0 0 0 3px rgba(101,163,13,.15); }
.form-group { margin-bottom: 1rem; }
.control-label { display: inline-block; margin-bottom: .35rem; font-weight: 600; font-size: .85rem; color: #3f4a35; }
.form-horizontal .control-label { padding-top: .55rem; }
label { font-weight: 500; }
select.form-control { appearance: auto; }
textarea.form-control { min-height: 7rem; }
.input-group { display: flex; }
.input-group .form-control { border-radius: .6rem 0 0 .6rem; }
.input-group-btn .btn { border-radius: 0 .6rem .6rem 0; }
.radio, .checkbox { margin: .35rem 0; }
.required .control-label:after, .required > label:after { content: " *"; color: #dc2626; }
.help-block { font-size: .8rem; color: #6b7563; margin-top: .3rem; }

/* ---------- Düğmeler ---------- */
.btn {
  display: inline-flex; align-items: center; gap: .45rem; justify-content: center;
  padding: .6rem 1.1rem; font-size: .875rem; font-weight: 600; line-height: 1.2;
  border: 1px solid transparent; border-radius: .7rem; cursor: pointer;
  text-decoration: none; transition: background-color .15s, color .15s, border-color .15s;
}
.btn:hover, .btn:focus { text-decoration: none; }
.btn-primary { background: #4d7c0f; color: #fff; }
.btn-primary:hover { background: #3f6212; color: #fff; }
.btn-default { background: #f2f4ef; color: #3f4a35; border-color: #d6d9d0; }
.btn-default:hover { background: #e6e9e1; color: #1c2517; }
.btn-danger { background: #dc2626; color: #fff; }
.btn-danger:hover { background: #b91c1c; color: #fff; }
.btn-warning { background: #d97706; color: #fff; }
.btn-success { background: #15803d; color: #fff; }
.btn-info { background: #0e7490; color: #fff; }
.btn-link { background: none; color: #4d7c0f; text-decoration: underline; }
.btn-block { display: flex; width: 100%; }
.btn-xs { padding: .3rem .55rem; font-size: .75rem; }
.btn-sm { padding: .45rem .8rem; font-size: .8rem; }
.btn-lg { padding: .8rem 1.5rem; font-size: 1rem; }
.btn[disabled], .btn.disabled { opacity: .55; cursor: not-allowed; }

/* ---------- Paneller / kutular ---------- */
.panel { background: #fff; border: 1px solid #e6e9e1; border-radius: .9rem; margin-bottom: 1.25rem; overflow: hidden; }
.panel-heading { padding: .85rem 1.1rem; border-bottom: 1px solid #e6e9e1; background: #f7f9f4; }
.panel-title { margin: 0; font-size: .95rem; font-weight: 700; color: #1c2517; }
.panel-body { padding: 1.1rem; }
.panel-footer { padding: .85rem 1.1rem; border-top: 1px solid #e6e9e1; background: #f7f9f4; }
.well { background: #f7f9f4; border: 1px solid #e6e9e1; border-radius: .9rem; padding: 1.1rem; }
.thumbnail { display: block; border: 1px solid #e6e9e1; border-radius: .7rem; padding: .35rem; background: #fff; }

/* ---------- Uyarılar ---------- */
.alert { padding: .8rem 1rem; border-radius: .7rem; margin-bottom: 1rem; border: 1px solid transparent; font-size: .875rem; }
.alert-success { background: #eaf7ee; border-color: #b7e3c4; color: #14532d; }
.alert-danger  { background: #fdeeee; border-color: #f5c2c2; color: #7f1d1d; }
.alert-warning { background: #fdf5e6; border-color: #f3ddb0; color: #78350f; }
.alert-info    { background: #eaf4f7; border-color: #b6dce8; color: #0c4a6e; }
.text-danger { color: #b91c1c; font-size: .8rem; }
.text-success { color: #15803d; }
.text-muted { color: #6b7563; }

/* ---------- Tablolar ---------- */
.table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; font-size: .875rem; }
.table > thead > tr > th { text-align: left; padding: .7rem .8rem; border-bottom: 2px solid #e6e9e1; font-weight: 700; color: #3f4a35; }
.table > tbody > tr > td { padding: .7rem .8rem; border-bottom: 1px solid #eef1ea; vertical-align: middle; }
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > thead > tr > th { border: 1px solid #e6e9e1; }
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-striped > tbody > tr:nth-child(odd) { background: #fafbf8; }

/* ---------- Liste / sekme / sayfalama ---------- */
.list-group { border: 1px solid #e6e9e1; border-radius: .8rem; overflow: hidden; }
.list-group-item { display: block; padding: .7rem 1rem; border-bottom: 1px solid #eef1ea; color: #3f4a35; text-decoration: none; }
.list-group-item:last-child { border-bottom: 0; }
.list-group-item:hover { background: #f7f9f4; }
.nav-tabs { display: flex; flex-wrap: wrap; gap: .25rem; list-style: none; padding: 0; margin: 0 0 1rem; border-bottom: 1px solid #e6e9e1; }
.nav-tabs > li > a { display: block; padding: .6rem 1rem; color: #6b7563; text-decoration: none; border-radius: .6rem .6rem 0 0; }
.nav-tabs > li.active > a { color: #3f6212; background: #fff; border: 1px solid #e6e9e1; border-bottom-color: #fff; margin-bottom: -1px; }
.tab-content > .tab-pane { display: none; }
.tab-content > .tab-pane.active { display: block; }
.pagination { display: flex; gap: .3rem; list-style: none; padding: 0; margin: 1rem 0; flex-wrap: wrap; }
.pagination > li > a, .pagination > li > span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; height: 2.25rem; padding: 0 .5rem; border: 1px solid #e6e9e1; border-radius: .55rem; color: #3f4a35; text-decoration: none; font-size: .85rem; }
.pagination > li.active > span { background: #4d7c0f; border-color: #4d7c0f; color: #fff; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; padding: 0; margin: 0 0 1rem; font-size: .8rem; color: #6b7563; }
.breadcrumb > li + li:before { content: "/"; margin-right: .4rem; color: #b6bcae; }
.breadcrumb a { color: #6b7563; text-decoration: none; }

/* ---------- Yardımcılar ---------- */
.pull-right { float: right; }
.pull-left { float: left; }
.clearfix:after { content: ""; display: table; clear: both; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.img-responsive, .img-thumbnail { max-width: 100%; height: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.close { background: none; border: 0; font-size: 1.3rem; line-height: 1; opacity: .5; cursor: pointer; }
.close:hover { opacity: 1; }
.badge, .label { display: inline-block; padding: .18rem .5rem; border-radius: 999px; font-size: .7rem; font-weight: 700; background: #e6e9e1; color: #3f4a35; }
.dropdown-menu { position: absolute; z-index: 60; min-width: 10rem; background: #fff; border: 1px solid #e6e9e1; border-radius: .7rem; padding: .35rem; list-style: none; box-shadow: 0 12px 30px rgba(0,0,0,.08); display: none; }
.open > .dropdown-menu { display: block; }
.dropdown-menu > li > a, .dropdown-menu button { display: block; width: 100%; text-align: left; padding: .5rem .7rem; border: 0; background: none; border-radius: .5rem; color: #3f4a35; text-decoration: none; font-size: .85rem; cursor: pointer; }
.dropdown-menu > li > a:hover, .dropdown-menu button:hover { background: #f2f4ef; }