/* TEST - 10 saniye sonra sileceğiz */
body{ background:#ff00ff !important; }
/* GENEL TEMA – SADECE BURADA BODY TANIMLI OLSUN */
html, body{
    margin:0;
    padding:0;
    background:#020617;   /* koyu zemin */
    color:#f9fafb;        /* açık yazı */
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Varsayılan arka planı asla beyaz yapma */
section{
    background: transparent;
}
/* ==== FIX: Üst menü temizle + drawer ==== */
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:999}
.header .wrap{max-width:1200px;margin:auto;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.brand{font-weight:900;font-size:18px}

/* Eski siyah pill stillerini KALDIR */
.menu{display:flex;gap:12px;flex-wrap:wrap}
.menu a{
  all:unset; /* eski her şeyi sıfırla */
  display:inline-block; cursor:pointer;
  color:#0f172a !important; font-weight:700; padding:8px 0 !important;
}
.menu a:hover{color:#2563eb}
.menu a::before,.menu a::after{content:none !important}
.menu a, .menu{background:transparent !important}

/* Hamburger */
.hamburger{display:none;align-items:center;gap:10px;background:#0f172a;color:#fff;border:0;border-radius:12px;padding:10px 12px;font-weight:800}
.hamburger svg{width:20px;height:20px}

/* Drawer */
.drawer-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.56);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.2s;z-index:998}
.drawer{position:fixed;inset:0 0 0 auto;max-width:92%;width:340px;background:#0b1220;color:#e5e7eb;transform
	.hero-header{
  background: linear-gradient(135deg, #020617, #0b1220);
  color:#f9fafb;
  padding:36px 16px 28px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
/* ==== GERÇEK FOTOĞRAF KART TASARIMI ==== */

.app-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  /* Arka plan fotoğrafa bırakılır, yedek koyu ton: */
  background-color: #111827;
  padding: 18px 14px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  color: #fff;
}

/* Koyu overlay, fotoğrafın üstüne hafif karartma */
.app-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    160deg,
    rgba(0, 0, 0, 0.6),
    rgba(15, 23, 42, 0.95)
  );
  z-index: 0;
}

/* Kart içindeki yazılar fotoğrafın üstünde kalsın */
.app-card > * {
  position: relative;
  z-index: 1;
}

/* Başlık yazısı */
.app-card {
  font-weight: 800;
  font-size: 18px;
  line-height: 1.3;
}

/* Alt açıklama satırı */
.app-card .card-sub {
  display: block;
  font-weight: 500;
  font-size: 13px;
  opacity: 0.9;
  margin-top: 4px;
}

/* Mobilde kart yüksekliği */
.app-card {
  min-height: 180px;
}

/* Daha geniş ekranlarda biraz yükseltelim */
@media (min-width: 768px) {
  .app-card {
    min-height: 210px;
  }
}

/* === Kart kart fotoğraf atamaları === */

.card-ps5 {
  background:
    linear-gradient(
      160deg,
      rgba(0, 0, 0, 0.4),
      rgba(15, 23, 42, 0.95)
    ),
    url("/img/cards/ps5.jpg") center/cover no-repeat;
}

.card-laptop {
  background:
    linear-gradient(
      160deg,
      rgba(0, 0, 0, 0.4),
      rgba(15, 23, 42, 0.95)
    ),
    url("/img/cards/laptop.jpg") center/cover no-repeat;
}

.card-desktop {
  background:
    linear-gradient(
      160deg,
      rgba(0, 0, 0, 0.4),
      rgba(15, 23, 42, 0.95)
    ),
    url("/img/cards/desktop.jpg") center/cover no-repeat;
}

.card-gaming {
  background:
    linear-gradient(
      160deg,
      rgba(0, 0, 0, 0.4),
      rgba(15, 23, 42, 0.95)
    ),
    url("/img/cards/gaming.jpg") center/cover no-repeat;
}

.card-blog {
  background:
    linear-gradient(
      160deg,
      rgba(0, 0, 0, 0.4),
      rgba(15, 23, 42, 0.95)
    ),
    url("/img/cards/blog.jpg") center/cover no-repeat;
}

.card-kurye {
  background:
    linear-gradient(
      160deg,
      rgba(0, 0, 0, 0.4),
      rgba(15, 23, 42, 0.95)
    ),
    url("/img/cards/kurye.jpg") center/cover no-repeat;
}
/* ==== GENEL ARKA PLAN & METİN DÜZELTME ==== */

/* Tüm sayfa arka planı */
html, body {
    background: #020617;
}

/* Ana bölümler siyah zemine otursun, ekstra beyaz zemin kalmasın */
section,
.main,
.app-wrap,
.calc-section,
#fiyat,
footer {
    background: transparent;
}

/* Alt sabit WhatsApp / Ara / Kurye barı ve buton yazıları görünsün */
.bottom-bar,
.bottom-bar .btn-pill,
.bottom-nav,
.bottom-nav .btn-pill {
    background: #020617;
    color: #ffffff;
}

/* Yanlışlıkla üstte kalan şeffaf overlay varsa kapat – tıklamayı öldüren bu olur */
.hero-overlay,
.app-overlay,
.page-overlay {
    display: none !important;
    pointer-events: none !important;
}

/* Kartlar ve tüm butonlar tekrar tıklanabilir olsun */
.app-grid,
.card,
.card a,
.actions,
.actions a,
.calc-section,
.calc-section * {
    pointer-events: auto !important;
}
/* ===== FIX: ÜST BÖLÜM YAZILARI SİYAH OLMASIN (hero + kartlar + etiketler) ===== */
.hero,
.hero *{
  color:#ffffff !important;
}

.hero .hero-kicker{
  color:rgba(255,255,255,.75) !important;
}

.hero .hero-sub{
  color:rgba(255,255,255,.88) !important;
}

.hero .hero-tags span{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.25) !important;
  background:rgba(0,0,0,.18) !important;
}

/* Kartların içindeki yazılar/linkler siyah olmasın */
.cards,
.cards *{
  color:#ffffff !important;
}

/* Eğer kartlar <a> ile linkliyse underline/renk saçmalamasını kapat */
.cards a{
  color:#ffffff !important;
  text-decoration:none !important;
}

/* Kart alt açıklamalar daha soluk dursun (varsa) */
.cards .muted,
.cards small,
.cards p{
  color:rgba(255,255,255,.82) !important;
}
	
	/* =========================
   DARK THEME TEXT FIX (ADD TO BOTTOM)
   ========================= */

/* Genel yazı rengi zorla */
html, body { background:#050A13 !important; }
body { color: #EAF0FF !important; }

/* Tüm başlıklar + paragraflar + küçük metinler */
h1,h2,h3,h4,h5,h6,
p, span, small, li, strong, em, b {
  color: #EAF0FF !important;
}

/* Linkler (altı çizili görünmesin + beyaz olsun) */
a, a:visited { color:#EAF0FF !important; text-decoration:none !important; }
a:hover { opacity:.9; }

/* Breadcrumb / üst küçük yazılar / açıklamalar genelde burada patlıyor */
.breadcrumb, .breadcrumbs, .kicker, .subtitle, .desc, .muted, .hint,
.section-title, .section-subtitle, .lead, .subtext {
  color:#EAF0FF !important;
  opacity: .92;
}

/* Fiyat Hesaplama başlığı + alt açıklaması (sende özellikle burası bozulmuş) */
#fiyat, #fiyat-hesaplama, .price, .price-box, .calc, .calculator,
.fiyat, .fiyat-hesaplama, .offer, .result,
#result, #offer, #teklif {
  color:#EAF0FF !important;
}

/* Form label / select / input yazıları koyu kalmışsa */
label { color:#EAF0FF !important; }

input, select, textarea {
  background: rgba(255,255,255,.06) !important;
  color: #EAF0FF !important;
  border: 1px solid rgba(120,160,255,.35) !important;
  outline: none;
}

/* Placeholder (iç yazılar) */
input::placeholder, textarea::placeholder {
  color: rgba(234,240,255,.55) !important;
}

/* Select içindeki seçenekler (bazı tarayıcılar beyaz arka açar diye) */
option {
  background: #0B1220 !important;
  color: #EAF0FF !important;
}

/* Kartların iç metni */
.card, .tile, .menu-card, .service-card, .grid-card {
  color:#EAF0FF !important;
}

/* Eğer bir yerde opacity verilmişse metni öldürüyor – içerikleri geri getir */
main, section, .section, .container, .wrap {
  opacity: 1 !important;
}

/* Alt kısım SEO / ilçe linkleri görünmüyorsa */
.seo, .seo-section, .districts, .ilceler, .ilce-list, .links-grid {
  color:#EAF0FF !important;
}
.seo a, .districts a, .ilceler a, .ilce-list a, .links-grid a {
  color:#AFC6FF !important;
}
	/* === GLOBAL DARK FIX - ZORLA BEYAZ YAZI === */

h1, h2, h3, h4, h5, h6,
p, span, small, strong, label, div {
  color: #f9fafb !important;
}

/* Fiyat hesaplama başlığı */
#fiyat h2,
.fiyat h2,
.fiyat-baslik {
  color: #ffffff !important;
}

/* Fiyat aralığı */
.tahmini-teklif,
.tahmini-teklif * {
  color: #ffffff !important;
}

/* Section arka planı asla beyaz olmasın */
section {
  background: transparent !important;
}
	/* ==== GLOBAL ZORLA AÇIK YAZI ==== */

body,
h1, h2, h3, h4, h5, h6,
p,
span,
label,
small,
strong,
div {
  color: #f9fafb !important;
}

/* Fiyat hesaplama başlık */
#fiyat,
.fiyat,
.fiyat-hesaplama,
.price-box {
  color: #f9fafb !important;
}

/* Section arka planı beyaz olmasın */
section {
  background: transparent !important;
}

/* Input içi yazılar */
input, select, textarea {
  color: #ffffff !important;
  background: #0f172a !important;
}