/* Özel CSS Stilleri */

/* Genel Stiller */
.text-primary {
    color: #0056b3;
}

.bg-primary {
    background-color: #0056b3;
}

.text-secondary {
    color: #17a2b8;
}

.bg-secondary {
    background-color: #17a2b8;
}

.text-accent {
    color: #ffc107;
}

.bg-accent {
    background-color: #ffc107;
}

.text-dark {
    color: #343a40;
}

.bg-dark {
    background-color: #343a40;
}

/* Aktif Menü Öğesi */
.active {
    color: #0056b3;
    font-weight: 600;
}

/* Özel Animasyonlar */
.hover-grow {
    transition: transform 0.3s ease;
}

.hover-grow:hover {
    transform: scale(1.05);
}

/* Servis Kartları */
.service-card {
    transition: all 0.3s ease;
}

.service-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-5px);
}

/* Özel Form Stilleri */
.form-input:focus {
    border-color: #0056b3;
    box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.2);
}

/* Özel Buton Stilleri */
.btn-primary {
    background-color: #0056b3;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #004494;
}

.btn-accent {
    background-color: #ffc107;
    color: #343a40;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    transition: background-color 0.3s ease;
}

.btn-accent:hover {
    background-color: #e0a800;
}

/* Özel Sayfa Başlık Alanı */
.page-header {
    background-color: #f8f9fa;
    padding: 2rem 0;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e9ecef;
}

/* Marka Filtreleme */
.brand-filter {
    transition: opacity 0.3s ease;
}

.brand-filter:hover {
    opacity: 0.8;
}

/* Özel Breadcrumb */
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    padding: 0 0.5rem;
    color: #6c757d;
}

/* WhatsApp Butonu Animasyonu */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

.whatsapp-pulse {
    animation: pulse 2s infinite;
}

/* Header ve dropdown menü z-index düzeltmesi */
header {
    z-index: 1002 !important;
    position: relative;
}
header .group ul,
header nav ul ul {
    z-index: 1003 !important;
    position: absolute;
}

/* Slider kapsayıcılarının z-index'ini düşür */
.slider-container,
.swiper,
.slick-slider,
.owl-carousel {
    z-index: 1 !important;
    position: relative;
}

/* Slider overlay varsa mouse eventlerini engellemesin */
.slider-overlay,
.swiper-overlay,
.slick-overlay,
.owl-overlay {
    pointer-events: none !important;
}