/* İzmir Su Tesisat Ustası - Özel CSS Dosyası */

/* Telefon ikonu çevirme (en güçlü seçici ile) */
.fas.fa-phone-alt.rotate-phone,
i.fas.fa-phone-alt.rotate-phone,
.rotate-phone[class*="fa-phone"] {
    display: inline-block !important;
    transform: rotate(90deg) !important;
}

/* Yardımcı Sınıflar */
.text-primary {
    color: #2563eb !important;
}

.bg-primary {
    background-color: #2563eb !important;
}

.text-secondary {
    color: #3b82f6 !important;
}

.bg-secondary {
    background-color: #3b82f6 !important;
}

/* Telefon İkonu Sabit Döndürme */
.fa-phone-alt {
    display: inline-block;
    transform: rotate(90deg);
}

/* Navigasyon Menüsü Aktif Link */
.nav-link.active {
    color: #2563eb !important;
    font-weight: 600 !important;
    position: relative !important;
}

.nav-link.active::after {
    content: "" !important;
    position: absolute !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #2563eb !important;
    bottom: -2px !important;
    left: 0 !important;
}

/* Mobil Menü Düzeltmeleri */
#mobile-nav-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #242424;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 999;
    display: none;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
}

#mobile-nav-menu.active {
    display: block;
}

/* Responsive yardımcı sınıflar - Daha güçlü seçicilerle */
@media (min-width: 768px) {
    /* Masaüstü görünüm (md üzeri) */
    .desktop-only {
        display: flex !important;
    }
    
    .mobile-only {
        display: none !important;
    }
}

@media (max-width: 767px) {
    /* Mobil görünüm */
    .mobile-only {
        display: flex !important;
    }
    
    .desktop-only {
        display: none !important;
    }
    
    /* Mobil öğeler için düzenlemeler */
    .mobile-only.items-center {
        align-items: center !important;
    }
    
    .mobile-only.justify-between {
        justify-content: space-between !important;
    }
}

/* Header Container Stilleri */
.header-container {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999;
}

/* Bilgi çubuğu için z-index */
.bg-gray-900.text-white {
    position: relative;
    z-index: 1000;
}