/* Lobibox — Rocker / Bootstrap 5 uyumu */

/* Bootstrap 5 .btn-close SVG + Lobibox × = çift çarpı */
.lobibox .lobibox-header .btn-close {
  float: right;
  width: auto !important;
  height: auto !important;
  padding: 0 4px !important;
  margin: 0 !important;
  background: none !important;
  background-image: none !important;
  opacity: 0.9;
  font-size: 1.5rem;
  line-height: 1;
  color: inherit !important;
  box-shadow: none !important;
  border: 0 !important;
  text-indent: 0 !important;
}
.lobibox .lobibox-header .btn-close::before,
.lobibox .lobibox-header .btn-close::after {
  display: none !important;
  content: none !important;
}
.lobibox .lobibox-header .btn-close:hover {
  opacity: 1;
  text-shadow: none;
}
.lobibox .lobibox-header .btn-close + .btn-close {
  display: none !important;
}

.lobibox {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.18) !important;
  font-family: Roboto, system-ui, sans-serif;
}

/* Confirm — kırmızı tema (silme / onay) */
.lobibox.lobibox-confirm {
  border: 1px solid rgba(220, 53, 69, 0.35) !important;
}
.lobibox.lobibox-confirm .lobibox-header {
  background-color: #dc3545 !important;
  color: #fff !important;
  font-size: 1.05rem;
  font-weight: 500;
  padding: 0.75rem 1rem;
}
.lobibox.lobibox-confirm .lobibox-body {
  background-color: #fff !important;
  color: #212529 !important;
  padding: 1.25rem !important;
}
.lobibox.lobibox-confirm .lobibox-body .lobibox-icon {
  color: #dc3545 !important;
  font-size: 2.25rem !important;
}
.lobibox.lobibox-confirm .lobibox-footer {
  background-color: #f8f9fa !important;
  padding: 0.75rem 1rem !important;
  border-top: 1px solid #e9ecef;
}

/*
  Lobibox bazen eski btn-success / btn-danger sınıflarını bırakır.
  Confirm footer’da data-type ile zorla doğru görünüm.
*/
.lobibox.lobibox-confirm .lobibox-footer button[data-type="yes"] {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important;
}
.lobibox.lobibox-confirm .lobibox-footer button[data-type="yes"]:hover {
  background-color: #bb2d3b !important;
  border-color: #b02a37 !important;
}
.lobibox.lobibox-confirm .lobibox-footer button[data-type="no"] {
  background-color: #fff !important;
  border: 1px solid #6c757d !important;
  color: #6c757d !important;
}
.lobibox.lobibox-confirm .lobibox-footer button[data-type="no"]:hover {
  background-color: #6c757d !important;
  color: #fff !important;
}