/*! tailwindcss v4.1.17 | Modified for Light Theme & Orange/Blue Concept */
@layer theme {
  :root {
    --font-sans: "Inter", sans-serif;
    --font-brand: "Chakra Petch", sans-serif;
    
    /* RENK PALETİ */
    --color-neon: #f97316; /* Turuncu */
    --color-neon-hover: #ea580c; 
    --color-darkblue: #0f172a; /* Lacivert */
    --color-ocean: #1e40af;
    
    /* AÇIK TEMA RENKLERİ */
    --color-bg-main: #f8fafc;
    --color-bg-card: #ffffff;
    --color-text-main: #1e293b;
    --color-text-sub: #475569;
  }
}

/* Temel Ayarlar */
html { scroll-behavior: smooth; }
body { 
    background-color: var(--color-bg-main); 
    color: var(--color-text-main); 
    font-family: var(--font-sans);
}

/* --- BİLEŞENLER --- */

.brand-font { font-family: var(--font-brand); }

/* Cam Efekti Kartlar */
.glass-card {
    background-color: rgba(255, 255, 255, 0.95); /* Daha opak beyaz */
    border: 1px solid #e2e8f0; 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.glass-card:hover {
    border-color: var(--color-neon);
    box-shadow: 0 10px 20px -3px rgba(249, 115, 22, 0.15);
    transition: all 0.3s ease;
}

/* Hurdamatik Aktif Metal */
.active-metal {
    border-color: var(--color-neon) !important;
    background-color: #fff7ed !important;
    color: var(--color-neon);
}
.active-metal i { color: var(--color-neon) !important; }

/* Kayan Yazı (Ticker) */
.ticker-wrap {
    width: 100%; overflow: hidden;
    background-color: var(--color-darkblue);
    padding: 12px 0;
    border-bottom: 3px solid var(--color-neon);
}
.ticker { display: flex; white-space: nowrap; animation: ticker 30s linear infinite; }
.ticker-item { margin-right: 3rem; color: #fff; font-weight: 500; font-family: var(--font-brand); letter-spacing: 1px; }
.ticker-price { color: var(--color-neon); font-weight: bold; margin-left: 8px; }
@keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }

/* Hizmet Bölgeleri Linkleri */
#neighborhoodGrid a {
    display: block; padding: 0.75rem;
    background-color: #fff;
    border: 1px solid #fdba74; /* Varsayılan: Açık Turuncu */
    border-radius: 0.5rem;
    text-align: center; font-size: 0.9rem;
    color: var(--color-text-sub);
    transition: all 0.2s;
    font-weight: 600;
}
#neighborhoodGrid a:hover {
    border-color: var(--color-neon);
    background-color: var(--color-neon);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3);
}
#neighborhoodGrid a i { color: #94a3b8; margin-right: 0.4rem; transition: color 0.2s; }
#neighborhoodGrid a:hover i { color: #fff !important; }

/* --- GÜNCELLENMİŞ SLIDER AYARLARI (DAHA BELİRGİN) --- */
input[type=range] { 
    -webkit-appearance: none; 
    width: 100%; 
    background: transparent; 
    margin: 10px 0; /* Tutamaç taşmasın diye boşluk */
}

/* Slider Çizgisi (Track) */
input[type=range]::-webkit-slider-runnable-track {
    width: 100%; 
    height: 10px; /* Kalınlık artırıldı */
    cursor: pointer;
    background: #94a3b8; /* KOYU GRİ (Slate-400) - Artık çok net görünüyor */
    border-radius: 6px;
    border: 1px solid #64748b; /* Çerçeve eklendi */
}

/* Slider Tutamacı (Thumb) */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; 
    height: 32px; width: 32px; /* Daha büyük */
    border-radius: 50%; 
    background: var(--color-neon);
    cursor: grab; 
    margin-top: -12px; /* Ortalamak için yukarı çekildi */
    border: 4px solid #ffffff; /* Kalın beyaz çerçeve */
    box-shadow: 0 2px 6px rgba(0,0,0,0.4); /* Gölge */
    transition: transform 0.2s;
}

input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.15); background: #ea580c; }
input[type=range]:focus { outline: none; }

/* --- Yanıp Sönen Buton Animasyonu --- */
@keyframes pulse-orange {
    0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7); transform: scale(1); }
    50% { box-shadow: 0 0 0 15px rgba(249, 115, 22, 0); transform: scale(1.05); }
    100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); transform: scale(1); }
}
.btn-pulse { animation: pulse-orange 2s infinite; }

/* Yardımcı Renk Sınıfları */
.text-neon { color: var(--color-neon) !important; }
.bg-neon { background-color: var(--color-neon) !important; }
.border-neon { border-color: var(--color-neon) !important; }
.text-darkblue { color: var(--color-darkblue) !important; }
.bg-darkblue { background-color: var(--color-darkblue) !important; }