
:root{
  --rb-bg:#0b0c0f;
  --rb-bg-soft:#121419;
  --rb-panel:#171a21;
  --rb-panel-2:#1b1f27;
  --rb-panel-3:#20252f;
  --rb-border:#2b313d;
  --rb-border-soft:#232833;
  --rb-text:#f3f4f6;
  --rb-text-soft:#c2c7d0;
  --rb-text-muted:#8e95a3;
  --rb-primary:#c1121f;
  --rb-primary-hover:#a60f1a;
  --rb-primary-soft:rgba(193,18,31,.14);
  --rb-primary-ring:rgba(193,18,31,.32);
  --rb-success:#16a34a;
  --rb-warning:#d97706;
  --rb-shadow:0 18px 48px rgba(0,0,0,.34);
  --rb-radius:18px;
  --rb-radius-sm:12px;
}

html,body{
  background:linear-gradient(180deg,#08090c 0%,#0d0f14 100%) !important;
  color:var(--rb-text);
}

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

a{
  transition:all .2s ease;
}

::selection{
  background:rgba(193,18,31,.3);
  color:#fff;
}

/* Global surfaces */
.container,
.max-w-7xl,
.max-w-\[1400px\]{
  position:relative;
}

.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:var(--rb-panel) !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;
}

/* Common cards / panels */
.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(23,26,33,.82) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  backdrop-filter:blur(12px);
}

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

header{
  background:linear-gradient(180deg,rgba(10,11,14,.96) 0%,rgba(17,20,25,.92) 100%) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.32);
}

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(193,18,31,.28) !important;
}

/* Buttons */
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 .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .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%, #8f1019 100%) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(193,18,31,.28);
}

.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%, #7f0e16 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;
}

/* Inputs */
input,
select,
textarea{
  background-color:#11141a !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 / mobile bar */
footer,
.md\:hidden.fixed.bottom-0.left-0.right-0.z-50{
  background:rgba(12,13,17,.96) !important;
  border-color:var(--rb-border) !important;
  box-shadow:0 -10px 26px rgba(0,0,0,.24);
}

/* Home page */
.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(8,9,12,.2) 30%, rgba(8,9,12,.9) 100%) !important;
}

/* Section titles */
h1,h2,h3,h4{
  letter-spacing:-0.02em;
}

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

/* Hesabim cards */
a[href*="para-yatir"],
a[href*="para-cek"],
a[href*="hesabim"] .bg-red-500\/20{
  border-color:rgba(193,18,31,.2) !important;
}

/* Payment pages */
.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(23,26,33,.96) 0%, rgba(18,20,25,.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(193,18,31,.14), transparent 34%),
    radial-gradient(circle at bottom left, rgba(193,18,31,.08), transparent 32%);
  z-index:0;
}

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

.kb-payment-badge{
  background:rgba(193,18,31,.12) !important;
  color:#fca5a5 !important;
}

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

.kb-step-active{
  background:linear-gradient(135deg,var(--rb-primary) 0%, #7f0e16 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%, #13161d 100%) !important;
  border-color:var(--rb-border) !important;
}

.kb-method-card.active{
  border-color:rgba(193,18,31,.48) !important;
  box-shadow:0 0 0 2px rgba(193,18,31,.18) !important;
}

.kb-method-card:hover{
  border-color:rgba(193,18,31,.42) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.22) !important;
}

.kb-note-box{
  background:rgba(193,18,31,.08) !important;
  border-color:rgba(193,18,31,.18) !important;
}

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

.kb-countdown-box{
  background:linear-gradient(135deg,#5f0b12 0%, var(--rb-primary) 100%) !important;
  box-shadow:0 10px 24px rgba(193,18,31,.24) !important;
}

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

.kb-copy-btn:hover{
  border-color:rgba(193,18,31,.36) !important;
  background:#151922 !important;
}

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

thead{
  background:#12151b !important;
}

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

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

/* Accent badges */
.bg-green-500\/10{ background-color:rgba(22,163,74,.1)!important; }
.border-green-500\/20{ border-color:rgba(22,163,74,.2)!important; }
.text-green-400{ color:#4ade80!important; }

/* Mobile tuning */
@media (max-width: 991px){
  header{
    background:rgba(11,12,15,.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:#090a0d !important;
  }

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

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