/**
 * bw-theme.css — Siyah/Beyaz Tema Genel Geçersiz Kılıcı
 * Tüm public sayfalarda tailwind secondary/primary mavi renklerini
 * siyah/koyu gri renk paletine dönüştürür.
 */

/* ─────────────────────────────────────────
   1. KOYU SECTION ARKA PLANLARI
   ───────────────────────────────────────── */
.hero-bg {
    background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%) !important;
}
.cta-bg {
    background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%) !important;
}
.stat-bg {
    background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%) !important;
}

/* ─────────────────────────────────────────
   2. GRADİENT METİN (hero başlıkları)
   ───────────────────────────────────────── */
.gradient-text {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #ffffff !important;
    background-clip: unset !important;
    color: #ffffff !important;
}

/* ─────────────────────────────────────────
   3. NAV LİNK HOVER
   ───────────────────────────────────────── */
.nav-link:hover {
    color: #111111 !important;
}

/* ─────────────────────────────────────────
   4. KART HOVER SINIRI
   ───────────────────────────────────────── */
.card-hover:hover {
    border-color: #d1d5db !important;
}

/* ─────────────────────────────────────────
   5. TAİLWİND SECONDARY RENK GEÇERSİZ KILMA
   ───────────────────────────────────────── */

/* text-secondary → arka plana göre siyah veya beyaz */
.text-secondary { color: #111111 !important; }
.bg-secondary   { background-color: #111111 !important; }
.border-secondary { border-color: #333333 !important; }

/* hover varyantları */
.hover\:text-secondary:hover   { color: #ffffff !important; }
.hover\:bg-secondary:hover     { background-color: #222222 !important; }
.hover\:border-secondary:hover { border-color: #555555 !important; }

/* focus varyantı */
.focus\:border-secondary:focus { border-color: #555555 !important; box-shadow: 0 0 0 3px rgba(0,0,0,.08) !important; }

/* opacity/slash varyantları (bg-secondary/30 gibi) */
[class*="border-secondary\/"] { border-color: rgba(80,80,80,0.3) !important; }
[class*="bg-secondary\/"]     { background-color: rgba(80,80,80,0.1) !important; }
[class*="shadow-secondary"]   { box-shadow: 0 10px 30px rgba(0,0,0,0.25) !important; }

/* ─────────────────────────────────────────
   6. KOYU SECTION İÇİNDE text-secondary → BEYAZ
   ───────────────────────────────────────── */
.hero-bg .text-secondary,
.cta-bg  .text-secondary,
.stat-bg .text-secondary {
    color: #e5e7eb !important;
}

/* ─────────────────────────────────────────
   7. CYAN / SKY RENK SINIFI GEÇERSİZ KILMA
   ───────────────────────────────────────── */
.bg-cyan-50  { background-color: #f3f4f6 !important; }
.bg-sky-50   { background-color: #f3f4f6 !important; }
.hover\:bg-cyan-500:hover { background-color: #222222 !important; }
.hover\:bg-sky-500:hover  { background-color: #222222 !important; }
.text-blue-500 { color: #374151 !important; }

/* ─────────────────────────────────────────
   8. SAYAÇ NUMARALARI (karanlık section)
   ───────────────────────────────────────── */
.counter-num {
    color: #ffffff !important;
}

/* ─────────────────────────────────────────
   9. ADIM DAİRESİ
   ───────────────────────────────────────── */
.step-circle {
    background: rgba(0,0,0,0.06) !important;
    color: #111111 !important;
    border: 2px solid #e5e7eb !important;
}

/* ─────────────────────────────────────────
   10. ROZET (badge-pill) - HERO İÇİNDE
   ───────────────────────────────────────── */
.badge-pill {
    border: 1px solid rgba(255,255,255,0.25) !important;
    background: rgba(255,255,255,0.07) !important;
}

/* ─────────────────────────────────────────
   11. PROGRESS BAR (hakkimizda)
   ───────────────────────────────────────── */
.progress-bar-fill,
[class*="progress"] .fill,
.bg-secondary.rounded-full {
    background-color: #111111 !important;
}

/* ─────────────────────────────────────────
   12. FORM ELEMANLARI (is-ortakligi)
   ───────────────────────────────────────── */
.tip-card:hover,
.tip-card.secili {
    border-color: #333333 !important;
    background: #f9fafb !important;
    color: #111111 !important;
}
.cb-pill label:hover {
    border-color: #555555 !important;
}
.file-zone:hover {
    border-color: #555555 !important;
    background: #f9fafb !important;
}
.form-input:focus {
    border-color: #555555 !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,.08) !important;
}
.harita-secim-btn:hover {
    border-color: #555555 !important;
    background: #f9fafb !important;
    color: #111111 !important;
}

/* ─────────────────────────────────────────
   13. NEDEN BİZ — TABLO BAŞLIĞI
   ───────────────────────────────────────── */
.text-secondary.w-1\/4,
th.text-secondary { color: #111111 !important; }

/* ─────────────────────────────────────────
   14. BLOG FİLTRE BUTONLARI (Alpine dinamik)
   ───────────────────────────────────────── */
/* Aktif buton: bg-secondary → siyah arka plan, beyaz yazı */
/* Pasif hover: border-secondary / text-secondary → koyu gri */
/* Tailwind config secondary=#111 değişikliği bu kısmı zaten çözer */

/* ─────────────────────────────────────────
   15. FOOTER LOGO "op" KUTUSU
   ───────────────────────────────────────── */
footer .bg-secondary,
.bg-primary .bg-secondary {
    background-color: #111111 !important;
}
footer .text-secondary {
    color: #ffffff !important;
}

/* ─────────────────────────────────────────
   16. TİMELİNE NOKTALARI (hakkimizda)
   ───────────────────────────────────────── */
.timeline-dot {
    background-color: #111111 !important;
    border-color: #333333 !important;
}

/* İş ortaklığı — adım çizgisi */
.step-line {
    background-color: #d1d5db !important;
}