/* ==========================================================================
   Bootstrap 4 -> 5 Uyumluluk Katmani (compat layer)
   Public tema BS5'e gecerken, BS5'te kaldirilan/yeniden adlandirilan BS4
   yardimci siniflarini ve bilesenlerini yeniden tanimlar. Boylece mevcut
   markup degistirilmeden calisir. (Sadece base varyantlar kullanildi -
   responsive ml-md- vb. kod tabaninda yok.)
   ========================================================================== */

/* --- Container/gutter: BS4 ile ayni bosluk (BS5 varsayilani 12px -> BS4 15px) --- */
.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{padding-right:15px;padding-left:15px}
.row{--bs-gutter-x:1.875rem}

/* --- Bosluk yardimcilari: ml/mr/pl/pr (BS5: ms/me/ps/pe) --- */
.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}

/* --- Metin ve float hizalama (BS5: start/end) --- */
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.float-left{float:left!important}
.float-right{float:right!important}

/* --- Yazi kalinligi (BS5: fw-*) --- */
.font-weight-light{font-weight:300!important}
.font-weight-normal{font-weight:400!important}
.font-weight-bold{font-weight:700!important}
.font-weight-bolder{font-weight:bolder!important}
.font-weight-lighter{font-weight:lighter!important}

/* --- Jumbotron (BS5'te kaldirildi) --- */
.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}
@media (min-width:576px){.jumbotron{padding:4rem 2rem}}
.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}

/* --- Form: form-group / form-row (BS5'te kaldirildi) --- */
.form-group{margin-bottom:1rem}
.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.form-row>.col,.form-row>[class*="col-"]{padding-right:5px;padding-left:5px}

/* --- btn-block (BS5'te kaldirildi) --- */
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:.5rem}

/* --- Rozetler: badge-* (BS5: bg-*/text-bg-*) --- */
.badge-primary{color:#fff;background-color:#0d6efd}
.badge-secondary{color:#fff;background-color:#6c757d}
.badge-success{color:#fff;background-color:#198754}
.badge-danger{color:#fff;background-color:#dc3545}
.badge-warning{color:#000;background-color:#ffc107}
.badge-info{color:#000;background-color:#0dcaf0}
.badge-light{color:#000;background-color:#f8f9fa}
.badge-dark{color:#fff;background-color:#212529}

/* --- dropdown-menu hizalama (BS5: end/start) --- */
.dropdown-menu-right{right:0;left:auto}
.dropdown-menu-left{right:auto;left:0}

/* --- .close (BS5: .btn-close) --- */
.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;background:transparent;border:0;padding:0;cursor:pointer}
.close:hover{opacity:.75}

/* --- custom form kontrolleri (BS5'te form-select / form-check oldu) --- */
.custom-select{display:block;width:100%;padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;line-height:1.5;color:#212529;vertical-align:middle;background:#fff 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 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #ced4da;border-radius:.25rem;appearance:none}
.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}
.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.5rem;display:block;width:1rem;height:1rem;content:"";background-color:#fff;border:1px solid #adb5bd}
.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#0d6efd;background-color:#0d6efd}
.custom-checkbox .custom-control-label::before{border-radius:.25rem}
.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}
.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}
.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}