/* ====================================
   style.css - CleanTech Özel Stilleri
   ==================================== */

/* Genel Ayarlar */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}
.main_section{
    padding-top: 10rem !important;
}

body {
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    line-height: 1.5;
}

/* Scrollbar (İsteğe bağlı, ince ve şık) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9; /* slate-100 */
}
::-webkit-scrollbar-thumb {
    background: #94a3b8; /* slate-400 */
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #64748b; /* slate-500 */
}

/* Service Card Özel Stili (Hover efekti) */
.service-card {
    transition: all 0.3s ease;
}
.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
}

/* Swiper Pagination Stilleri (Slider için) */
.swiper-pagination-bullet {
    background: #cbd5e1; /* slate-300 */
    opacity: 0.6;
    width: 10px;
    height: 10px;
    transition: all 0.2s;
}
.swiper-pagination-bullet-active {
    background: linear-gradient(to right, #0ea5e9, #6366f1); /* sky-500 to indigo-500 */
    opacity: 1;
    width: 24px;
    border-radius: 8px;
}

/* FAQ İkonu Rotasyon */
.rotate-45 {
    transform: rotate(45deg);
}

/* Placeholder stili (isteğe bağlı ince ayar) */
input::placeholder,
textarea::placeholder {
    color: #94a3b8; /* slate-400 */
    font-size: 0.875rem;
}

/* Form elemanlarına hafif bir odaklanma efekti */
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #a5b4fc; /* indigo-300 */
    box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.2); /* indigo-300 ile uyumlu */
}

/* Animate ping (mobil buton için) süresini biraz yavaşlat */
.animate-ping {
    animation: ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}