/* =========================================================
   GLOBAL - Modal Theme (Bootstrap)
   Unified background: modal arka planı ile aynı, ayrım sadece border ile
   Kapsam: SADECE .modal-content.modal-theme kullanan modallar
   ========================================================= */

/* ---------------------------------------------------------
   1) Modal ana zemin + dış çerçeve
   --------------------------------------------------------- */
.modal .modal-content.modal-theme{
  background: #071427;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92);
}

.modal { z-index: 1055 !important; }
.modal-backdrop { z-index: 1050 !important; }

.modal-theme .modal-header,
.modal-theme .modal-footer{
  padding: .6rem .9rem;
}

/* Header / Footer: aynı zemin + net border */
.modal .modal-content.modal-theme .modal-header,
.modal .modal-content.modal-theme .modal-footer{
  background: transparent !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* ---------------------------------------------------------
   2) İçerideki kartlar: flat (bg yok), sadece border
   Not: Bootstrap'te .card.bg-dark gibi sınıfları da override eder
   --------------------------------------------------------- */
.modal .modal-content.modal-theme .modal-body .card,
.modal .modal-content.modal-theme .modal-body .card.bg-dark{
  background: transparent !important;
  box-shadow: none !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Card radius */
.modal .modal-content.modal-theme .card{
  border-radius: 10px;
}
.modal .modal-content.modal-theme .card-header{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Card header: hafif ton farkı */
.modal .modal-content.modal-theme .modal-body .card > .card-header{
  background: rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.04);
}

/* Card body: transparent */
.modal .modal-content.modal-theme .modal-body .card > .card-body{
  background: transparent !important;
}

/* ---------------------------------------------------------
   3) border-secondary / hr dili
   --------------------------------------------------------- */
.modal .modal-content.modal-theme .border-secondary{
  border-color: rgba(255,255,255,.12) !important;
}

.modal .modal-content.modal-theme hr.border-secondary{
  border-color: rgba(255,255,255,.10) !important;
  opacity: 1;
}

/* İç kutu (ör: teslim bilgileri) */
.modal .modal-content.modal-theme .border.border-secondary{
  background: transparent !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* ---------------------------------------------------------
   4) KV (key/value) alanları (opsiyonel - kullanıyorsan)
   --------------------------------------------------------- */
.modal .modal-content.modal-theme .kv-key{ color: rgba(255,255,255,.55); }
.modal .modal-content.modal-theme .kv-val{ color: rgba(255,255,255,.92); }

/* ---------------------------------------------------------
   5) Form kontrolleri: zemine gömülü
   --------------------------------------------------------- */
/* INPUT'lar */
.modal .modal-content.modal-theme .form-control{
  background: rgba(0,0,0,.18);
  border-color: rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);

  /* kritik: input'ta ok olmasın */
  background-image: none !important;
  appearance: none;
}

/* SELECT'ler */
.modal .modal-content.modal-theme .form-select{
  background: rgba(0,0,0,.18);
  border-color: rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);

  /* select oku aktif */
  appearance: none;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;

  /* dark theme ok */
  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='rgba(255,255,255,.75)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.modal .modal-content.modal-theme .form-control::placeholder{
  color: rgba(255,255,255,.35) !important;
}

.modal .modal-content.modal-theme .form-control:focus,
.modal .modal-content.modal-theme .form-select:focus{
  background: rgba(0,0,0,.22) !important;
  border-color: rgba(32,201,151,.35) !important; /* yeşil accent */
  box-shadow: none !important;
  outline: none !important;
}

/* ---------------------------------------------------------
   6) Select2 (Bootstrap modal içi minimal uyum)
   --------------------------------------------------------- */
.modal .modal-content.modal-theme .select2-container--default .select2-selection--single{
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  height: 31px;
}

.modal .modal-content.modal-theme .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: rgba(255,255,255,.92) !important;
  line-height: 29px;
}

.modal .modal-content.modal-theme .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 29px;
}

.modal .modal-content.modal-theme .select2-dropdown{
  background: #071427 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.modal .modal-content.modal-theme .select2-results__option{
  color: rgba(255,255,255,.85) !important;
}

.modal .modal-content.modal-theme .select2-results__option--highlighted.select2-results__option--selectable{
  background: rgba(32,201,151,.14) !important;
}

.modal-theme .select2-container{
  z-index: 1060;
}

/* ---------------------------------------------------------
   7) Modal dismiss / cancel buttons
   --------------------------------------------------------- */
.modal .modal-content.modal-theme .btn-modal-cancel{
  --bs-btn-color: rgba(255,255,255,.85);
  --bs-btn-border-color: rgba(255,255,255,.25);
  --bs-btn-bg: transparent;

  --bs-btn-hover-color: #fff;                /* KRİTİK: siyaha düşmesin */
  --bs-btn-hover-bg: rgba(255,255,255,.12);
  --bs-btn-hover-border-color: rgba(255,255,255,.45);

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(255,255,255,.18);
  --bs-btn-active-border-color: rgba(255,255,255,.55);

  --bs-btn-focus-shadow-rgb: 255,255,255;

  font-weight: 500;
}