:root {
  --rb-bg: #15181f;
  --rb-bg-soft: #1b1f27;
  --rb-panel: #20242d;
  --rb-panel-2: #262b35;
  --rb-panel-3: #2b313c;
  --rb-border: #3a414d;
  --rb-border-soft: #313844;
  --rb-text: #f5f7fa;
  --rb-text-soft: #d0d6df;
  --rb-text-muted: #a0a8b7;
  --rb-primary: #c62839;
  --rb-primary-hover: #a91f2f;
  --rb-primary-soft: rgba(198, 40, 57, 0.14);
  --rb-primary-ring: rgba(198, 40, 57, 0.28);
  --rb-success: #16a34a;
  --rb-warning: #d97706;
  --rb-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
  --rb-radius: 18px;
  --rb-radius-sm: 12px;
}

/* Genel zemin */
html,
body {
  background:
    radial-gradient(circle at top right, rgba(198, 40, 57, 0.10), transparent 28%),
    radial-gradient(circle at bottom left, rgba(198, 40, 57, 0.06), transparent 34%),
    linear-gradient(180deg, #181c24 0%, #1d222b 100%) !important;
  color: var(--rb-text);
}

body {
  font-feature-settings: "ss01" 1, "cv01" 1;
}

a {
  transition: all 0.2s ease;
}

::selection {
  background: rgba(198, 40, 57, 0.28);
  color: #fff;
}

/* Ortak yüzeyler */
.container,
.max-w-7xl,
.max-w-\[1400px\] {
  position: relative;
}

/* Koyu panelleri biraz aç */
.bg-zinc-900\/50,
.bg-zinc-900\/60,
.bg-zinc-900\/70,
.bg-zinc-950,
.bg-black\/90,
.bg-black\/80,
.bg-black\/70 {
  background-color: rgba(32, 36, 45, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.border-zinc-800,
.border-zinc-700\/50,
.border-zinc-700,
.border-zinc-600\/50 {
  border-color: var(--rb-border) !important;
}

.text-zinc-400,
.text-zinc-500,
.text-gray-400,
.text-gray-500 {
  color: var(--rb-text-muted) !important;
}

.text-white {
  color: var(--rb-text) !important;
}

/* Kart / panel */
.rounded-lg,
.rounded-xl,
.rounded-2xl {
  overflow: hidden;
}

.bg-zinc-900\/50.backdrop-blur-sm,
.bg-zinc-900\/50.border,
.bg-zinc-800\/30.border,
.bg-zinc-900\/60.border {
  box-shadow: var(--rb-shadow);
}

[class*="shadow"] {
  box-shadow: var(--rb-shadow);
}

.glass-effect {
  background: rgba(32, 36, 45, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(12px);
}

/* Header */
header,
.site-header,
nav {
  border-color: var(--rb-border) !important;
}

header {
  background: linear-gradient(180deg, rgba(32, 36, 45, 0.98) 0%, rgba(29, 34, 43, 0.96) 100%) !important;
  border-bottom: 1px solid rgba(198, 40, 57, 0.16) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

header a:hover,
nav a:hover {
  color: #fff !important;
}

header .text-yellow-400,
nav .text-yellow-400,
.text-red-500,
.text-red-400 {
  color: var(--rb-primary) !important;
}

.bg-red-500\/10,
.bg-red-500\/20 {
  background-color: var(--rb-primary-soft) !important;
}

.border-red-500\/20,
.border-red-500\/30,
.border-red-500\/40,
.border-red-500\/50 {
  border-color: rgba(198, 40, 57, 0.24) !important;
}

/* Butonlar */
button,
.btn,
a[class*="bg-red-"],
a[class*="bg-yellow-"],
button[class*="bg-red-"],
button[class*="bg-yellow-"],
.kb-primary-btn,
.kb-home-btn,
.kb-submit-btn {
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease;
}

button:hover,
.btn:hover,
.kb-primary-btn:hover,
.kb-home-btn:hover,
.kb-submit-btn:hover {
  transform: translateY(-1px);
}

.bg-red-600,
.bg-red-500,
.bg-yellow-500,
.bg-yellow-600,
.kb-primary-btn,
.kb-home-btn,
.kb-submit-btn {
  background: linear-gradient(135deg, var(--rb-primary) 0%, #8d1e2a 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(198, 40, 57, 0.22);
}

.bg-red-600:hover,
.bg-red-500:hover,
.bg-yellow-500:hover,
.bg-yellow-600:hover,
.kb-primary-btn:hover,
.kb-home-btn:hover,
.kb-submit-btn:hover {
  background: linear-gradient(135deg, var(--rb-primary-hover) 0%, #7f1823 100%) !important;
}

.bg-zinc-800,
.bg-zinc-800\/30,
.bg-gray-800,
.kb-secondary-btn {
  background: linear-gradient(180deg, var(--rb-panel-2) 0%, var(--rb-panel) 100%) !important;
  border: 1px solid var(--rb-border) !important;
  color: var(--rb-text) !important;
}

/* Form alanları */
input,
select,
textarea {
  background-color: #171b22 !important;
  border-color: var(--rb-border) !important;
  color: var(--rb-text) !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--rb-text-muted) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--rb-primary) !important;
  box-shadow: 0 0 0 3px var(--rb-primary-ring) !important;
  outline: none !important;
}

/* Footer / mobil alt bar */
footer,
.md\:hidden.fixed.bottom-0.left-0.right-0.z-50 {
  background: rgba(29, 34, 43, 0.96) !important;
  border-color: rgba(198, 40, 57, 0.14) !important;
  box-shadow: 0 -10px 26px rgba(0, 0, 0, 0.16);
}

/* Ana sayfa slider */
.home-slider,
.swiper {
  border-radius: 22px;
}

.swiper-pagination-bullet-active {
  background: var(--rb-primary) !important;
}

.home-slider .absolute.bottom-0 {
  background: linear-gradient(180deg, transparent 0%, rgba(34, 13, 16, 0.24) 30%, rgba(24, 28, 36, 0.90) 100%) !important;
}

/* Başlıklar */
h1,
h2,
h3,
h4 {
  letter-spacing: -0.02em;
}

.text-yellow-300,
.text-yellow-400 {
  color: #ef4444 !important;
}

/* Hesabım / ödeme kutuları */
a[href*="para-yatir"],
a[href*="para-cek"],
a[href*="hesabim"] .bg-red-500\/20 {
  border-color: rgba(198, 40, 57, 0.18) !important;
}

/* Ödeme sayfaları */
.kb-payment-page {
  padding: 0 !important;
  background: transparent !important;
  min-height: auto !important;
}

.kb-payment-shell {
  max-width: 100% !important;
}

.kb-payment-card {
  background: linear-gradient(180deg, rgba(32, 36, 45, 0.96) 0%, rgba(27, 31, 39, 0.98) 100%) !important;
  border: 1px solid var(--rb-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--rb-shadow) !important;
  overflow: hidden !important;
}

.kb-surface-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top right, rgba(198, 40, 57, 0.10), transparent 34%),
    radial-gradient(circle at bottom left, rgba(198, 40, 57, 0.06), transparent 32%);
  z-index: 0;
}

.kb-payment-card > * {
  position: relative;
  z-index: 1;
}

.kb-payment-badge {
  background: rgba(198, 40, 57, 0.10) !important;
  color: #f8b4bb !important;
}

.kb-step {
  background: #181c24 !important;
  border-color: var(--rb-border) !important;
  color: var(--rb-text-muted) !important;
}

.kb-step-active {
  background: linear-gradient(135deg, var(--rb-primary) 0%, #8d1e2a 100%) !important;
  color: #fff !important;
}

.kb-method-card,
.kb-summary-item,
.kb-payment-detail-card,
.kb-detail-box,
.kb-countdown-box {
  background: linear-gradient(180deg, var(--rb-panel) 0%, #1b1f27 100%) !important;
  border-color: var(--rb-border) !important;
}

.kb-method-card.active {
  border-color: rgba(198, 40, 57, 0.40) !important;
  box-shadow: 0 0 0 2px rgba(198, 40, 57, 0.14) !important;
}

.kb-method-card:hover {
  border-color: rgba(198, 40, 57, 0.34) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16) !important;
}

.kb-note-box {
  background: rgba(198, 40, 57, 0.06) !important;
  border-color: rgba(198, 40, 57, 0.14) !important;
}

.kb-note-box span {
  color: #f6b2b8 !important;
}

.kb-countdown-box {
  background: linear-gradient(135deg, #7c1e28 0%, var(--rb-primary) 100%) !important;
  box-shadow: 0 8px 20px rgba(198, 40, 57, 0.18) !important;
}

.kb-copy-btn {
  background: #171b22 !important;
  border: 1px solid var(--rb-border) !important;
  color: var(--rb-text) !important;
}

.kb-copy-btn:hover {
  border-color: rgba(198, 40, 57, 0.28) !important;
  background: #1d222b !important;
}

/* Tablolar */
table {
  border-color: var(--rb-border) !important;
}

thead {
  background: #1c2028 !important;
}

tbody tr {
  border-color: var(--rb-border-soft) !important;
}

tbody tr:hover {
  background: rgba(255, 255, 255, 0.025) !important;
}

/* Durum renkleri */
.bg-green-500\/10 {
  background-color: rgba(22, 163, 74, 0.10) !important;
}

.border-green-500\/20 {
  border-color: rgba(22, 163, 74, 0.20) !important;
}

.text-green-400 {
  color: #4ade80 !important;
}

/* HOME ANA ORTA ALAN FIX */
body.home-page,
body:has(.home-page),
main,
main > div,
.home-page,
.home-wrapper,
.home-content,
.main-content,
.page-content {
  background: transparent !important;
}

/* Ana sayfa orta alanına kırmızı-siyah ama daha açık zemin */
main {
  background:
    radial-gradient(circle at top center, rgba(198, 40, 57, 0.10), transparent 26%),
    radial-gradient(circle at center left, rgba(198, 40, 57, 0.05), transparent 30%),
    linear-gradient(180deg, #1a1e26 0%, #20252f 100%) !important;
}

/* İçerikte siyah panel atanmışsa ez */
main .bg-black,
main .bg-black\/80,
main .bg-black\/70,
main .bg-zinc-900,
main .bg-zinc-950,
main [class*="bg-black"],
main [class*="bg-zinc-9"] {
  background-color: transparent !important;
}

/* Ana sayfa section kutuları daha dolu görünsün */
main section,
main .section,
main .home-section,
main .content-section {
  background: transparent !important;
}

/* Mobil */
@media (max-width: 991px) {
  header {
    background: rgba(32, 36, 45, 0.98) !important;
  }

  .kb-payment-card {
    border-radius: 18px !important;
  }

  .kb-method-card,
  .kb-summary-item,
  .kb-detail-box {
    border-radius: 16px !important;
  }
}

@media (max-width: 640px) {
  body {
    background:
      radial-gradient(circle at top center, rgba(198, 40, 57, 0.12), transparent 24%),
      linear-gradient(180deg, #1a1e26 0%, #20252f 100%) !important;
  }

  .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .kb-payment-card {
    border-radius: 16px !important;
  }
}