/* KALICI TEMA — Tam Siyah SaaS (OLED hard dark, indigo accent) — tüm site + admin */

:root {
  /* Zemin — tam siyah (OLED) */
  --bg:              #000000;
  --bg-glow:         #0a0a0a;
  --bg-glow-grad:    radial-gradient(1100px 440px at 50% -90px, rgba(129,140,248,.12), transparent 72%);
  --bg-section:      #070707;
  --bg-section-line: rgba(255,255,255,.05);
  --bg-footer:       #000000;
  --bg-footer-deep:  #000000;

  /* Panel / kart */
  --panel:           #0d0d0d;
  --panel-soft:      #0a0a0a;
  --panel-deep:      #080808;
  --panel-black:     #000000;
  --panel-menu:      #101010;
  --overlay:         rgba(0,0,0,.85);
  --overlay-blur:    blur(6px);

  /* Border — ince açık */
  --border-subtle:   rgba(255,255,255,.06);
  --border:          rgba(255,255,255,.10);
  --border-strong:   rgba(129,140,248,.35);
  --border-hover:    rgba(129,140,248,.55);
  --border-nav:      rgba(255,255,255,.07);
  --border-footer:   rgba(255,255,255,.06);

  /* Vurgu — indigo (koyuda daha parlak) */
  --accent:          #818cf8;
  --accent-dark:     #6366f1;
  --accent-grad:     linear-gradient(135deg, #a5b4fc, #6366f1);
  --accent-hover:    #a5b4fc;
  --accent-red:      #6366f1;
  --accent-red-grad: linear-gradient(135deg, #818cf8, #6366f1);
  --nav-hover:       rgba(129,140,248,.12);

  /* Metin — açık, koyu zemin için */
  --text:            #e2e6f0;
  --text-heading:    #f8fafc;
  --text-card-title: #eef1f8;
  --text-muted:      #98a1b5;
  --text-faint:      #6b7488;
  --link:            #a5b4fc;
  --link-hover:      #c7d2fe;
  --link-hot:        #818cf8;

  /* Fiyat / özel */
  --price:           #a5b4fc;
  --gold:            #fbbf24;
  --star:            #fbbf24;
  --discount-grad:   linear-gradient(135deg, #818cf8, #6366f1);

  /* Durum */
  --success:         #34d399;
  --warning:         #fbbf24;
  --danger:          #f87171;
  --danger-bg:       rgba(248,113,113,.12);
  --danger-text:     #fca5a5;
  --info:            #38bdf8;

  /* Buton */
  --btn-primary-grad:   linear-gradient(135deg, #818cf8, #6366f1);
  --btn-primary-border: transparent;
  --btn-secondary-bg:   rgba(255,255,255,.05);
  --btn-secondary-text: #cbd2e0;

  /* Header / nav */
  --header-bg:       rgba(6,6,6,.94);
  --nav-bg:          rgba(3,3,3,.94);

  /* Form */
  --input-bg:        #0a0a0a;
  --input-border:    rgba(255,255,255,.12);

  /* Şekil / gölge — yumuşak */
  --radius-sm:       8px;
  --radius:          10px;
  --radius-md:       14px;
  --shadow-card:     0 1px 3px rgba(0,0,0,.4);
  --shadow-panel:    0 2px 8px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);
  --shadow-modal:    0 24px 60px rgba(0,0,0,.6);
  --shadow-menu:     drop-shadow(0 14px 32px rgba(0,0,0,.55));
  --shadow-glow:     0 4px 16px rgba(129,140,248,.30);
  --card-hover-grad: linear-gradient(to top, rgba(129,140,248,.06), transparent);
  --hover-brighten:     brightness(1.10);
  --hover-brighten-lg:  brightness(1.06);
  --text-shadow-badge:  none;

  /* Tipografi — sistem fontları */
  --font: "Segoe UI", -apple-system, system-ui, "Trebuchet MS", Verdana, Arial, sans-serif;
}

html { color-scheme: dark; }

/* ===== theme.css'in !important kurallarını ez ===== */
body { background: #000000 !important; }
body::before {
  height: 480px !important;
  background: radial-gradient(1100px 460px at 50% -90px, rgba(129,140,248,.14), transparent 72%) !important;
}
.header-main {
  background: rgba(6,6,6,.94) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  border-bottom-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.main-nav {
  background: rgba(3,3,3,.96) !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.site-section, .bg-section { background: #070707 !important; }

/* ===== Header / nav detay ===== */
.header-top { background: #050505; border-bottom-color: rgba(255,255,255,.06); }
.logo {
  background: linear-gradient(135deg, #ffffff 15%, #a5b4fc 65%, #818cf8);
  -webkit-background-clip: text;
  background-clip: text;
}
.nav-menu a { color: #b3bbcc; font-weight: 600; }
.nav-menu a:hover,
.nav-menu a.active { background: rgba(129,140,248,.14); color: #c7d2fe; }
.header-search input { background: #0a0a0a; border-color: rgba(255,255,255,.12); color: #e2e6f0; }
.header-search input:focus { border-color: #818cf8; }
.balance-chip { color: #fff; text-shadow: none; box-shadow: 0 2px 10px rgba(129,140,248,.30); }
.icon-btn { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); color: #98a1b5; }
.icon-btn:hover { color: #c7d2fe; border-color: rgba(129,140,248,.5); background: rgba(129,140,248,.10); }
.user-card { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); }
.user-card:hover { border-color: rgba(129,140,248,.5); box-shadow: 0 2px 10px rgba(0,0,0,.4); }
.user-card__avatar { color: #000000; }
.user-card__name { color: #eef1f8; }
.notif-badge { background: #f87171; color: #fff; border-color: #000000; }
.notif-badge--msg { background: #818cf8; }

/* ===== Dropdown / bildirim menüsü — koyu panel ===== */
.dropdown-menu, .nav-dropdown__menu {
  background: #101010;
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 14px 34px rgba(0,0,0,.55);
}
.dropdown-item { color: #cbd2e0; }
.dropdown-item:hover { background: rgba(129,140,248,.12); color: #c7d2fe; }
.dropdown-toggle { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); color: #cbd2e0; }
.notif-menu { background: #101010; }
.notif-item { border-bottom-color: rgba(255,255,255,.06); }
.notif-item:hover { background: rgba(255,255,255,.03); }
.notif-item--unread { background: rgba(129,140,248,.09); border-left-color: #818cf8; }
.notif-item__title { color: #eef1f8; }
.notif-item__text { color: #98a1b5; }

/* ===== Butonlar — dolgun indigo, 10px radius ===== */
.btn { border-radius: 10px; }
.btn-primary { background: linear-gradient(135deg, #818cf8, #6366f1); color: #fff; box-shadow: 0 4px 16px rgba(129,140,248,.30); border: none; }
.btn-primary:hover { box-shadow: 0 6px 20px rgba(129,140,248,.42); filter: brightness(1.06); }
.btn-outline { background: rgba(255,255,255,.05); color: #cbd2e0; border-color: rgba(255,255,255,.12); }
.btn-outline:hover { background: rgba(129,140,248,.12); color: #c7d2fe; border-color: rgba(129,140,248,.5); filter: none; }
.btn-success { background: linear-gradient(135deg, #34d399, #10b981); color: #052e1f; }
.btn-danger { background: linear-gradient(135deg, #f87171, #ef4444); color: #fff; }

/* ===== Form — koyu input, açık yazı ===== */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], input[type="search"],
select, textarea {
  background: #0a0a0a !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #e2e6f0 !important;
  border-radius: 10px;
}
input:focus, select:focus, textarea:focus {
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 3px rgba(129,140,248,.18);
}
select option { background: #0d0d0d; color: #e2e6f0; }
input::placeholder, textarea::placeholder { color: #6b7488; opacity: 1; }
.form-label { color: #cbd2e0; }

/* ===== Kartlar — koyu panel, 14px radius, hover'da gölge ===== */
.panel, .card, .post-box, .listing-card, .server-card, .step-card, .form-section, .filterbar, .empty-state {
  background: #0d0d0d;
  background-color: #0d0d0d;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.post-box:hover, .listing-card:hover, .server-card:hover {
  border-color: rgba(129,140,248,.5);
  background-image: none;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.5), 0 0 0 1px rgba(129,140,248,.2);
}
.post-box__author { background: rgba(255,255,255,.03); border-bottom-color: rgba(255,255,255,.06); }
.post-box__author a { color: #98a1b5; }
.post-box__title { color: #eef1f8; }
.post-box__body:hover .post-box__title { color: #a5b4fc; }
.post-box__desc { color: #8891a3; }
.post-box__price { color: #a5b4fc; }
.post-box__image img, .post-box__image-empty {
  background: radial-gradient(circle at 50% 40%, rgba(129,140,248,.14), #0a0a0a);
  color: #818cf8;
}
.post-box__category { background: rgba(11,14,21,.82); }
.post-box__category a { color: #fbbf24; }
.post-box--highlight {
  border: 1.5px solid #818cf8 !important;
  box-shadow: 0 0 0 1px #818cf8, 0 8px 26px rgba(129,140,248,.22) !important;
  background: linear-gradient(180deg, rgba(129,140,248,.08), #0d0d0d) !important;
}
.post-box--highlight:hover { box-shadow: 0 0 0 1px #818cf8, 0 12px 32px rgba(129,140,248,.30) !important; }
.post-box--highlight .post-box__title { color: #f8fafc; }
.listing-card__category { color: #fbbf24; text-shadow: none; }
.category-card {
  background: #0d0d0d;
  background-image: linear-gradient(180deg, #101010, #080808);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
}
.category-card:hover { filter: none; border-color: rgba(129,140,248,.5); box-shadow: 0 8px 26px rgba(0,0,0,.5); }
.category-card__icon, .category-card__name { color: #a5b4fc; text-shadow: none; }
.panel-title { border-bottom-color: rgba(255,255,255,.06); color: #eef1f8; }

/* ===== Sayfa başlığı / hero ===== */
.page-title { color: #f8fafc; letter-spacing: -.3px; }
.hero {
  background: linear-gradient(to bottom, rgba(129,140,248,.10), #070707);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
}
.hero__title { color: #f8fafc; text-shadow: none; letter-spacing: -.5px; }
.hero__sub { color: #98a1b5; }

/* ===== Chip / filterbar ===== */
.filterbar { background: #0d0d0d; border-color: rgba(255,255,255,.08); border-radius: 14px; }
.chip { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); color: #b3bbcc; }
.chip:hover { color: #c7d2fe; border-color: rgba(129,140,248,.5); }
.chip.is-active { background: linear-gradient(135deg, #818cf8, #6366f1); color: #fff; border-color: transparent; }
.filter-list a { color: #98a1b5; }
.filter-list a:hover, .filter-list a.active { background: rgba(129,140,248,.12); color: #c7d2fe; }

/* ===== Tablo ===== */
.table th { background: rgba(255,255,255,.04); color: #cbd2e0; border-bottom-color: rgba(255,255,255,.10); }
.table td { background: transparent; color: #b3bbcc; border-bottom-color: rgba(255,255,255,.06); }
.table tbody tr:hover td { background: rgba(255,255,255,.03); }

/* ===== Alert / badge ===== */
.alert-success { background: rgba(52,211,153,.12); border-color: rgba(52,211,153,.4); color: #6ee7b7; }
.alert-danger  { background: rgba(248,113,113,.12); border-color: rgba(248,113,113,.4); color: #fca5a5; }
.alert-warning { background: rgba(251,191,36,.12); border-color: rgba(251,191,36,.4); color: #fcd34d; }
.alert-info    { background: rgba(56,189,248,.12); border-color: rgba(56,189,248,.4); color: #7dd3fc; }
.badge { text-shadow: none; }
.badge-success { background: rgba(52,211,153,.15); color: #6ee7b7; border-color: rgba(52,211,153,.4); }
.badge-danger  { background: rgba(248,113,113,.15); color: #fca5a5; border-color: rgba(248,113,113,.4); }
.badge-warning { background: rgba(251,191,36,.15); color: #fcd34d; border-color: rgba(251,191,36,.4); }
.badge-info    { background: rgba(56,189,248,.15); color: #7dd3fc; border-color: rgba(56,189,248,.4); }
.verified-badge { background: rgba(52,211,153,.14); color: #6ee7b7; border-color: rgba(52,211,153,.4); }
.verify-indicator__item.ok { background: rgba(52,211,153,.14); color: #6ee7b7; border-color: rgba(52,211,153,.4); }
.verify-indicator__item.no { background: rgba(248,113,113,.12); color: #fca5a5; border-color: rgba(248,113,113,.4); }
.amount-pos { color: #34d399; }
.amount-neg { color: #fca5a5; }
.mini-verified { color: #34d399; }
.dev-otp-box { background: rgba(251,191,36,.12); border-color: rgba(251,191,36,.5); color: #fcd34d; }
.warning-box { background: rgba(248,113,113,.10); border-color: rgba(248,113,113,.4); color: #fca5a5; }
.warning-box strong { color: #fecaca; }
.tag-badge { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); color: #b3bbcc; text-shadow: none; }
.tag-badge--gold { color: #fbbf24; }

/* ===== Auth geniş kart ===== */
.auth-wide__promo {
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(129,140,248,.22), transparent 60%),
    linear-gradient(160deg, #1e1b4b, #080808) !important;
  border-right: 1px solid rgba(255,255,255,.08);
}

/* ===== Footer ===== */
.site-footer { background: #000000; }
.footer-main { background: #000000; border-top: 1px solid rgba(255,255,255,.06); }
.footer-logo, .footer-col h4 { color: #f8fafc; }
.footer-col a { color: #98a1b5; }
.footer-col a:hover { color: #a5b4fc; }
.footer-col p { color: #6b7488; }
.footer-bottom { background: #000000; border-top-color: rgba(255,255,255,.06); color: #98a1b5; }

/* ===== Sayfalama ===== */
.pagination .page-link, .pagination__item { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); color: #b3bbcc; }
.pagination a.page-link:hover, .pagination__item:hover { filter: none; background: rgba(129,140,248,.12); color: #c7d2fe; border-color: rgba(129,140,248,.5); }
.pagination .page-item.active .page-link, .pagination__item.is-active { background: linear-gradient(135deg, #818cf8, #6366f1); color: #fff; border-color: transparent; }

/* ===== Çeşitli ===== */
.breadcrumb { background: #0d0d0d; border: 1px solid rgba(255,255,255,.08); color: #6b7488; }
.breadcrumb a { color: #98a1b5; }
.empty-state { background: #0d0d0d; border-color: rgba(255,255,255,.08); color: #98a1b5; }
.stats-strip { background: #0d0d0d; border: 1px solid rgba(255,255,255,.08); }
.stat__value { color: #a5b4fc; }
.seller-box__avatar, .mini-avatar, .step-card__num, .profile-edit__avatar { color: #000000; text-shadow: none; }
.profile-edit__avatar-empty { color: #000000; }
.ej-area { fill: rgba(129,140,248,.14); }
.ej-line { stroke: #818cf8; }
.header-top__slogan, .header-top__links a { color: #98a1b5; }
.header-top__links a:hover { color: #a5b4fc; }
.mobile-menu-btn { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); color: #cbd2e0; }
.tip-quick__btn { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); color: #cbd2e0; }
.tip-quick__btn:hover { border-color: rgba(129,140,248,.5); color: #c7d2fe; }

/* ===== Tema bar ===== */
.tema-bar {
  background: rgba(10,12,18,.97);
  border-top: 1px solid rgba(255,255,255,.10);
  color: #cbd2e0;
}