/* ============================================================================
   Bootstrap 4 -> Tabler (Bootstrap 5) uyum katmani
   base.css kaldirildi; bu dosya eski blade'lerin kullandigi BS4 siniflarini
   Tabler token'lariyla yeniden tanimlar. Icerik ekranlarina DOKUNULMAZ.
   ============================================================================ */

/* ---- 1. Bosluk yardimcilari (ml-/mr-/pl-/pr-) --------------------------- */
.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}
.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}
.ml-auto{margin-left:auto!important}
.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}
.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}
.mr-auto{margin-right:auto!important}
.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}
.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}
.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}
.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}
@media(min-width:576px){.ml-sm-0{margin-left:0!important}.mr-sm-2{margin-right:.5rem!important}.ml-sm-auto{margin-left:auto!important}}
@media(min-width:768px){.ml-md-0{margin-left:0!important}.mr-md-2{margin-right:.5rem!important}.ml-md-auto{margin-left:auto!important}}

/* ---- 2. Hizalama / float ------------------------------------------------ */
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.float-left{float:left!important}
.float-right{float:right!important}
@media(min-width:768px){.text-md-right{text-align:right!important}.text-md-left{text-align:left!important}}

/* ---- 3. Yazi tipi ------------------------------------------------------- */
.font-weight-bold{font-weight:600!important}
.font-weight-normal{font-weight:400!important}
.font-weight-light{font-weight:300!important}
.font-italic{font-style:italic!important}
.text-monospace{font-family:var(--tblr-font-monospace)!important}

/* ---- 4. Form (BS4 form-group / form-row / custom-*) --------------------- */
.form-group{margin-bottom:1rem}
.form-group>label{display:inline-block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--tblr-body-color)}
.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.form-row>[class*="col-"]{padding-right:5px;padding-left:5px}
.form-inline{display:flex;flex-flow:row wrap;align-items:center}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-control-file{display:block;width:100%;font-size:.875rem}
.custom-select{display:block;width:100%;padding:.4375rem 2.25rem .4375rem .75rem;font-size:.875rem;
  color:var(--tblr-body-color);background:var(--tblr-bg-forms) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right .75rem center/16px 12px no-repeat;
  border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);appearance:none}
.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.75rem}
.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}
.custom-control-label{position:relative;margin-bottom:0;vertical-align:top;cursor:pointer}
.custom-control-label::before{position:absolute;top:.25rem;left:-1.75rem;display:block;width:1rem;height:1rem;
  content:"";background:var(--tblr-bg-forms);border:1px solid var(--tblr-border-color);border-radius:.25rem}
.custom-control-label::after{position:absolute;top:.25rem;left:-1.75rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}
.custom-control-input:checked~.custom-control-label::before{background-color:var(--tblr-primary);border-color:var(--tblr-primary)}
.custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}
.custom-switch{padding-left:2.5rem}
.custom-switch .custom-control-label::before{left:-2.5rem;width:1.75rem;border-radius:.5rem}
.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.5rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:var(--tblr-border-color);border-radius:.5rem;transition:transform .15s}
.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}
.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .875rem + 2px)}
.custom-file-input{position:relative;z-index:2;width:100%;height:100%;margin:0;opacity:0}
.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .875rem + 2px);padding:.4375rem .75rem;
  background:var(--tblr-bg-forms);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius)}
.input-group-append{display:flex;margin-left:-1px}
.input-group-prepend{display:flex;margin-right:-1px}
.input-group-append .btn,.input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group-prepend .btn,.input-group-prepend .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}

/* ---- 5. Rozetler (BS4 badge-RENK -> Tabler bg) --------------------------
   Tabler'in kendi .badge tabani KORUNUR; yalniz BS4 renk modifiyeleri eklenir. */
.badge-primary{color:#fff;background-color:var(--tblr-primary)}
.badge-secondary{color:#fff;background-color:var(--tblr-secondary)}
.badge-success{color:#fff;background-color:var(--tblr-success)}
.badge-danger{color:#fff;background-color:var(--tblr-danger)}
.badge-warning{color:#1a1a1a;background-color:var(--tblr-warning)}
.badge-info{color:#fff;background-color:var(--tblr-info)}
.badge-light{color:#1a1a1a;background-color:var(--tblr-bg-surface-secondary,#f6f7f9)}
.badge-dark{color:#fff;background-color:var(--tblr-dark)}
.badge-pill{border-radius:10rem}

/* ---- 6. Butonlar -------------------------------------------------------- */
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:.5rem}

/* ---- 6b. BS4 -> BS5 kalan adlandirmalar --------------------------------- */
.dropdown-menu-right{right:0;left:auto}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>[class*="col-"]{padding-right:0;padding-left:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* BS5'te ok isareti .form-select'te; eski ekranlar select.form-control kullaniyor */
select.form-control:not([multiple]):not([size]){padding-right:2.25rem;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23667382' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;appearance:none}

/* ---- 7. Kapatma dugmesi (BS4 .close) ------------------------------------ */
.close{float:right;font-size:1.25rem;font-weight:600;line-height:1;color:var(--tblr-body-color);
  text-shadow:none;opacity:.5;background:transparent;border:0;padding:.25rem;cursor:pointer}
.close:hover{opacity:.9}

/* ---- 8. ArchitectUI kart / widget bilesenleri --------------------------- */
.main-card{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);
  border-radius:var(--tblr-border-radius);box-shadow:var(--tblr-shadow-card,0 1px 2px rgba(0,0,0,.04))}
.main-card>.card-body{padding:1.25rem}
.card-title{font-size:.9375rem;font-weight:600;margin-bottom:.75rem}
.box-footer{padding:.875rem 1.25rem;background:var(--tblr-bg-surface-secondary,#f6f7f9);
  border-top:1px solid var(--tblr-border-color);border-radius:0 0 var(--tblr-border-radius) var(--tblr-border-radius)}
.card-header-tab{border-bottom:1px solid var(--tblr-border-color)}
.btn-actions-pane-right{display:flex;align-items:center;gap:.35rem;margin-left:auto}
.widget-content{display:flex;align-items:center;padding:1rem;gap:.75rem}
.widget-content-wrapper{display:flex;flex:1;align-items:center;gap:.75rem}
.widget-content-left{flex:1}
.widget-content-right{margin-left:auto;text-align:right}
.widget-heading{font-size:.8125rem;font-weight:600;color:var(--tblr-body-color);opacity:.85}
.widget-subheading{font-size:.75rem;color:var(--tblr-secondary)}
.widget-numbers{font-size:1.5rem;font-weight:700;line-height:1.1;color:var(--tblr-body-color)}
.icon-gradient,.header-icon{display:inline-flex;align-items:center;justify-content:center;
  width:2.25rem;height:2.25rem;border-radius:8px;background:var(--tblr-bg-surface-secondary,#f6f7f9);color:var(--tblr-primary)}
.page-title-icon{display:none}

/* ---- 9. Tablo yardimcilari ---------------------------------------------- */
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table td,.table th{vertical-align:middle}
.table-sm td,.table-sm th{padding:.35rem .5rem}

/* ---- 10. Select2 - Tabler yukseklik uyumu ------------------------------- */
.select2-container--bootstrap .select2-selection,
.select2-container .select2-selection--single{height:calc(1.4285714286em + .875rem + 2px)!important;
  border:1px solid var(--tblr-border-color)!important;border-radius:var(--tblr-border-radius)!important;
  background:var(--tblr-bg-forms)!important}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
  line-height:calc(1.4285714286em + .875rem)!important;padding-left:.75rem!important;color:var(--tblr-body-color)!important}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{
  height:calc(1.4285714286em + .875rem)!important}
.select2-container{width:100%!important}
.select2-dropdown{border-color:var(--tblr-border-color)!important;background:var(--tblr-bg-surface)!important}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{background:var(--tblr-primary)!important}

/* ---- 12. Eski kabuk kalintilarini gizle -------------------------------- */
.app-sidebar,.app-header__logo,.app-header__mobile-menu,.app-header__menu,
.metismenu .app-sidebar__heading,.ui-theme-settings,.app-drawer-wrapper{display:none!important}

/* ---- 13. Sayfa basligi bandi -------------------------------------------
   YALNIZ ust menu modunda gecerli: baslik koyu navbar-overlap bandinin
   uzerinde durur. Sol menu modunda acik zemine duser; Tabler'in kendi
   rengi kalmalidir, yoksa beyaz yazi beyaz zeminde kaybolur. */
body.kc-menu-ust .page-header .page-title,
body.kc-menu-ust .page-header .page-title small,
body.kc-menu-ust .page-header .page-pretitle{color:#fff}
body.kc-menu-ust .page-header a{color:rgba(255,255,255,.85)}
.kobicar-page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem}

/* ---- 14. Mobil ---------------------------------------------------------- */
@media(max-width:767.98px){
  .table-responsive{margin-bottom:.5rem}
  .kobicar-page-actions{justify-content:flex-start}
  .btn-actions-pane-right{flex-wrap:wrap}
  .form-control,.custom-select,.form-select{font-size:16px}
}