/*
Theme Name: SefaSu Paslanmaz Su Arıtma
Theme URI: https://sefasu.com/
Author: SefaSu Arıtma Sistemleri
Author URI: https://sefasu.com/
Description: SefaSu 304 Kalite Paslanmaz Çelik Su Arıtma Sistemleri için özel olarak tasarlanmış, yüksek dönüşümlü, mobil/tablet tam uyumlu ve SEO optimizasyonlu resmi WordPress teması.
Version: 2.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: sefasu
*/

/* Su dalgaları ve mikro desen arka planı */
.water-bg-pattern {
    background-image: radial-gradient(#0ea5e9 0.75px, transparent 0.75px), radial-gradient(#0284c7 0.75px, #f0f9ff 0.75px);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
    opacity: 0.15;
}

/* Yüzen rozet animasyonu */
@keyframes floatBadge {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

.animate-bounce-subtle {
    animation: floatBadge 4s ease-in-out infinite;
}

/* Range Slider Özel Tarzı */
input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    background: #e2e8f0;
    border-radius: 9999px;
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 9999px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #0284c7;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.4);
    cursor: pointer;
    margin-top: -8px;
    transition: transform 0.15s ease, background-color 0.15s ease;
}

input[type=range]::-webkit-slider-thumb:hover {
    transform: scale(1.15);
    background: #0369a1;
}

input[type=range]::-moz-range-thumb {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #0284c7;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.4);
    cursor: pointer;
    transition: transform 0.15s ease, background-color 0.15s ease;
}

/* SSS Akordiyon Animasyonu */
.faq-btn.active i.fa-chevron-down {
    transform: rotate(180deg);
}

/* WordPress Admin Bar Uyumluluğu */
body.admin-bar #navbar {
    top: 32px;
}
@media screen and (max-width: 782px) {
    body.admin-bar #navbar {
        top: 46px;
    }
}

/* Pürüzsüz geçişler */
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 250ms;
}