/*
Theme Name: Beylikdüzü Araç Kaplama
Theme URI: https://beylikduzuarackaplama.com
Author: MrPOLAT
Description: Profesyonel Oto Detailing ve Kaplama Teması (Siyah & Kırmızı Konsept)
Version: 1.0
*/

:root {
    --bs-primary: #e30613;
    --bs-dark: #0b0b0b;
    --bs-light: #ffffff;
    --bs-info: #ffffff;
}

body {
    background-color: #0b0b0b !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif;
}

/* Kırmızı Vurgular ve Eski Sarı Yerine Kırmızı Dönüşümleri */
.text-info, .text-warning, .sub-title, .breadcrumb-item.active, h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

.sub-title svg path {
    fill: #e30613 !important;
}

.btn-primary, .bg-primary {
    background-color: #e30613 !important;
    border-color: #e30613 !important;
}

.btn-primary:hover {
    background-color: #b5040f !important;
    border-color: #b5040f !important;
}

/* 3'lü Hizmet Kartları Grid Düzeni */
.services-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 991px) {
    .services-grid-3 {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Çok Katmanlı Alt Menü (Dropdown & Sub-menu) Desteği */
.navbar-nav ul, 
.menu ul, 
.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Alt menüleri başta gizle */
.navbar-nav li ul.sub-menu, 
.menu li ul.sub-menu,
.dropdown-menu ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #0b0b0b;
    border: 1px solid #222;
    min-width: 220px;
    z-index: 9999;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
}

/* 2. ve sonraki iç içe alt menüler (sağa doğru açılım için) */
.navbar-nav li ul.sub-menu ul.sub-menu,
.menu li ul.sub-menu ul.sub-menu {
    top: 0;
    left: 100%;
}

/* Üzerine gelince (hover) alt menüleri göster */
.navbar-nav li:hover > ul.sub-menu,
.menu li:hover > ul.sub-menu,
.navbar-nav li.focus > ul.sub-menu,
.menu li.focus > ul.sub-menu {
    display: block;
}

/* Alt menü bağlantı stilleri */
.navbar-nav li ul.sub-menu li a,
.menu li ul.sub-menu li a {
    display: block;
    padding: 10px 15px;
    color: #ffffff !important;
    white-space: nowrap;
    border-bottom: 1px solid #1a1a1a;
    transition: background 0.2s ease, color 0.2s ease;
}

.navbar-nav li ul.sub-menu li a:hover,
.menu li ul.sub-menu li a:hover {
    background-color: #e30613;
    color: #ffffff !important;
}