/* Eski Bootstrap koruma katmani v17 (27.10.2026). Tebex'in kendi urettigi HTML (, hata/uyari mesajlari,
   panelden eklenen sayfa icerigi) ve elden gecmemis eski sablonlar Combat'in Bootstrap 4 siniflarini kullanir.
   Bootstrap'in acik renkli varsayilanlari (jumbotron #e9ecef, btn-light, bg-white, table, alert) koyu temada okunmaz kaliyordu.
   Bu dosya o siniflari tek tek koyu temaya, C altin vurguya ve 6/10/16 koseye ceker. Yeni (fx-) isaretleme bunlara dayanmaz.
   feron-form.css'ten sonra, feron-mobil.css'ten once yuklenir. */

/* ---- Bantlar ve kutular ---- */
.jumbotron { margin: 0 0 32px; padding: clamp(32px, 5vw, 64px) 0 clamp(20px, 3vw, 32px); border-radius: 0; color: var(--metin);
  background: radial-gradient(70% 140% at 50% 0%, var(--vurgu-sis, rgba(255, 255, 255, .05)), transparent 70%); }
.jumbotron h1, .jumbotron .h1 { font: 700 clamp(30px, 3vw + 10px, 48px)/1.05 var(--baslik); text-transform: none; color: var(--metin); }
.jumbotron p, .jumbotron .lead { color: var(--soluk); }
.card { background: linear-gradient(180deg, rgba(24, 25, 29, .92), rgba(14, 15, 18, .94)); color: var(--metin); border: 0; border-radius: var(--r-b);
  box-shadow: inset 0 0 0 1px var(--kenar-ince, rgba(255, 255, 255, .07)), var(--cam-isik, none); }
.card-header, .card-footer { background: none; border: 0; padding: 20px 24px 0; border-radius: var(--r-b) var(--r-b) 0 0 !important; }
.card-footer { padding: 0 24px 20px; }
.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5 { margin: 0; font: 700 20px/1.2 var(--baslik); text-transform: none; }
.card-body { padding: 20px 24px 24px; }
.list-group-item { background: var(--cam, var(--panel)); color: var(--metin); border-color: var(--kenar-ince, var(--panel-3)); }
.list-group-item:first-child { border-top-left-radius: var(--r); border-top-right-radius: var(--r); }
.list-group-item:last-child { border-bottom-left-radius: var(--r); border-bottom-right-radius: var(--r); }
hr { border-top-color: var(--kenar-ince, var(--panel-3)); }

/* ---- Dugmeler: hepsi iki bicimden birine iner (ana: vurgu, ikincil: cam) ---- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 0; border-radius: var(--r);
  font: 700 15px/1 var(--baslik); text-transform: none; letter-spacing: 0; white-space: nowrap; cursor: pointer;
  transition: transform .18s var(--gecis), box-shadow .18s, filter .18s, background .18s; }
.btn:focus, .btn.focus { box-shadow: 0 0 0 3px var(--vurgu-cizgi, rgba(255, 255, 255, .25)); outline: 0; }
.btn-lg { min-height: 52px; padding: 0 24px; font-size: 17px; }
.btn-sm { min-height: 36px; padding: 0 12px; font-size: 14px; }
.btn-block { display: flex; width: 100%; }
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger,
.btn-primary:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled):active {
  color: var(--vurgu-murekkep); background: linear-gradient(180deg, var(--vurgu-acik), var(--vurgu)); border: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 -1px 0 rgba(0, 0, 0, .18), 0 10px 28px -14px var(--vurgu-parlama, transparent); }
.btn-primary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover {
  color: var(--vurgu-murekkep); filter: brightness(1.06); transform: translateY(-1px); text-decoration: none; }
.btn-secondary, .btn-light, .btn-dark, .btn-tertiary, .btn-default,
.btn-outline-primary, .btn-outline-secondary, .btn-outline-light, .btn-outline-success {
  color: var(--metin); background: var(--cam, var(--panel-2)); border: 0; box-shadow: inset 0 0 0 1px var(--cam-kenar, var(--panel-3)), var(--cam-isik, none); }
.btn-secondary:hover, .btn-light:hover, .btn-dark:hover, .btn-tertiary:hover, .btn-default:hover,
.btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-light:hover, .btn-outline-success:hover {
  color: #fff; background: var(--cam-2, var(--panel-3)); text-decoration: none; }
.btn-link { min-height: 0; padding: 0; color: var(--soluk); background: none; box-shadow: none; font-weight: 600; }
.btn-link:hover { color: var(--metin); text-decoration: none; }
.btn:disabled, .btn.disabled, .btn[disabled] { opacity: .5; transform: none; filter: none; cursor: not-allowed; }
.close { color: var(--metin); text-shadow: none; opacity: .7; }
.close:hover { color: #fff; opacity: 1; }

/* ---- Girdiler ---- */
.form-control, .custom-select, select.form-control { min-height: 46px; color: var(--metin); background-color: rgba(0, 0, 0, .32);
  border: 0; border-radius: var(--r);
  box-shadow: inset 0 0 0 1px var(--cam-kenar, var(--panel-3)); font-size: 16px; }
.form-control::placeholder { color: color-mix(in srgb, var(--soluk) 75%, transparent); }
.form-control:focus, .custom-select:focus { color: #fff; background-color: rgba(0, 0, 0, .4); border: 0;
  box-shadow: inset 0 0 0 1px var(--vurgu), 0 0 0 3px var(--vurgu-sis, transparent); }
.form-control:disabled, .form-control[readonly] { color: var(--soluk); background-color: rgba(255, 255, 255, .03); opacity: 1; }
select.form-control, .custom-select { appearance: none; -webkit-appearance: none; padding-right: 40px;
  background-repeat: no-repeat; background-position: right 14px center; background-size: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' \
stroke='%23bcb4a5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
select.form-control option { background: var(--panel); color: var(--metin); }
.input-group-text { min-height: 46px; color: var(--soluk); background: var(--cam-2, var(--panel-2)); border: 0; border-radius: var(--r);
  box-shadow: inset 0 0 0 1px var(--cam-kenar, var(--panel-3)); font-weight: 600; }
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.custom-control-label::before { background: rgba(0, 0, 0, .32); border-color: var(--cam-kenar, var(--panel-3)); }
.custom-control-input:checked ~ .custom-control-label::before { background: var(--vurgu); border-color: var(--vurgu); }
label { color: var(--metin); }

/* ---- Uyarilar (Tebex'in hata/basari mesajlari) ---- */
.alert { border: 0; border-radius: var(--r); color: var(--metin); background: var(--cam, var(--panel-2));
  box-shadow: inset 0 0 0 1px var(--kenar-ince, var(--panel-3)); }
.alert-primary, .alert-info { background: var(--vurgu-sis, var(--panel-2)); box-shadow: inset 0 0 0 1px var(--vurgu-cizgi, var(--vurgu)); }
.alert-success { background: color-mix(in srgb, var(--yesil) 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--yesil) 40%, transparent); }
.alert-warning { background: rgba(245, 180, 60, .12); box-shadow: inset 0 0 0 1px rgba(245, 180, 60, .4); }
.alert-danger { background: rgba(229, 72, 77, .13); box-shadow: inset 0 0 0 1px rgba(229, 72, 77, .45); }
.alert a, .alert .alert-link { color: inherit; text-decoration: underline; }

/* ---- Tablolar, rozetler, sekmeler, sayfalama ---- */
.table { color: var(--metin); }
.table th, .table td { border-color: var(--kenar-ince, var(--panel-3)); }
.table thead th { border-bottom-color: var(--cam-kenar, var(--panel-3)); color: var(--soluk); font-weight: 600; }
.table-striped tbody tr:nth-of-type(odd) { background: rgba(255, 255, 255, .03); }
.table-hover tbody tr:hover { color: var(--metin); background: rgba(255, 255, 255, .05); }
.badge { padding: 4px 8px; border-radius: var(--r-k); font-weight: 700; }
.badge-primary, .badge-warning { color: var(--vurgu-murekkep); background: var(--vurgu); }
.badge-secondary, .badge-light, .badge-dark, .badge-info { color: var(--metin); background: var(--cam-2, var(--panel-3)); }
.badge-success { color: #08130c; background: var(--yesil); }
.badge-danger { color: #fff; background: #e5484d; }
.nav-tabs { border-bottom-color: var(--kenar-ince, var(--panel-3)); }
.nav-tabs .nav-link { color: var(--soluk); border: 0; border-radius: var(--r) var(--r) 0 0; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--metin); background: var(--cam, var(--panel-2)); }
.page-link { color: var(--metin); background: var(--cam, var(--panel-2)); border-color: var(--kenar-ince, var(--panel-3)); }
.page-item.active .page-link { color: var(--vurgu-murekkep); background: var(--vurgu); border-color: var(--vurgu); }
.dropdown-menu { color: var(--metin); background: var(--panel); border: 0; border-radius: var(--r);
  box-shadow: inset 0 0 0 1px var(--kenar-ince, var(--panel-3)), 0 20px 50px -20px #000; }
.dropdown-item { color: var(--metin); }
.dropdown-item:hover, .dropdown-item:focus { color: #fff; background: var(--cam-2, var(--panel-2)); }
.progress { background: rgba(255, 255, 255, .06); border-radius: var(--r-hap); }
.progress-bar { background: linear-gradient(90deg, var(--ana), var(--vurgu)); color: var(--vurgu-murekkep); }
.tooltip-inner, .popover { color: var(--metin); background: var(--panel-2); border-radius: var(--r); }

/* ---- Modal ---- */
.modal-content { color: var(--metin); background: linear-gradient(180deg, #18191d, #0f1013); border: 0; border-radius: var(--r-b);
  box-shadow: inset 0 0 0 1px var(--kenar-ince, rgba(255, 255, 255, .08)), 0 40px 90px -30px #000; }
.modal-header, .modal-footer { background: none; border-color: var(--kenar-ince, var(--panel-3)); }
.modal-title { font: 700 22px/1.2 var(--baslik); text-transform: none; }
.modal-backdrop.show { opacity: .72; }

/* ---- Acik renk yardimci siniflari: koyu temada okunur kalsin ---- */
.bg-light, .bg-white { background: var(--cam, var(--panel)) !important; color: var(--metin) !important; }
.bg-dark { background: rgba(0, 0, 0, .28) !important; }
.bg-primary, .bg-warning { background: var(--vurgu-sis, var(--panel-2)) !important; color: var(--metin) !important; }
.text-dark, .text-body, .text-black-50 { color: var(--metin) !important; }
.text-muted, .text-secondary { color: var(--soluk) !important; }
.text-primary, .text-warning { color: var(--vurgu) !important; }
.text-success { color: var(--yesil) !important; }
.border, .border-primary, .border-light { border-color: var(--kenar-ince, var(--panel-3)) !important; }
.rounded, .rounded-lg { border-radius: var(--r) !important; }
.shadow, .shadow-sm, .shadow-lg { box-shadow: 0 20px 50px -30px #000 !important; }

/* Combat'in gizleme siniflari (hediye kutusu "hide hidden" ile baslar; Tebex betigi acar). Bootstrap 4'te yoklar. */
.hide, .hidden { display: none; }