/* yeni */
/* Varsayılan gizleme/gösterme */
.logo-light {
    display: none;
}

.logo-dark {
    display: inline;
}

/* Aydınlık tema (light) aktifken */
:root[data-bs-theme="light"] .logo-light {
    display: inline;
}

:root[data-bs-theme="light"] .logo-dark {
    display: none;
}

/* Koyu tema (dark) aktifken */
:root[data-bs-theme="dark"] .logo-light {
    display: none;
}

:root[data-bs-theme="dark"] .logo-dark {
    display: inline;
}

/* 1. Butonların (Dış Çerçeve) Arkaplanını ve Opaklığını Düzelt */
/* Butonların arkaplanı olmamalı ve ikon soluk görünmemeli. */
[data-bs-theme="dark"] #carouselExampleCaptions .carousel-control-prev,
[data-bs-theme="dark"] #carouselExampleCaptions .carousel-control-next {
    background-color: transparent !important; /* Arkaplan boyanması sorununu çözer */
    border: none !important;
    opacity: 1 !important; /* İkonun soluk görünmesini engeller */
}

/* 2. İkonların Rengini Değiştir ve FİLTREYİ SIFIRLA */
/* Bu, Bootstrap'in renk bozma (invert) filtresini devre dışı bırakır. */

/* --- Sonraki (Next) Ok İkonu --- */
[data-bs-theme="dark"] #carouselExampleCaptions .carousel-control-next-icon {
    background-color: transparent !important;
    filter: none !important; /* Bootstrap'in filtresini SIFIRLA (En Önemli Adım) */
    /* Yeni sarı renkli SVG'yi ata */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff3cd'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* --- Önceki (Previous) Ok İkonu --- */
[data-bs-theme="dark"] #carouselExampleCaptions .carousel-control-prev-icon {
    background-color: transparent !important;
    filter: none !important; /* Bootstrap'in filtresini SIFIRLA (En Önemli Adım) */
    /* Yeni sarı renkli SVG'yi ata */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff3cd'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}
/* 3. Alttaki Göstergeler (Koyu Tema) */
/* (Bunlar muhtemelen zaten doğru çalışıyordu) */
[data-bs-theme="dark"] #carouselExampleCaptions .carousel-indicators button {
  background-color: rgba(255, 243, 205, 0.5); 
}

[data-bs-theme="dark"] #carouselExampleCaptions .carousel-indicators .active {
  background-color: #fff3cd;
}

/* yeni */

/* Theme tokens */
:root {
  --brand: #0ea5e9;
  --brand-2: #8b5cf6;
  --glass: rgba(255,255,255,.6);
}
[data-bs-theme="dark"] {
  --glass: rgba(0,0,0,.35);
}

body { scroll-behavior: smooth; }

.fw-extrabold { font-weight: 800; }

.glass-nav {
  backdrop-filter: saturate(160%) blur(12px);
  background: var(--glass);
}
.navbar .nav-link { font-weight: 500; }

.hero-slide { position: relative; }
.hero-1 { background: radial-gradient(1200px 400px at 30% 50%, rgba(14,165,233,.25), transparent), linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%); }
[data-bs-theme="dark"] .hero-1 { background: radial-gradient(1200px 400px at 30% 50%, rgba(14,165,233,.15), transparent), linear-gradient(135deg, #0b1020 0%, #0d1117 100%); }
.hero-2 { background: linear-gradient(135deg, #fff7ed 0%, #e0f2fe 100%); }
[data-bs-theme="dark"] .hero-2 { background: linear-gradient(135deg, #0d1117 0%, #111827 100%); }

.hero-gradient {
  pointer-events: none;
  position: absolute; inset: 0;
  background: radial-gradient(600px 200px at 70% 20%, rgba(139,92,246,.25), transparent);
}

.floating-tilt { transform: perspective(800px) rotateY(-6deg) translateY(0); transition: transform .6s ease; }
.floating-tilt:hover { transform: perspective(800px) rotateY(0deg) translateY(-6px); }

.feature-card { border: 1px solid var(--bs-border-color); transition: transform .3s ease, box-shadow .3s ease; }
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.08); }

.product-card img { background: linear-gradient(180deg, rgba(14,165,233,.08), transparent 60%); }

.price { letter-spacing: .3px; }

/* Zoom lens */
.product-zoom-wrapper { position: relative; }
.lens {
  position: absolute; display: none;
  width: 140px; height: 140px; border-radius: 50%;
  border: 2px solid rgba(14,165,233,.7);
  box-shadow: 0 10px 24px rgba(0,0,0,.15);
  pointer-events: none; background-repeat: no-repeat;
}
.thumb { width: 70px; height: 70px; object-fit: contain; cursor: pointer; background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); padding: 6px; }

/* WhatsApp FAB */
.whatsapp-fab {
  position: fixed; right: 20px; bottom: 20px; width: 56px; height: 56px;
  border-radius: 100%; display: grid; place-items: center;
  background: #25d366; color: #fff; text-decoration: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.2); z-index: 1030;
}

/* Contact lamp */
.lamp-wrap { position: relative; display: inline-block; }
.lamp { width: 220px; filter: drop-shadow(0 10px 20px rgba(0,0,0,.2)); cursor: pointer; }
.glow {
  position: absolute; left: 50%; transform: translateX(-50%);
  width: 160px; height: 160px; border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, rgba(255,240,180,.9), rgba(255,240,180,.0) 65%);
  top: 70%; opacity: 0; transition: opacity .4s ease;
}
.lamp-wrap.active .glow { opacity: 1; }

/* Small helpers */
.min-vh-75 { min-height: 75vh; }

/* yeni */
.slider {
    margin-top: 100px;
}
/* yeni */

.contact {
    padding-top: 7rem !important;
}

/* yeni */

.urunler {
    padding-top: 7rem !important;
}

/* yeni */
.hakkimizda {
    padding-top: 7rem !important;
}

/* yeni */
#themeToggle {
    background-color: #f9ed11;
    color: #0b1020;
}

/* yeni */
.instagram {
    bottom: 100px;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #fff;
}

.btn-warning {
    --bs-btn-bg: #f3eb26!important;
    --bs-btn-border-color: #f3eb26!important;
    --bs-btn-hover-bg: #d5ce1cd6!important;
    --bs-btn-hover-border-color: #d5ce1cd6;
}

.btn-outline-warning {
    --bs-btn-color: #f3eb26;
    --bs-btn-border-color: #f3eb26;
    --bs-btn-hover-bg: #f3eb26;
    --bs-btn-hover-border-color: #f3eb26;
    --bs-btn-active-bg: #f3eb26;
    --bs-btn-active-border-color: #f3eb26;
}
[data-bs-theme="light"] .btn-outline-warning {
    --bs-btn-color: black;
    --bs-btn-bg: #f3eb26;
    --bs-btn-hover-bg: #c7c23c;
    --bs-btn-hover-border-color: #c7c23c;
    --bs-btn-active-bg: #c7c23c;
    --bs-btn-active-border-color: #c7c23c;
}