.page-header {
    margin-top: 80px !important;
}


/* =====================================================
   BOOTSTRAP 3 → BOOTSTRAP 5 FORM & TAB UYUMLULUK KATMANI
   Scope: OpenCart Admin Content
===================================================== */

#content .form-horizontal .form-group {
    margin-bottom: -15px;
}

#content .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    font-weight: 600;
    padding-right: 20px;
}

/* Grid uyumu (col-sm-*) */
@media (min-width: 768px) {
    #content .form-horizontal .col-sm-1  { width: 8.33333333%;  float: left; }
    #content .col-sm-2 { width: 16.66666667%; float: left; }
    #content .col-sm-3 { width: 25%; float: left; }
    #content .col-sm-4 { width: 33.33333333%; float: left; }
    #content .form-horizontal .col-sm-5  { width: 41.66666667%; float: left; }
    #content .col-sm-6 { width: 50%; float: left; }
    #content .form-horizontal .col-sm-7  { width: 58.33333333%; float: left; }
    #content .col-sm-8 { width: 66.66666667%; float: left; }
    #content .form-horizontal .col-sm-9  { width: 75%; float: left; }
    #content .col-sm-10 { width: 83.33333333%; float: left; }
    #content .form-horizontal .col-sm-11 { width: 91.66666667%; float: left; }

}

/* clearfix */
#content .form-group::after {
    content: "";
    display: table;
    clear: both;
}

/* Inputs */


/* Checkbox & radio */
#content .checkbox label,
#content .radio label {
    font-weight: normal;
}

/* Panels (Bootstrap 3 panel → BS5 uyumu) */
#content .panel {
    border: 1px solid #ddd;
    border-radius: 4px;
   
}

#content .panel-heading {
    padding: 10px 15px;
    border-bottom: none;
    font-weight: 600;
}

#content .panel-title {
    margin: 0;
    font-size: 14px;
}

.tab-content .tab-pane {
 border : none !important;   
}

/* =======================
   NAV TABS (KRİTİK KISIM)
======================= */

#content .nav-tabs {
    border-bottom: 1px solid #ddd;
}

#content .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

#content .nav-tabs > li > a {
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #969ea5;
    text-decoration: none;
}

#content .nav-tabs > li.active > a,
#content .nav-tabs > li.active > a:hover,
#content .nav-tabs > li.active > a:focus {
    color: #555;
    
}

/* Tab content */
#content .tab-content > .tab-pane {
    display: none;
}

#content .tab-content > .active {
    display: block;
}

/* Tables */
#content .table {
    width: 100%;
    margin-bottom: 20px;
        margin-top: 20px;
}

/* Alerts */
#content .alert {
    padding: 10px 15px;
    border-radius: 4px;
}

/* Buttons (bs3 hissi) */
#content .btn {
    border-radius: 4px;
    font-size: 13px;
}

/* Well */
#content .well {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
}

/* Image thumbnail */
#content .img-thumbnail {
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
}


/* =========================================
   OPENCART ADMIN - LANGUAGE TABS FIX
   Sadece #language alanını etkiler
========================================= */

#content #language.nav-tabs {
    border-bottom: none;
    margin-bottom: 15px;
    display: flex;
    margin-top: 20px;
    gap: 5px;
}

#content #language.nav-tabs > li {
    float: none;
    margin-bottom: 0;
}

#content #language.nav-tabs > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #f8f9fa;
    color: #333;
    font-weight: 500;
    transition: all 0.2s ease;
}

#content #language.nav-tabs > li > a img {
    width: 22px;
    height: auto;
    display: inline-block;
}

#content #language.nav-tabs > li > a:hover {
    background: #e9ecef;
    border-color: #ddd;
    text-decoration: none;
}

/* AKTİF DİL */
#content #language.nav-tabs > li.active > a,
#content #language.nav-tabs > li.active > a:hover,
#content #language.nav-tabs > li.active > a:focus {
  
       border: 0.5px solid #705ec8;
    border-bottom: 2px solid #705ec8;
}

/* Mobilde taşma olmasın */
@media (max-width: 768px) {
    #content #language.nav-tabs {
        flex-wrap: wrap;
    }
}
/* =========================================
   LANGUAGE TABS – GENİŞLET & ORTALA
   Sadece #language alanı
========================================= */
/* =========================================
   LANGUAGE TABS – MAKS 4 ADET / SATIR
========================================= */

#content #language.nav-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#content #language.nav-tabs > li {
    flex: 0 0 25%;   /* satırda 4 tane */
    max-width: 25%;
    text-align: center;
}

#content #language.nav-tabs > li > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 10px; /* biraz daha kompakt */
    font-size: 13px;
}
/* LANGUAGE TABS – SOLA YASLA */
#content #language.nav-tabs {
    justify-content: flex-start;
}
/* LANGUAGE TABS – BAYRAKLARI YUVARLAK YAP */
#content #language.nav-tabs > li > a img {
    border-radius: 50%;
    width: 22px;          /* mevcut ölçüyü koru */
    height: 22px;
    object-fit: cover;
}

/* FORM – LABEL VE INPUT ALT ALTA */
#content .form-horizontal .form-group {
    display: block;
}

.form-group + .form-group {
   border: none;
}

#content .form-horizontal .control-label {
    float: none;
    width: 100%;
    text-align: left;
    margin-bottom: 6px;
    padding-top: 0;
}

#content .form-horizontal .col-sm-10,
#content .form-horizontal .col-sm-8,
#content .form-horizontal .col-sm-6 {
    float: none;
    width: 100%;
}


/* =========================================
   OPENCART ADMIN - AUTOCOMPLETE DROPDOWN FIX
========================================= */

#content .dropdown-menu {
    width: 100%;
    max-height: 260px;
    overflow-y: auto;
    border-radius: 8px;
    padding: 6px 0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border: 1px solid #e5e7eb;
    background: #fff;
}

/* Liste elemanları */
#content .dropdown-menu li {
    list-style: none;
}

#content .dropdown-menu li a {
    display: block;
    padding: 8px 14px;
    font-size: 13px;
    color: #1f2937;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease;
}

/* Hover */
#content .dropdown-menu li a:hover {
    background: #f1f5f9;
    color: #0d6efd;
    text-decoration: none;
}

/* Aktif / seçili */
#content .dropdown-menu li.active > a,
#content .dropdown-menu li > a:active {
    background: #e7f1ff;
    color: #0d6efd;
}

/* Hiyerarşi (MP3 Players > test 11 gibi) */
#content .dropdown-menu li a {
    font-weight: 500;
}

#content .dropdown-menu li a:before {
    content: "›";
    color: #94a3b8;
    margin-right: 6px;
}

/* Input focus iken dropdown daha net */
#content .form-control:focus + .dropdown-menu,
#content .form-control:focus ~ .dropdown-menu {
    border-color: #0d6efd;
}


/* AUTOCOMPLETE DROPDOWN – GENİŞLİK DARALTMA */
#content .dropdown-menu {
    width: auto;          /* input kadar zorlamasın */
    min-width: 260px;     /* çok dar olmasın */
    max-width: 420px;     /* fazla genişlemesin */
}


/* =========================================
   OPENCART ADMIN – IMAGE THUMBNAIL GÜZELLEŞTİRME
   Sadece form içindeki resimler
========================================= */

#content a[data-toggle="image"].img-thumbnail {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 10px;
    border: 1px dashed #d1d5db;
    background: #f9fafb;
    transition: all 0.2s ease;
    max-width: 160px;
}

/* Resmin kendisi */
#content a[data-toggle="image"].img-thumbnail img {
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
}

/* Hover efekti */
#content a[data-toggle="image"].img-thumbnail:hover {
    border-color: #0d6efd;
    background: #eef4ff;
    box-shadow: 0 6px 18px rgba(13,110,253,0.15);
}

/* Hover’da hafif zoom */
#content a[data-toggle="image"].img-thumbnail:hover img {
    transform: scale(1.03);
    transition: transform 0.2s ease;
}

/* Resim yoksa (placeholder) */
#content a[data-toggle="image"].img-thumbnail img[src*="no_image"] {
    opacity: 0.6;
}



.panel-body {
   
    background: #ffffff;
}

/* SEO TAB – INPUT GROUP İÇİNDEKİ BAYRAKLARI KÜÇÜLT */
#content .input-group-addon img,
#content .input-group-text img {
    width: 18px;
    height: 18px;
    object-fit: cover;
    border-radius: 50%;
}
.fade:not(.show) {
    opacity: 1 !important;
}

/* MODAL BACKDROP – BLUR / GLASS EFFECT */
.modal-backdrop {
    background: rgba(15, 23, 42, 0.35) !important; /* siyah yerine soft koyu */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 1 !important;
}

/* Modal container daha temiz dursun */
.modal-content {
    border-radius: 14px;
    border: none;
    box-shadow: 0 20px 40px rgba(0,0,0,.25);
}

/* Modal header modern görünüm */
.modal-header {
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}


.popover {
    background-color: #ff000000 !important;
    border: none !important;
    box-shadow: none !important;;
    font-size: .8rem;
    margin-left: 10px;
    border-radius: .5rem;
    z-index: 999;
}

/* =====================================================
   FILE MANAGER – EŞİT BOYUTLU KART YAPISI
   ===================================================== */

/* Grid hücresi */
#modal-image .row > div {
    margin-bottom: 16px;
}

/* Kart */
#modal-image .thumbnail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 140px;                 /* TÜMÜ AYNI YÜKSEKLİK */
    padding: 12px;

    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;

    transition: all .2s ease;
}

/* Hover */
#modal-image .thumbnail:hover {
    border-color: #6366f1;
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
    transform: translateY(-2px);
}

/* Resim / ikon alanı */
#modal-image .thumbnail img {
    max-width: 64px;
    max-height: 64px;
    object-fit: contain;

    background: #f8fafc;
    padding: 6px;
    border-radius: 8px;
}

/* Klasörler (ikon büyük dursun ama taşmasın) */
#modal-image .thumbnail.folder img {
    max-width: 72px;
    max-height: 72px;
}

/* Alt kısım: checkbox + isim */
#modal-image label {
    margin-top: 10px;

    display: flex;
    align-items: center;
    gap: 8px;

    font-size: 13px;
    color: #374151;

    max-width: 100%;
}

/* Dosya adı taşmasın */
#modal-image label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Checkbox */
#modal-image input[type="checkbox"] {
    margin: 0;
}

/* Seçili kart */
#modal-image input[type="checkbox"]:checked + label,
#modal-image input[type="checkbox"]:checked ~ .thumbnail {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,.15);
}















.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
    .col-sm-1 {
      width: 8.33333%; }
    .col-sm-2 {
      width: 16.66667%; }
    .col-sm-3 {
      width: 25%; }
    .col-sm-4 {
      width: 33.33333%; }
    .col-sm-5 {
      width: 41.66667%; }
    .col-sm-6 {
      width: 50%; }
    .col-sm-7 {
      width: 58.33333%; }
    .col-sm-8 {
      width: 66.66667%; }
    .col-sm-9 {
      width: 75%; }
    .col-sm-10 {
      width: 83.33333%; }
    .col-sm-11 {
      width: 91.66667%; }
    .col-sm-12 {
      width: 100%; }
    .col-sm-pull-0 {
      right: auto; }
    .col-sm-pull-1 {
      right: 8.33333%; }
    .col-sm-pull-2 {
      right: 16.66667%; }
    .col-sm-pull-3 {
      right: 25%; }
    .col-sm-pull-4 {
      right: 33.33333%; }
    .col-sm-pull-5 {
      right: 41.66667%; }
    .col-sm-pull-6 {
      right: 50%; }
    .col-sm-pull-7 {
      right: 58.33333%; }
    .col-sm-pull-8 {
      right: 66.66667%; }
    .col-sm-pull-9 {
      right: 75%; }
    .col-sm-pull-10 {
      right: 83.33333%; }
    .col-sm-pull-11 {
      right: 91.66667%; }
    .col-sm-pull-12 {
      right: 100%; }
    .col-sm-push-0 {
      left: auto; }
    .col-sm-push-1 {
      left: 8.33333%; }
    .col-sm-push-2 {
      left: 16.66667%; }
    .col-sm-push-3 {
      left: 25%; }
    .col-sm-push-4 {
      left: 33.33333%; }
    .col-sm-push-5 {
      left: 41.66667%; }
    .col-sm-push-6 {
      left: 50%; }
    .col-sm-push-7 {
      left: 58.33333%; }
    .col-sm-push-8 {
      left: 66.66667%; }
    .col-sm-push-9 {
      left: 75%; }
    .col-sm-push-10 {
      left: 83.33333%; }
    .col-sm-push-11 {
      left: 91.66667%; }
    .col-sm-push-12 {
      left: 100%; }
    .col-sm-offset-0 {
      margin-left: 0%; }
    .col-sm-offset-1 {
      margin-left: 8.33333%; }
    .col-sm-offset-2 {
      margin-left: 16.66667%; }
    .col-sm-offset-3 {
      margin-left: 25%; }
    .col-sm-offset-4 {
      margin-left: 33.33333%; }
    .col-sm-offset-5 {
      margin-left: 41.66667%; }
    .col-sm-offset-6 {
      margin-left: 50%; }
    .col-sm-offset-7 {
      margin-left: 58.33333%; }
    .col-sm-offset-8 {
      margin-left: 66.66667%; }
    .col-sm-offset-9 {
      margin-left: 75%; }
    .col-sm-offset-10 {
      margin-left: 83.33333%; }
    .col-sm-offset-11 {
      margin-left: 91.66667%; }
    .col-sm-offset-12 {
      margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
    .col-md-1 {
      width: 8.33333%; }
    .col-md-2 {
      width: 16.66667%; }
    .col-md-3 {
      width: 25%; }
    .col-md-4 {
      width: 33.33333%; }
    .col-md-5 {
      width: 41.66667%; }
    .col-md-6 {
      width: 50%; }
    .col-md-7 {
      width: 58.33333%; }
    .col-md-8 {
      width: 66.66667%; }
    .col-md-9 {
      width: 75%; }
    .col-md-10 {
      width: 83.33333%; }
    .col-md-11 {
      width: 91.66667%; }
    .col-md-12 {
      width: 100%; }
    .col-md-pull-0 {
      right: auto; }
    .col-md-pull-1 {
      right: 8.33333%; }
    .col-md-pull-2 {
      right: 16.66667%; }
    .col-md-pull-3 {
      right: 25%; }
    .col-md-pull-4 {
      right: 33.33333%; }
    .col-md-pull-5 {
      right: 41.66667%; }
    .col-md-pull-6 {
      right: 50%; }
    .col-md-pull-7 {
      right: 58.33333%; }
    .col-md-pull-8 {
      right: 66.66667%; }
    .col-md-pull-9 {
      right: 75%; }
    .col-md-pull-10 {
      right: 83.33333%; }
    .col-md-pull-11 {
      right: 91.66667%; }
    .col-md-pull-12 {
      right: 100%; }
    .col-md-push-0 {
      left: auto; }
    .col-md-push-1 {
      left: 8.33333%; }
    .col-md-push-2 {
      left: 16.66667%; }
    .col-md-push-3 {
      left: 25%; }
    .col-md-push-4 {
      left: 33.33333%; }
    .col-md-push-5 {
      left: 41.66667%; }
    .col-md-push-6 {
      left: 50%; }
    .col-md-push-7 {
      left: 58.33333%; }
    .col-md-push-8 {
      left: 66.66667%; }
    .col-md-push-9 {
      left: 75%; }
    .col-md-push-10 {
      left: 83.33333%; }
    .col-md-push-11 {
      left: 91.66667%; }
    .col-md-push-12 {
      left: 100%; }
    .col-md-offset-0 {
      margin-left: 0%; }
    .col-md-offset-1 {
      margin-left: 8.33333%; }
    .col-md-offset-2 {
      margin-left: 16.66667%; }
    .col-md-offset-3 {
      margin-left: 25%; }
    .col-md-offset-4 {
      margin-left: 33.33333%; }
    .col-md-offset-5 {
      margin-left: 41.66667%; }
    .col-md-offset-6 {
      margin-left: 50%; }
    .col-md-offset-7 {
      margin-left: 58.33333%; }
    .col-md-offset-8 {
      margin-left: 66.66667%; }
    .col-md-offset-9 {
      margin-left: 75%; }
    .col-md-offset-10 {
      margin-left: 83.33333%; }
    .col-md-offset-11 {
      margin-left: 91.66667%; }
    .col-md-offset-12 {
      margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
    .col-lg-1 {
      width: 8.33333%; }
    .col-lg-2 {
      width: 16.66667%; }
    .col-lg-3 {
      width: 25%; }
    .col-lg-4 {
      width: 33.33333%; }
    .col-lg-5 {
      width: 41.66667%; }
    .col-lg-6 {
      width: 50%; }
    .col-lg-7 {
      width: 58.33333%; }
    .col-lg-8 {
      width: 66.66667%; }
    .col-lg-9 {
      width: 75%; }
    .col-lg-10 {
      width: 83.33333%; }
    .col-lg-11 {
      width: 91.66667%; }
    .col-lg-12 {
      width: 100%; }
    .col-lg-pull-0 {
      right: auto; }
    .col-lg-pull-1 {
      right: 8.33333%; }
    .col-lg-pull-2 {
      right: 16.66667%; }
    .col-lg-pull-3 {
      right: 25%; }
    .col-lg-pull-4 {
      right: 33.33333%; }
    .col-lg-pull-5 {
      right: 41.66667%; }
    .col-lg-pull-6 {
      right: 50%; }
    .col-lg-pull-7 {
      right: 58.33333%; }
    .col-lg-pull-8 {
      right: 66.66667%; }
    .col-lg-pull-9 {
      right: 75%; }
    .col-lg-pull-10 {
      right: 83.33333%; }
    .col-lg-pull-11 {
      right: 91.66667%; }
    .col-lg-pull-12 {
      right: 100%; }
    .col-lg-push-0 {
      left: auto; }
    .col-lg-push-1 {
      left: 8.33333%; }
    .col-lg-push-2 {
      left: 16.66667%; }
    .col-lg-push-3 {
      left: 25%; }
    .col-lg-push-4 {
      left: 33.33333%; }
    .col-lg-push-5 {
      left: 41.66667%; }
    .col-lg-push-6 {
      left: 50%; }
    .col-lg-push-7 {
      left: 58.33333%; }
    .col-lg-push-8 {
      left: 66.66667%; }
    .col-lg-push-9 {
      left: 75%; }
    .col-lg-push-10 {
      left: 83.33333%; }
    .col-lg-push-11 {
      left: 91.66667%; }
    .col-lg-push-12 {
      left: 100%; }
    .col-lg-offset-0 {
      margin-left: 0%; }
    .col-lg-offset-1 {
      margin-left: 8.33333%; }
    .col-lg-offset-2 {
      margin-left: 16.66667%; }
    .col-lg-offset-3 {
      margin-left: 25%; }
    .col-lg-offset-4 {
      margin-left: 33.33333%; }
    .col-lg-offset-5 {
      margin-left: 41.66667%; }
    .col-lg-offset-6 {
      margin-left: 50%; }
    .col-lg-offset-7 {
      margin-left: 58.33333%; }
    .col-lg-offset-8 {
      margin-left: 66.66667%; }
    .col-lg-offset-9 {
      margin-left: 75%; }
    .col-lg-offset-10 {
      margin-left: 83.33333%; }
    .col-lg-offset-11 {
      margin-left: 91.66667%; }
    .col-lg-offset-12 {
      margin-left: 100%; } }
      
/* input'un bulunduğu form-group referans olsun */
#filter-product .form-group {
  position: relative;
}

/* autocomplete dropdown */
#filter-product ul {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;

  width: 100% !important;
  max-height: 240px;
  overflow-y: auto;

  margin: 0;
  padding: 6px 0;

  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;

  z-index: 99999 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

#filter-product ul li {
  list-style: none;
}

#filter-product ul li a {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  color: #1f2937;
  text-decoration: none;
  border-radius: 6px;
}

#filter-product ul li a:hover {
  background: #f1f5f9;
  color: #6f5cc2;
}

/* autocomplete dropdown force fix */
#filter-product ul {
  position: absolute !important;
  left: 16px !important;   /* kart padding’e göre */
  right: 16px !important;
  top: auto !important;

  margin-top: 4px !important;

  width: auto !important;
  max-height: 240px;
  overflow-y: auto;

  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,.15);

  z-index: 99999 !important;
}


/* SEO alanında bayrak + input aynı satır */
.input-group {
    flex-wrap: nowrap !important;
    align-items: center;
}

/* span (bayrak) sabit kalsın */
.input-group > span {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    
        margin-right: 10px;
}

/* input kalan alanı kaplasın */
.input-group > .form-control {
    flex: 1 1 auto;
    width: 100%;
}

.tab-content .tab-pane {
 padding: 1rem !important;   

}


.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eee; }
    .nav > li.disabled > a {
      color: #777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #1e91cf; }
  .nav .nav-divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.428571429;
      border: 1px solid transparent;
      border-radius: 3px 3px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eee #eee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 3px; }
  .nav-pills > li + li {
    margin-left: 2px; }
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
      color: #fff;
      background-color: #1e91cf; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu, .nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 3px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 3px 3px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }
.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 60px;
  margin-bottom: 18px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 3px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }
.navbar-header:after {
  clear: both; }
@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px; } }

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
@media (min-width: 768px) {
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
@media (min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 14px 15px;
  font-size: 17px;
  line-height: 18px;
  height: 60px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }
@media screen and (max-width: 768px) {
  .navbar-brand {
    padding: 6px 7.5px;
    height: 45px;
    padding-left: 12px;
    padding-top: 5.6px;
    padding-bottom: 7px;
    padding-right: 15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 13px;
  margin-bottom: 13px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: absolute;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: #fff;
      border: 1px solid #eee;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 18px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0; }
    .navbar-nav > li {
      float: left; }
      .navbar-nav > li > a {
        padding-top: 14px;
        padding-bottom: 14px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 12px;
  margin-bottom: 12px; }
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .form-control-static {
    display: inline-block; }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
      width: auto; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .navbar-form .radio label, .navbar-form .checkbox label {
      padding-left: 0; }
  .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; }
    .navbar-form .form-group:last-child {
      margin-bottom: 0; } }
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 12px;
  margin-bottom: 12px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 16px;
    margin-bottom: 16px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 19px;
    margin-bottom: 19px; }

.navbar-text {
  margin-top: 10px;
  margin-bottom: 10px; }
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px; } }
@media screen and (max-width: 767px) {
  .navbar-text {
    margin-top: 3px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-right: 5px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
    .navbar-default .navbar-nav > li > a {
      color: #777; }
      .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
      background-color: #e7e7e7;
      color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; } }
.navbar-default .navbar-link {
  color: #777; }
  .navbar-default .navbar-link:hover {
    color: #333; }
.navbar-default .btn-link {
  color: #777; }
  .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333; }
    .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
      color: #fff;
      background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010; }
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
      background-color: #090909;
      color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent; } }
.navbar-inverse .navbar-link {
  color: #9d9d9d; }
  .navbar-inverse .navbar-link:hover {
    color: #fff; }
.navbar-inverse .btn-link {
  color: #9d9d9d; }
  .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.table-responsive {
    padding-top: 5px;
    padding-bottom: 5px;
}


/**************************************************
  CARD GÖRÜNÜMÜNÜ PANEL YAPISINA UYARLAMA
  HTML DEĞİŞMEDEN – !important BİLİNÇLİ
**************************************************/

/* PANEL → CARD */
.panel.panel-default {
  background-color: #fff !important;
  border-radius: 0.625rem !important;
  border: 1px solid var(--bootstrap-card-border, #e5e7eb) !important;
  box-shadow: 4px 7px 13px -3px #dadee8 !important;
  margin-bottom: 1.5rem !important;
  width: 100%;
  position: relative;
}

/* PANEL HEADING → CARD HEADER */
.panel.panel-default > .panel-heading {
  padding: 1rem 1.5rem !important;
  padding-left: 0px !important;
  background-color: transparent !important;
  border-bottom: 1px solid #e5e7eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.25rem !important;
  min-height: 4rem !important;
  position: relative !important;
  border-radius: 0.625rem 0.625rem 0 0 !important;
}

/* PANEL TITLE → CARD TITLE */
.panel.panel-default > .panel-heading .panel-title {
  position: relative !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0.05rem !important;
  font-size: 1rem !important;
  margin: 0 !important;
  padding-left: 1.5rem !important;
  text-transform: capitalize !important;
}

/* CARD HEADER SOL RENKLİ ŞERİT */
.panel.panel-default > .panel-heading .panel-title::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 20px !important;
  background-color: var(--primary, #6366f1) !important;
  border-radius: 0 50px 50px 0 !important;
}

/* PANEL BODY → CARD BODY */
.panel.panel-default > .panel-body {
  padding: 1.5rem !important;
  color: inherit !important;
  background-color: transparent !important;
}

/* SON CHILD MARGIN FIX */
.panel.panel-default > .panel-body > :last-child {
  margin-bottom: 0 !important;
}

/**************************************************
  ACCORDION / COLLAPSE UYUMLULUK
**************************************************/
.panel.panel-default.panel-collapsed > .panel-heading {
  border-bottom: none !important;
}

/**************************************************
  DARK MODE (opsiyonel)
**************************************************/
[data-theme-mode="dark"] .panel.panel-default {
  box-shadow: 4px 4px 10px -3px rgba(0,0,0,.2) !important;
}


/* ===============================
   PAGE HEADER → CARD HEADER GÖRÜNÜMÜ
================================ */

.page-header {
  background: #fff !important;
  border: 1px solid var(--bootstrap-card-border, #dadee8) !important;
  border-radius: 0.625rem !important;
  box-shadow: 4px 7px 13px -3px #dadee8 !important;
  margin-bottom: 1.5rem !important;
  padding: 0 !important;
}

.page-header .container-fluid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  padding: 1rem 1.5rem !important;
}

/* ÜST SATIR: BAŞLIK + BUTONLAR */
.page-header h1 {
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05rem !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  position: relative !important;
  padding-left: 1.5rem !important;
}

/* Card-title çizgisi efekti */
.page-header h1::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 20px !important;
  background: var(--primary-color, #6c5ffc) !important;
  border-radius: 0 50px 50px 0 !important;
}

/* Sağ üst butonlar */
.page-header .pull-right {
  position: absolute !important;
  right: 1.5rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  gap: 0.5rem !important;
}

/* Breadcrumb */
.page-header .breadcrumb {
  margin: 0 !important;
  padding: 0.5rem 0 0 !important;
  background: transparent !important;
  font-size: 0.75rem !important;
  border-top: none !important;
}

.page-header .breadcrumb > li > a {
  color: #6b7280 !important;
  text-decoration: none !important;
}

.page-header .breadcrumb > li > a:hover {
  text-decoration: underline !important;
}

/* Mobil uyum */
@media (max-width: 768px) {
  .page-header .pull-right {
    position: static !important;
    transform: none !important;
    margin-bottom: 0.5rem !important;
  }

  .page-header .container-fluid {
    gap: 1rem !important;
  }
}


/* =====================================
   ALT PAGE HEADER (page-title + breadcrumb)
   CARD HEADER GÖRÜNÜMÜ
===================================== */

.main-content > .container-fluid > .d-md-flex {
  background: #fff !important;
  border: 1px solid var(--bootstrap-card-border, #dadee8) !important;
  border-radius: 0.625rem !important;
  box-shadow: 4px 7px 13px -3px #dadee8 !important;
  padding: 1rem 1.5rem !important;
      padding-left: 0px !important;
  margin-bottom: 1.5rem !important;
  position: relative !important;
}

/* Başlık */
.main-content .page-title {
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05rem !important;
  margin: 0 !important;
  padding-left: 1.5rem !important;
  position: relative !important;
}

/* Sol mor çizgi (card-title efekti) */
.main-content .page-title::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 20px !important;
  background: var(--primary-color, #6c5ffc) !important;
  border-radius: 0 50px 50px 0 !important;
}

/* Breadcrumb */
.main-content .breadcrumb {
  margin: 0.25rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 0.75rem !important;
  
 
    font-weight: 500 !important;
    letter-spacing: 0.05rem !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    position: relative !important;
    padding-left: 1.5rem !important;
    
}

.main-content .breadcrumb a {
  color: #6b7280 !important;
  text-decoration: none !important;
}

.main-content .breadcrumb a:hover {
  text-decoration: underline !important;
}

/* Sağ üst aksiyon butonları */
.main-content .btn-list,
.main-content .pull-right {
  display: flex !important;
  gap: 0.5rem !important;
}

/* Mobil düzen */
@media (max-width: 768px) {
  .main-content > .container-fluid > .d-md-flex {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
  }

  .main-content .btn-list {
    align-self: flex-start !important;
  }
}


/* Page header üst boşluk */
.main-content > .container-fluid {
  padding-top: 1.3rem !important;
}


/* OpenCart legacy #content uyumluluk katmanı */
#content:not(.main-content):not(.app-content) {
  padding: 0 0.5rem;
  position: relative;
}

/* Desktop layout uyumu */
@media (min-width: 992px) {
  #content:not(.main-content):not(.app-content) {
    min-height: calc(100vh - 7.5rem);
    margin-block-start: 3.75rem;
    margin-inline-start: 15rem;
    transition: all 0.05s ease;
  }
}

/* Page header aksiyon butonlarını üste çıkar */
.page-header {
  position: relative;
  z-index: 20;
}

/* Kaydet / İptal alanı */
.page-header .pull-right {
  position: sticky;
  top: 85px; /* header + boşluk hizası */
  z-index: 999;
  display: flex;
  gap: 0.5rem;
}

/* Butonların kesin tıklanabilir olması */
.page-header .pull-right .btn {
  position: relative;
  z-index: 1000;
}



/* =========================================================
   SETTINGS PAGE – MODERN CARD LAYOUT (HTML DOKUNMADAN)
========================================================= */

/* PANEL → CARD */
.panel.panel-default {
  border: 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  overflow: hidden;
}

/* HEADER */
.panel-heading {
  background: #fff;
  border-bottom: 1px solid #eef1f5;
  padding: 18px 22px;
}

.panel-title {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}

.panel-title i {
  margin-right: 6px;
  color: #6b7280;
}

/* BODY */
.panel-body {
  padding: 22px;
}

/* =========================================================
   TABS – ÜSTTE YATAY / CARD İÇİ
========================================================= */

.panel-body > .nav-tabs {
  border: 0;
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.panel-body > .nav-tabs > li {
  float: none;
  margin: 0;
}

.panel-body > .nav-tabs > li > a {
  border: 0;
  border-radius: 10px;
  background: #f3f4f6;
  color: #374151;
  font-weight: 500;
  padding: 10px 16px;
  transition: all .2s ease;
}

.panel-body > .nav-tabs > li > a:hover {
  background: #e5e7eb;
  color: #111827;
}

/* ACTIVE TAB */
.panel-body > .nav-tabs > li.active > a,
.panel-body > .nav-tabs > li.active > a:hover,
.panel-body > .nav-tabs > li.active > a:focus {
  background: #7367f0;
  color: #fff;
  border: 0;
}

/* =========================================================
   TAB CONTENT – TAM GENİŞLİK (COL-12 MANTIĞI)
========================================================= */

.panel-body > .tab-content {
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: inset 0 0 0 1px #eef1f5;
}

/* TAB PANE */
.panel-body .tab-pane {
  width: 100%;
}

/* =========================================================
   FORM GRID – DAHA TEMİZ HİZALAMA
========================================================= */

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 18px;
}

.form-horizontal .control-label {
  font-weight: 500;
  color: #374151;
}

/* INPUTS */
.form-control {
  border-radius: 10px;
  border-color: #e5e7eb;
  box-shadow: none;
}

.form-control:focus {
  border-color: #7367f0;
  box-shadow: 0 0 0 3px rgba(115,103,240,.12);
}

/* WELL (checkbox listeler) */
.well {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  box-shadow: none;
}

/* FIELDSET */
fieldset {
  border: 1px solid #eef1f5;
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 22px;
}

legend {
  width: auto;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
}

/* IMAGE THUMB */
.img-thumbnail {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}

/* ERROR */
.text-danger {
  font-size: 13px;
  margin-top: 6px;
}


/* ================================
   FORM HORIZONTAL – RADIO FIX
   (OpenCart Admin – Card Layout)
================================ */

/* Tab içindeki fieldset genel boşluk */
.tab-content fieldset {
  margin-bottom: 32px;
  
  border-bottom: 1px solid #eef1f6;
}

/* Form group spacing */
.tab-content .form-group {
  margin-bottom: 20px;
}

/* Label hizası */
.tab-content .form-group > label.col-sm-2 {
  font-weight: 600;
  padding-top: 6px;
}

/* İç kolon */
.tab-content .form-group > .col-sm-10 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* RADIO INLINE DÜZELTME */
.tab-content .radio-inline {
  display: flex !important;
  align-items: center;
  gap: 6px;
  margin-left: 0 !important;
  padding-left: 0;
  font-weight: 400;
}

/* Radio input hizası */
.tab-content .radio-inline input[type="radio"] {
  margin: 0;
  position: relative;
  top: 0;
}

/* Birden fazla radio varsa alt alta gelsin */
.tab-content .col-sm-10 > .radio-inline {
  margin-bottom: 6px;
}

/* Checkbox'lar için de aynı mantık */
.tab-content .checkbox label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
}

/* Well içindeki checkbox/radio alanları */
.tab-content .well .checkbox,
.tab-content .well .radio {
  margin-bottom: 6px;
}

/* Küçük ekranlarda label üstte olsun */
@media (max-width: 768px) {
  .tab-content .form-group {
    display: flex;
    flex-direction: column;
  }

  .tab-content .form-group > label.col-sm-2 {
    width: 100%;
    margin-bottom: 6px;
  }

  .tab-content .form-group > .col-sm-10 {
    width: 100%;
  }
}


fieldset legend {
    padding-bottom: 5px;
    border-bottom: 1px solid #33333330;
}



/* =====================================
   TAB CONTENT – SADE ÇERÇEVE
   (Padding / margin YOK)
===================================== */

#content .tab-content {
  background: #ffffff;
  border: 1px solid #e5eaf1;
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

/* İç pane'lere kesinlikle dokunmuyoruz */
#content .tab-content > .tab-pane {
  background: transparent;
  border: none;
}


/* =====================================
   OPENCART RADIO INLINE FORCE FIX
===================================== */

#content .form-group .col-sm-10 {
  display: block !important;
}

/* radio'ları yan yana al */
#content .form-group .col-sm-10 > .radio-inline {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 24px !important;
  margin-left: 0 !important;
  margin-bottom: 6px !important;
  white-space: nowrap;
}

/* radio input hizası */
#content .form-group .radio-inline input[type="radio"] {
  margin-top: 0 !important;
  margin-right: 6px !important;
}

/* tek radio varsa alta düşsün */
#content .form-group .col-sm-10 > .radio-inline:only-of-type {
  display: flex !important;
}

#content > .container-fluid {
  --bs-gutter-x: 0px !important;
}

/* Sayfa üstündeki başlık kartı */
.page-header > .container-fluid {
  --bs-gutter-x: 0px;
  padding-left: 0 !important;
}

/* Ürün listesi – filtre alanını saran ana row */
#content > .container-fluid > .d-md-flex {
  margin-left: 0 !important;
}


/* =========================
   MODERN ADMIN ALERTS
========================= */

.alert {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 14px 18px;
  border-radius: 10px;
  border: 1px solid transparent;

  font-size: 14px;
  font-weight: 500;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

/* ikon */
.alert i {
  font-size: 18px;
}

/* close butonu */
.alert .close {
  position: absolute;
  top: 10px;
  right: 12px;

  background: transparent;
  border: 0;
  font-size: 20px;
  line-height: 1;
  opacity: 0.4;
  transition: opacity 0.2s ease;
}

.alert .close:hover {
  opacity: 0.8;
}

/* =========================
   RENKLER
========================= */

.alert-success {
  background: #ecfdf3;
  border-color: #bbf7d0;
  color: #166534;
}

.alert-success i {
  color: #22c55e;
}

.alert-danger {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}

.alert-danger i {
  color: #ef4444;
}

.alert-warning {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}

.alert-warning i {
  color: #f59e0b;
}

.alert-info {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1e40af;
}

.alert-info i {
  color: #3b82f6;
}

/* ===============================
   OPENCART ADMIN PAGINATION FIX
   (OLD HTML → NEW THEME)
================================ */

.pagination {
  display: flex;
  gap: 6px;
  align-items: center;
}

/* li = page-item */
.pagination > li {
  list-style: none;
}

/* a, span = page-link */
.pagination > li > a,
.pagination > li > span {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 36px;
  height: 36px;

  padding: 0 12px;
  border-radius: 8px;

  font-size: 13px;
  font-weight: 500;

  color: var(--default-text-color, #1a1630);
  background-color: #fff;
  border: 1px solid var(--default-border, #e5e7eb);

  text-decoration: none;
  transition: all 0.2s ease;
}

/* hover */
.pagination > li > a:hover {
  background-color: #f4f6fb;
  color: var(--primary, #7367f0);
  border-color: var(--default-border, #e5e7eb);
}

/* active */
.pagination > li.active > span {
  background-color: var(--primary, #7367f0);
  color: #fff;
  border-color: var(--primary, #7367f0);
  box-shadow: 0 4px 10px rgba(115, 103, 240, 0.35);
}

/* disabled (varsa) */
.pagination > li.disabled > span,
.pagination > li.disabled > a {
  opacity: 0.5;
  pointer-events: none;
}

/* arrows biraz daha kompakt */
.pagination > li > a:contains(">"),
.pagination > li > a:contains("|") {
  font-weight: 600;
}


/* ===============================
   MODERN CLOSE (×) BUTTON FIX
================================ */

button.close {
  position: absolute;
  top: 12px;
  right: 12px;

  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  border: 0;
  padding: 0;

  background: transparent;
  color: #6b7280; /* gri */

  font-size: 20px;
  line-height: 1;
  font-weight: 600;

  opacity: 1;
  cursor: pointer;

  transition: all 0.2s ease;
}

/* hover */
button.close:hover {
  background-color: #f3f4f6;
  color: #ef4444; /* kırmızı */
}

/* focus / click outline iptal */
button.close:focus,
button.close:active {
  outline: none;
  box-shadow: none;
}

/* alert içindeyse */
.alert button.close {
  top: 10px;
  right: 10px;
}

/* modal içindeyse */
.modal-header button.close {
  top: 50%;
  transform: translateY(-50%);
}





/* ===================================================
   SIPARIS EKLE – NAV-TABS FIX (ZORLA)
   =================================================== */

/* ul.nav-tabs reset */
#content ul.nav.nav-tabs.nav-justified {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  border-bottom: 1px solid #ddd !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
  position: relative !important;
}

/* li'ler yan yana */
#content ul.nav.nav-tabs.nav-justified > li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* linkler */
#content ul.nav.nav-tabs.nav-justified > li > a {
  display: block !important;
  padding: 10px 16px !important;
  border: 1px solid #ddd !important;
  border-bottom: none !important;
  background: #fff !important;
  border-radius: 6px 6px 0 0 !important;
  margin-right: 6px !important;
  color: #333 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* aktif tab */
#content ul.nav.nav-tabs.nav-justified > li.active > a,
#content ul.nav.nav-tabs.nav-justified > li.active > a:hover,
#content ul.nav.nav-tabs.nav-justified > li.active > a:focus {
  background: #fff !important;
  border-color: #7367f0 #7367f0 #fff !important;
  color: #7367f0 !important;
  font-weight: 600 !important;
}

/* hover */
#content ul.nav.nav-tabs.nav-justified > li > a:hover {
  background: #f5f6fa !important;
}

/* tab content üst üste binmesin */
#content .tab-content {
  position: relative !important;
  z-index: 1 !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-top: none !important;
  padding: 15px !important;
}


/* =====================================================
   RBLOG MODÜLÜ – BS3→BS5 EKSİK SINIF KÖPRÜLERİ
   (sinfur.css'in kapsamadığı, kayma yapan kalanlar)
===================================================== */

/* --- pull-right / pull-left (BS5'te kaldırıldı) --- */
/* page-header / main-content dışındaki kullanımlar için
   (örn. dashboard sayaç kutuları, liste başlıkları) */
#content .pull-right { float: right !important; }
#content .pull-left  { float: left  !important; }

/* --- btn-default (BS5'te yok → arka plan/çerçeve kayboluyordu) --- */
/* iptal (reply) ve takvim butonları */
#content .btn-default {
  color: #4b5563 !important;
  background-color: #f1f1f4 !important;
  border: 1px solid #dbdbe0 !important;
}
#content .btn-default:hover,
#content .btn-default:focus {
  color: #1f2937 !important;
  background-color: #e7e7ec !important;
  border-color: #cfcfd6 !important;
}
#content .btn-default:active,
#content .btn-default.active {
  background-color: #dedee4 !important;
  border-color: #c4c4cc !important;
}

/* --- panel-footer (BS3) → card-footer görünümü --- */
/* dashboard "daha fazla" linkleri */
#content .panel-footer {
  padding: 10px 15px;
  background-color: #f8f9fa;
  border-top: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
}

/* --- input-group-addon (BS3) → input-group-text kutusu --- */
/* SEO sekmesi bayrak ön-eki; sinfur sadece img'i boyutluyordu,
   kutunun kendisi (çerçeve/arka plan) eksikti */
#content .input-group-addon {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  background-color: #f1f1f4;
  border: 1px solid #dbdbe0;
  border-right: 0;
  border-radius: .375rem 0 0 .375rem;
  white-space: nowrap;
}
/* addon'dan hemen sonraki input'un sol köşeleri düz olsun */
#content .input-group > .input-group-addon + .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* =====================================================
   RBLOG MODÜL MENÜSÜ (menu.twig navbar)
   BS5'te .navbar-nav dikey diziliyor + .navbar-default yok
   → yatay menüye geri döndür
===================================================== */
#content .page-header .navbar.navbar-default {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
  background-color: #fff;
  border: none;
  min-height: auto;
  height: auto;
  padding: 4px 0;
  margin-bottom: 10px;
  border-radius: 6px;
}
#content .page-header .navbar.navbar-default > .container-fluid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  width: 100%;
  padding: 0 12px;
}
#content .page-header .navbar.navbar-default .navbar-header {
  float: none;
  margin: 0;
}
#content .page-header .navbar.navbar-default .navbar-brand {
  float: none;
  height: auto;
  padding: 6px 8px;
  font-weight: 600;
}
/* asıl düzeltme: menü listesini yatay yap */
#content .page-header .navbar.navbar-default .navbar-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 2px;
}
#content .page-header .navbar.navbar-default .navbar-nav > li {
  float: none;
  margin: 0;
}
#content .page-header .navbar.navbar-default .navbar-nav > li > a {
  display: block;
  padding: 8px 14px;
  color: #5b6b79;
  text-decoration: none;
  border-radius: 6px;
  white-space: nowrap;
  transition: all .15s ease;
}
#content .page-header .navbar.navbar-default .navbar-nav > li > a:hover {
  background: #f1f1f4;
  color: #1f2937;
}
#content .page-header .navbar.navbar-default .navbar-nav > li.active > a {
  background: #ece9fb;
  color: #7367f0;
  font-weight: 600;
}

/* =====================================================
   TEK DİL AKTİFSE DİL SEKMESİNİ GİZLE
   (birden fazla dil aktif edilince otomatik görünür)
===================================================== */
/* Modern tarayıcılar: tek <li> varsa tüm dil nav'ını gizle */
#content #language:has(> li:only-child) { display: none !important; }
/* :has() desteklemeyen tarayıcılar için yedek: tek sekme butonunu gizle */
#content #language > li:only-child { display: none; }