/* Kongre Kayıt Sistemi v5 — 10 KOYU tema (ağırlıklı mavi) + stepper + formlar. */

/* -------------------- Varsayılan: OKYANUS MAVİSİ -------------------- */
:root {
  --kk-bg:         #0a1120;
  --kk-surface:    #12203a;
  --kk-surface-2:  #1a2c4e;
  --kk-border:     #25406e;
  --kk-text:       #f0f6ff;
  --kk-muted:      #c8d8ee;
  --kk-primary:    #60a5fa;
  --kk-primary-dark: #3b82f6;
  --kk-primary-light:#162540;
  --kk-gradient-start: #0f1a30;
  --kk-gradient-end:   #1a2c4e;
  --kk-radius: 10px;
}

/* OKYANUS MAVİSİ */
body[data-theme="blue"] {
  --kk-bg:#0a1120; --kk-surface:#12203a; --kk-surface-2:#1a2c4e;
  --kk-border:#25406e; --kk-primary:#60a5fa; --kk-primary-dark:#3b82f6;
  --kk-primary-light:#162540; --kk-gradient-start:#0f1a30; --kk-gradient-end:#1a2c4e;
}

/* GECE MAVİSİ — çok koyu, derin */
body[data-theme="midnight"] {
  --kk-bg:#05091a; --kk-surface:#0c132b; --kk-surface-2:#121c3d;
  --kk-border:#1c2a54; --kk-primary:#818cf8; --kk-primary-dark:#6366f1;
  --kk-primary-light:#11183a; --kk-gradient-start:#070c22; --kk-gradient-end:#121c3d;
}

/* LACİVERT — klasik navy */
body[data-theme="navy"] {
  --kk-bg:#020617; --kk-surface:#0b1230; --kk-surface-2:#10173c;
  --kk-border:#1e2a5c; --kk-primary:#3b82f6; --kk-primary-dark:#2563eb;
  --kk-primary-light:#0b1332; --kk-gradient-start:#040a24; --kk-gradient-end:#10173c;
}

/* KOBALT — indigo/cobalt */
body[data-theme="cobalt"] {
  --kk-bg:#0b1028; --kk-surface:#161b3e; --kk-surface-2:#1e2558;
  --kk-border:#2d3880; --kk-primary:#6366f1; --kk-primary-dark:#4f46e5;
  --kk-primary-light:#181e4b; --kk-gradient-start:#10163a; --kk-gradient-end:#1e2558;
}

/* GÖKYÜZÜ MAVİSİ — daha aydınlık sky blue vurgu */
body[data-theme="sky"] {
  --kk-bg:#071628; --kk-surface:#0d2440; --kk-surface-2:#123155;
  --kk-border:#1c4a78; --kk-primary:#38bdf8; --kk-primary-dark:#0ea5e9;
  --kk-primary-light:#0a2035; --kk-gradient-start:#0b1d35; --kk-gradient-end:#123155;
}

/* TURKUAZ — cyan-blue */
body[data-theme="turquoise"] {
  --kk-bg:#051f22; --kk-surface:#0b3338; --kk-surface-2:#114249;
  --kk-border:#1a5c64; --kk-primary:#22d3ee; --kk-primary-dark:#06b6d4;
  --kk-primary-light:#0a2f33; --kk-gradient-start:#082b2f; --kk-gradient-end:#114249;
}

/* BUZ MAVİSİ — açık mavi vurgu, koyu zemin */
body[data-theme="ice"] {
  --kk-bg:#0e1a2b; --kk-surface:#16283f; --kk-surface-2:#203553;
  --kk-border:#2f4a6f; --kk-primary:#7dd3fc; --kk-primary-dark:#38bdf8;
  --kk-primary-light:#172a43; --kk-gradient-start:#11223a; --kk-gradient-end:#203553;
}

/* ÇELİK MAVİSİ — gri-mavi */
body[data-theme="steel"] {
  --kk-bg:#0d141f; --kk-surface:#1a2433; --kk-surface-2:#253247;
  --kk-border:#3a4864; --kk-primary:#94a3b8; --kk-primary-dark:#64748b;
  --kk-primary-light:#1c2636; --kk-gradient-start:#141d2b; --kk-gradient-end:#253247;
}

/* DERİN MOR — alternatif */
body[data-theme="purple"] {
  --kk-bg:#120a1c; --kk-surface:#1d1229; --kk-surface-2:#271937;
  --kk-border:#3a2353; --kk-primary:#c084fc; --kk-primary-dark:#a855f7;
  --kk-primary-light:#2b1942; --kk-gradient-start:#1a0f26; --kk-gradient-end:#2b1942;
}

/* ORMAN YEŞİLİ — alternatif */
body[data-theme="green"] {
  --kk-bg:#07170f; --kk-surface:#0e2619; --kk-surface-2:#163626;
  --kk-border:#1f4e37; --kk-primary:#34d399; --kk-primary-dark:#10b981;
  --kk-primary-light:#113425; --kk-gradient-start:#0d2217; --kk-gradient-end:#163626;
}

html, body { height: 100%; }
body {
  background: var(--kk-bg);
  color: var(--kk-text);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               'Helvetica Neue', Arial, sans-serif;
}

a { color: var(--kk-primary); }
a:hover { color: #ffffff; }

/* Bootstrap override — koyu temada metin okunabilirliği */
.text-muted, p.text-muted, small.text-muted, .small.text-muted {
  color: var(--kk-muted) !important;
}
p, .small, small { color: var(--kk-text); }
.lead { color: var(--kk-text); }
strong { color: #ffffff; }
.text-dark { color: var(--kk-text) !important; }
.bg-light { background: var(--kk-surface) !important; color: var(--kk-text); }
dt, dd { color: var(--kk-text); }

/* Top bar */
.kk-topbar {
  background: linear-gradient(180deg, var(--kk-gradient-start) 0%, var(--kk-gradient-end) 100%);
  border-bottom: 1px solid var(--kk-border);
}
.kk-topbar .brand {
  font-weight: 700;
  color: var(--kk-primary);
  font-size: 1.1rem;
  text-decoration: none;
}
.kk-topbar .brand:hover { color: #fff; }
.kk-topbar .text-muted { color: var(--kk-muted) !important; }

/* Stepper */
.kk-stepper {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 1rem 2rem;
  font-size: .92rem;
  overflow-x: auto;
  background: var(--kk-surface);
  border-bottom: 1px solid var(--kk-border);
}
.kk-stepper .step {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--kk-muted);
  white-space: nowrap;
}
.kk-stepper .step .num { font-weight: 700; color: inherit; }
.kk-stepper .step.active { color: var(--kk-primary); font-weight: 700; }
.kk-stepper .step.done { color: #fff; }

/* v11 — Geçmiş adımlar tıklanabilir (anchor) */
a.step.done {
  text-decoration: none;
  cursor: pointer;
  transition: color .15s, transform .1s;
}
a.step.done:hover {
  color: var(--kk-primary);
  text-decoration: underline;
  transform: translateY(-1px);
}
a.step.done .num {
  position: relative;
}
a.step.done:hover .num::after {
  content: "↩";
  position: absolute;
  top: -12px;
  right: -14px;
  font-size: .7rem;
  color: var(--kk-primary);
  opacity: .85;
}
.kk-stepper .sep {
  flex: 0 0 28px;
  height: 1px;
  background: var(--kk-border);
  margin: 0 .5rem;
}
.kk-stepper .signin {
  margin-left: auto;
  color: var(--kk-primary);
  font-weight: 700;
  text-decoration: none;
}
.kk-stepper .signin:hover { color: #fff; }

/* Ana sütun */
.kk-wizard-wrap {
  max-width: 520px;
  margin: 3rem auto;
  padding: 0 1rem;
}
.kk-wizard-wrap h1 {
  font-weight: 800;
  margin: 0 0 1.75rem;
  font-size: 2.25rem;
  color: #fff;
}

h1, h2, h3, h4, h5 { color: var(--kk-text); }

/* Form — kullanıcı panel (Bootstrap form-control / form-select üstüne override) */
.form-control, .form-select {
  background: var(--kk-surface-2);
  color: var(--kk-text);
  border-radius: var(--kk-radius);
  border: 1.5px solid var(--kk-border);
  padding: .75rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  min-height: 3rem;
  box-sizing: border-box;
}
/* Native select'te dikey ortalama sorununu çöz */
select.form-select, select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font: inherit;
  line-height: 1.2 !important;
  height: 3rem;
  padding: 0 2.5rem 0 1rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%2360a5fa' d='M5 8l5 5 5-5H5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
  cursor: pointer;
}
select.form-select option, select.form-control option {
  background: var(--kk-surface-2);
  color: var(--kk-text);
  padding: .3rem;
}
.form-control::placeholder { color: var(--kk-muted); }
.form-control:focus, .form-select:focus {
  background: var(--kk-surface-2);
  color: var(--kk-text);
  border-color: var(--kk-primary);
  box-shadow: 0 0 0 .2rem rgba(192, 132, 252, .15);
  outline: 0;
}

/* v11 — Koyu temada native date/datetime picker düzeltmesi.
   Chromium (Chrome/Edge/Safari/Opera) date input'un takvim ikonunu
   siyah olarak render eder, koyu arka plan üzerinde görünmez hale gelir
   ve kullanıcı tarih picker'ı açamaz. Aşağıdaki kurallar bunu çözer. */
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"] {
  color-scheme: dark;
  cursor: pointer;
  padding-right: .5rem;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.4);
  opacity: .85;
  cursor: pointer;
  margin-left: 4px;
  padding: 2px;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover,
input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,
input[type="time"]::-webkit-calendar-picker-indicator:hover,
input[type="month"]::-webkit-calendar-picker-indicator:hover,
input[type="week"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}
/* Firefox native date input rengini zorla */
input[type="date"]::-moz-calendar-picker-indicator,
input[type="datetime-local"]::-moz-calendar-picker-indicator {
  filter: invert(1);
}

.form-label { color: var(--kk-muted); font-weight: 500; }

.form-check-input {
  background-color: var(--kk-surface-2);
  border: 1.5px solid var(--kk-border);
  width: 1.1rem;
  height: 1.1rem;
}
.form-check-input:checked {
  background-color: var(--kk-primary);
  border-color: var(--kk-primary);
}
.form-check-label { color: var(--kk-text); }

/* Düğmeler */
.btn-primary, .kk-btn {
  background: var(--kk-primary);
  border-color: var(--kk-primary);
  color: #0a0a0a;
  border-radius: var(--kk-radius);
  padding: .85rem 1.25rem;
  font-weight: 700;
  letter-spacing: .01em;
}
.btn-primary:hover, .kk-btn:hover {
  background: var(--kk-primary-dark);
  border-color: var(--kk-primary-dark);
  color: #0a0a0a;
}
.btn-outline-primary {
  color: var(--kk-primary);
  border-color: var(--kk-primary);
  background: transparent;
  border-radius: var(--kk-radius);
  font-weight: 600;
}
.btn-outline-primary:hover {
  background: var(--kk-primary);
  color: #0a0a0a;
}

.kk-link {
  color: var(--kk-primary);
  text-decoration: underline;
  font-weight: 600;
}
.kk-link:hover { color: #fff; }

/* Kart */
.kk-card {
  background: var(--kk-surface);
  border: 1px solid var(--kk-border);
  border-radius: 14px;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
}
.kk-card h3 {
  margin: 0 0 .75rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--kk-primary);
}

.kk-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .6rem 0;
  border-bottom: 1px dashed var(--kk-border);
}
.kk-summary-row:last-child { border-bottom: 0; }

/* v11 — Sepet özetinde "Kayıt olunan kongre" alt başlığı */
.kk-summary-congress {
  margin: -.2rem 0 .9rem 0;
  padding: .7rem .9rem;
  background: linear-gradient(180deg, rgba(34, 211, 238, 0.10), rgba(34, 211, 238, 0.03));
  border: 1px solid rgba(34, 211, 238, 0.28);
  border-radius: 10px;
}
.kk-summary-congress-label {
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--kk-muted, #94a3b8);
  margin-bottom: .2rem;
}
.kk-summary-congress-name {
  font-size: .98rem;
  font-weight: 700;
  color: var(--kk-primary, #22d3ee);
  line-height: 1.35;
}
.kk-summary-congress-meta {
  margin-top: .25rem;
  font-size: .78rem;
  color: var(--kk-muted, #94a3b8);
  line-height: 1.4;
}

.kk-total {
  display: flex; justify-content: space-between;
  font-size: 1.2rem; font-weight: 700;
  padding-top: .75rem; margin-top: .75rem;
  border-top: 2px solid var(--kk-primary);
  color: var(--kk-primary);
}

/* ===== v122 — Premium sepet kalemleri (çöp ikonu + güzel fiyat) ===== */
.kk-cart-items { display: flex; flex-direction: column; gap: .5rem; margin: .25rem 0 .9rem; }
.kk-cart-item {
  display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem;
  padding: .7rem .8rem;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--kk-border);
  border-radius: 12px;
  transition: border-color .15s ease, background .15s ease;
}
.kk-cart-item:hover { border-color: rgba(34,211,238,.4); background: rgba(255,255,255,.05); }
.kk-cart-item.is-paid { opacity: .85; }
.kk-cart-item-info { min-width: 0; }
.kk-cart-item-name { font-weight: 600; font-size: .92rem; color: #e8edf6; line-height: 1.3; }
.kk-cart-item-meta { margin-top: .25rem; font-size: .76rem; color: var(--kk-muted, #94a3b8); display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; }
.kk-cart-qty { font-variant-numeric: tabular-nums; }
.kk-cart-vat { opacity: .85; }
.kk-cart-paid { background: rgba(34,197,94,.18); color: #4ade80; font-weight: 600; padding: .05rem .45rem; border-radius: 999px; font-size: .68rem; }
.kk-cart-item-end { display: flex; align-items: center; gap: .5rem; flex: none; }
.kk-cart-item-price { font-weight: 700; font-size: 1rem; color: #fff; white-space: nowrap; font-variant-numeric: tabular-nums; }
.kk-cart-remove-form { margin: 0; display: flex; }
.kk-cart-trash {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; flex: none;
  background: transparent; border: 1px solid var(--kk-border); border-radius: 9px;
  color: var(--kk-muted, #94a3b8); cursor: pointer; padding: 0;
  transition: all .15s ease;
}
.kk-cart-trash:hover { color: #f87171; border-color: rgba(248,113,113,.5); background: rgba(248,113,113,.12); transform: translateY(-1px); }
.kk-cart-trash:active { transform: scale(.92); }

.kk-cart-totals { display: flex; flex-direction: column; gap: .3rem; padding-top: .35rem; }
.kk-cart-total-row { display: flex; justify-content: space-between; font-size: .82rem; color: var(--kk-muted, #94a3b8); }
.kk-cart-total-row span:last-child { font-variant-numeric: tabular-nums; color: #cbd5e1; }
.kk-cart-total-row.is-discount, .kk-cart-total-row.is-discount span:last-child { color: #4ade80; }

.kk-autocart-hint { margin-top: .7rem; font-size: .82rem; color: #4ade80; font-weight: 500; }

.kk-pay-secure { display: flex; align-items: center; gap: .8rem; color: #67e8f9; }
.kk-pay-secure svg { flex: none; }
.kk-pay-secure strong { color: #e8edf6; }

/* ===== v122 — Seçenek etiketlerinde fiyat badge + tag (tüm adımlar) ===== */
.kk-price-badge {
  display: inline-block; font-weight: 700; font-variant-numeric: tabular-nums;
  background: rgba(34, 211, 238, .14); color: #67e8f9;
  border: 1px solid rgba(34, 211, 238, .32);
  padding: .1rem .55rem; border-radius: 8px; font-size: .9em; white-space: nowrap;
  margin: 0 .15rem;
}
.kk-opt-tag {
  display: inline-block; font-weight: 600; font-size: .72em; letter-spacing: .02em;
  background: rgba(148, 163, 184, .16); color: #cbd5e1;
  padding: .1rem .55rem; border-radius: 999px; margin-left: .25rem;
  text-transform: uppercase; vertical-align: middle;
}
/* Seçili seçenekte badge'i vurgula */
.kk-option-list li label input:checked ~ span .kk-price-badge,
.kk-option-list li:has(input:checked) .kk-price-badge {
  background: rgba(34, 211, 238, .24); color: #a5f3fc; border-color: rgba(34, 211, 238, .55);
}

/* Kongre kartı */
.kk-congress-card {
  background: var(--kk-surface);
  border-radius: 14px;
  border: 1px solid var(--kk-border);
  padding: 1.5rem;
  color: var(--kk-text);
  transition: .2s;
}
.kk-congress-card:hover {
  border-color: var(--kk-primary);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
  transform: translateY(-2px);
}
.kk-congress-card .text-muted { color: var(--kk-muted) !important; }
.kk-congress-card h4 { color: #fff; }

/* Tema rozeti */
.kk-theme-dot {
  display: inline-block;
  width: 10px; height: 10px; border-radius: 50%;
  vertical-align: middle;
  margin-right: .25rem;
  background: var(--kk-primary);
}
.kk-theme-dot.theme-blue      { background: #60a5fa; }
.kk-theme-dot.theme-midnight  { background: #818cf8; }
.kk-theme-dot.theme-navy      { background: #3b82f6; }
.kk-theme-dot.theme-cobalt    { background: #6366f1; }
.kk-theme-dot.theme-sky       { background: #38bdf8; }
.kk-theme-dot.theme-turquoise { background: #22d3ee; }
.kk-theme-dot.theme-ice       { background: #7dd3fc; }
.kk-theme-dot.theme-steel     { background: #94a3b8; }
.kk-theme-dot.theme-purple    { background: #c084fc; }
.kk-theme-dot.theme-green     { background: #34d399; }

/* Badge */
.kk-badge {
  display: inline-block;
  padding: .25rem .55rem;
  border-radius: 6px;
  font-size: .75rem;
  font-weight: 700;
  background: var(--kk-primary-light);
  color: var(--kk-primary);
  border: 1px solid var(--kk-border);
}

/* =====================================================================
 * Bootstrap tablo override — koyu tema uyumu
 * .kk-card içindeki tablolar beyaz arkaplanlı kalmasın.
 * ===================================================================== */
.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--kk-text);
  --bs-table-border-color: var(--kk-border);
  --bs-table-hover-bg: rgba(96,165,250,.06);
  --bs-table-hover-color: #fff;
  --bs-table-striped-bg: rgba(255,255,255,.015);
  --bs-table-striped-color: var(--kk-text);
  color: var(--kk-text);
  background: transparent;
  border-color: var(--kk-border);
}
.kk-card .table { margin: 0; }
.table > :not(caption) > * > * {
  background-color: transparent;
  color: var(--kk-text);
  border-bottom-color: var(--kk-border);
  padding: .85rem .75rem;
}
.table thead {
  background: rgba(255,255,255,.02);
}
.table thead th {
  color: var(--kk-primary);
  font-weight: 600;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-bottom: 2px solid var(--kk-border) !important;
  background: transparent !important;
}
.table tbody tr {
  transition: background-color .15s ease;
}
.table tbody tr:hover > * {
  background-color: rgba(96,165,250,.06) !important;
  color: #fff;
}
.table tbody tr:last-child > * {
  border-bottom: 0;
}
/* text-muted small etiketleri tablo içinde okunaklı */
.table .text-muted {
  color: var(--kk-muted) !important;
}

/* Alerts */
.alert-info {
  background: var(--kk-primary-light);
  border-color: var(--kk-border);
  color: var(--kk-primary);
}
.alert-success { background:#0e3726; color:#34d399; border-color:#166640; }
.alert-warning { background:#3a2909; color:#fbbf24; border-color:#6b4a14; }
.alert-danger  { background:#3a0e15; color:#f87171; border-color:#6b1920; }

/* Tabs */
.nav-tabs .nav-link {
  color: var(--kk-muted);
  border: 0;
  border-bottom: 2px solid transparent;
  padding: .75rem 1.25rem;
  font-weight: 600;
  background: transparent;
}
.nav-tabs .nav-link:hover { color: var(--kk-primary); }
.nav-tabs .nav-link.active {
  color: var(--kk-primary);
  border-bottom-color: var(--kk-primary);
  background: transparent;
}
.nav-tabs { border-bottom-color: var(--kk-border); }

/* Tablo */
.table { color: var(--kk-text); }
.table thead th { color: var(--kk-muted); border-color: var(--kk-border); }
.table td, .table th { border-color: var(--kk-border); }

/* Dil değiştirici */
.kk-lang-switch {
  display: inline-flex;
  gap: 0;
  border: 1px solid var(--kk-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--kk-surface);
  margin-right: .75rem;
}
.kk-lang-switch form { margin: 0; }
.kk-lang-switch button {
  padding: .3rem .6rem;
  font-size: .8rem;
  font-weight: 700;
  background: transparent;
  color: var(--kk-muted);
  border: 0;
  cursor: pointer;
}
.kk-lang-switch button:hover { color: #fff; }
.kk-lang-switch button.active {
  background: var(--kk-primary);
  color: #0a0a0a;
}

footer { color: var(--kk-muted); }

/* =====================================================================
 * v9 — Tek tip "ürün seçimi" deneyimi
 * Her adımda (refakatçi/otel/kurs/transfer) radio listesi aynı stil,
 * "Sepete Ekle" butonu turuncu vurgu, fiyat etiketi sağda belirgin.
 * ===================================================================== */

/* Radio list konteyneri — ul > li formatında Django render eder */
.kk-option-list {
  list-style: none;
  padding: 0;
  margin: 0 0 .75rem;
}
.kk-option-list > li,
.kk-option-list .form-check {
  display: block;
  padding: 0;
  margin: 0 0 .6rem;
}
.kk-option-list label {
  display: flex;
  align-items: center;
  gap: .85rem;
  cursor: pointer;
  padding: 1rem 1.15rem;
  background: rgba(255,255,255,.02);
  border: 1.5px solid var(--kk-border);
  border-radius: 12px;
  transition: all .15s ease;
  color: var(--kk-text);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.35;
}
.kk-option-list label:hover {
  border-color: var(--kk-primary);
  background: rgba(96,165,250,.08);
}
.kk-option-list input[type="radio"],
.kk-option-list input[type="checkbox"] {
  accent-color: var(--kk-primary);
  width: 20px; height: 20px;
  flex-shrink: 0;
}
/* Seçili olanı vurgula */
.kk-option-list input[type="radio"]:checked + *,
.kk-option-list input[type="checkbox"]:checked + * {
  color: #fff;
}
.kk-option-list label:has(input:checked) {
  border-color: var(--kk-primary);
  background: rgba(96,165,250,.14);
  box-shadow: 0 0 0 2px rgba(96,165,250,.25);
}

/* "Sepete Ekle" turuncu accent butonu */
.kk-btn-cart {
  background: linear-gradient(135deg, #f97316, #ea580c);
  border: 1.5px solid #ea580c;
  color: #fff !important;
  border-radius: var(--kk-radius);
  padding: .8rem 1.6rem;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: 0 4px 14px rgba(249,115,22,.3);
  transition: all .15s ease;
}
.kk-btn-cart:hover,
.kk-btn-cart:focus {
  background: linear-gradient(135deg, #fb923c, #f97316);
  border-color: #f97316;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(249,115,22,.45);
  transform: translateY(-1px);
}
.kk-btn-cart:active { transform: translateY(0); }

/* Bilgi şeridi (gray) */
.kk-field-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin-top: 1rem;
}
.kk-field-grid .form-label {
  font-size: .88rem;
  color: var(--kk-muted);
  margin-bottom: .3rem;
  font-weight: 600;
}

/* Geri / İleri navigasyon — daha nefes aldırıcı */
.kk-nav-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--kk-border);
}

@media (max-width: 680px) {
  .kk-stepper { padding: .75rem 1rem; font-size: .8rem; }
  .kk-stepper .sep { flex-basis: 20px; margin: 0 .5rem; }
  .kk-wizard-wrap { margin-top: 1.5rem; }
  .kk-wizard-wrap h1 { font-size: 1.75rem; }
  .kk-option-list label { padding: .85rem 1rem; font-size: .95rem; }
  .kk-btn-cart { padding: .75rem 1.2rem; }
}