/* style.css */

/* Global Font Ayarları */
body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}

/* Hero Bölümü Arka Planı */
.hero-section {
    /* Antrasit tonlarında gradyan ve görsel */
    background-image: linear-gradient(to right, rgba(50, 56, 60, 0.95), rgba(50, 56, 60, 0.8)), url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* Alt tarafı çapraz kesik görünüm */
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

/* Range Slider (Sürgü) Özelleştirme */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #f5b657; /* Brand Gold Rengi */
    border: 4px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    cursor: pointer;
    margin-top: -10px;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #e2e8f0;
    border-radius: 3px;
}

/* Hizmet Kartları Hover Efektleri */
.service-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-card:hover {
    transform: translateY(-10px);
}

/* Kartın üzerine gelince ikon kutusunun rengini değiştir */
.service-card:hover .icon-box {
    background-color: #f5b657;
    color: #32383c;
}

/* Blog Alanı Yatay Scroll Bar Gizleme */
.hide-scroll-bar::-webkit-scrollbar {
    display: none;
}

.hide-scroll-bar {
    -ms-overflow-style: none; /* IE ve Edge */
    scrollbar-width: none; /* Firefox */
}

/* Modal (Pop-up) Animasyonları */
.modal {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Modal açıkken arka planı kilitle */
body.modal-active {
    overflow: hidden;
}

/* Sonuç Kartları Animasyonu */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeInUp 0.5s ease-out;
}

/* --- Modern Slider Tasarımı --- */

/* Slider Temel Çubuğu (Track) */
.custom-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 12px;
    cursor: pointer;
    background: #e5e7eb; /* Tailwind gray-200 */
    border-radius: 8px;
    transition: all 0.3s ease;
}
.custom-slider:hover::-webkit-slider-runnable-track {
    background: #d1d5db; /* Tailwind gray-300 */
}

/* Slider Başlığı (Thumb - Webkit/Chrome/Safari) */
.custom-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: #f5b657; /* Brand Gold */
    border: 4px solid #ffffff; /* Beyaz Çerçeve */
    box-shadow: 0 4px 12px rgba(245, 182, 87, 0.4); /* Hafif altın gölge */
    cursor: grab;
    margin-top: -10px; /* Çubuğun ortasına hizalamak için */
    transition: all 0.2s ease;
}
.custom-slider::-webkit-slider-thumb:hover {
    transform: scale(1.15);
    box-shadow: 0 6px 16px rgba(245, 182, 87, 0.5);
}
.custom-slider:active::-webkit-slider-thumb {
    cursor: grabbing;
    transform: scale(1.05);
}

/* Slider Başlığı (Thumb - Firefox) */
.custom-slider::-moz-range-thumb {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #f5b657;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 12px rgba(245, 182, 87, 0.4);
    cursor: grab;
    transition: all 0.2s ease;
}
.custom-slider::-moz-range-thumb:hover {
    transform: scale(1.15);
}
/* Firefox track */
.custom-slider::-moz-range-track {
    width: 100%;
    height: 12px;
    cursor: pointer;
    background: #e5e7eb;
    border-radius: 8px;
}