/* Serdem HVAC - İnce Ayarlı Kurumsal Menü */

/* 1. Alt menü kutusu (Lacivert zemin) */
.sub-menu {
    background-color: #003366 !important; 
    min-width: 240px !important; /* Genişliği biraz daralttık */
    border-top: 2px solid #FF6600 !important;
    padding: 5px 0 !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.3);
}

/* 2. Yazıları Ana Sayfa gibi Zarif ve Tok Yap */
.sub-menu a {
    color: #FFFFFF !important; 
    
    /* İŞTE KRİTİK AYARLAR */
    font-size: 14px !important; /* Puntoyu küçülttük, ana sayfa ayarına çektik */
    font-weight: 600 !important; /* 'Kocaman' değil, sadece belirgin (Semi-bold) */
    font-family: inherit !important; 
    
    text-transform: none !important; /* Hepsi büyük harf olmasın, daha kibar durur */
    letter-spacing: 0.2px !important;
    
    padding: 10px 20px !important; /* İç boşluğu daralttık ki kutu çok uzamasın */
    display: block !important;
    transition: all 0.2s ease;
}

/* 3. Üstüne gelince (Hover) Turuncu parlasın */
.sub-menu a:hover {
    background-color: #FF6600 !important; 
    color: #FFFFFF !important;
    padding-left: 25px !important; /* Çok hafif bir hareket */
}

/* 4. Masaüstü görünürlük garantisi */
.menu-item-has-children:hover > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}/* Serdem HVAC Alt Menü Tıklanma Hissi */
.footer-widget-area a {
    color: #ffffff !important; /* Normalde beyaz kalsın */
    transition: all 0.3s ease !important;
}

.footer-widget-area a:hover, 
.footer-widget-area a:active {
    color: #FF6600 !important; /* Üzerine gelince veya dokununca Turuncu olsun */
    padding-left: 8px !important; /* Mobilde tıklandığında hafif sağa kaysın */
}/* İletişim widgetındaki tüm yazıları beyaza sabitler */
#footer-widget-4, #footer-widget-4 *, #footer-widget-4 a {
    color: #ffffff !important;
    text-decoration: none !important; /* Alt çizgileri de kaldırır, jilet gibi olur */
}

/* Sosyal medya ikonlarını canlandırır (Eğer ayarla olmazsa) */
#footer-widget-4 .ast-social-color-type-custom .ast-builder-social-element {
    color: initial !important;
}/* Mobil menü açıldığında arka planı lacivert yapar */
.ast-header-break-point .main-header-bar-navigation, 
.ast-header-break-point .main-header-bar-navigation .main-header-menu {
    background-color: #1a4b8c !important; /* Kurumsal Lacivert */
}

/* Menü yazılarını beyaz ve okunur yapar */
.ast-header-break-point .main-header-bar-navigation .menu-item a {
    color: #ffffff !important; /* Beyaz Yazı */
}

/* Menüdeki alt çizgilerin rengini belirginleştirir */
.ast-header-break-point .main-header-menu .menu-item {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}/* Alt menü ok simgesini beyaz yapar */
.ast-header-break-point .ast-menu-toggle {
    color: #ffffff !important;
}

/* Ok simgesinin konumunu ve görünürlüğünü sabitler */
.ast-header-break-point .main-header-menu .menu-item-has-children > .ast-menu-toggle {
    display: inline-block !important;
    visibility: visible !important;
}