/* xl - MASAÜSTÜ STİLLERİ */ 
/* Sağ üst menüdeki E-CATALOG öğesini kırmızı buton yapma */
#menu-item-28729 .woodmart-nav-link {
    background-color: #e31e24 !important; /* Kırmızı fon */
    color: white !important; /* Beyaz yazı */
    padding: 5px 12px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 11px !important; /* İkonlarla aynı hizada olması için */
    display: flex !important;
    align-items: center;
    height: 28px !important; /* İkon yüksekliğiyle eşitleme */
    margin-top: 5px;
}

/* Üzerine gelince renk değişimi */
#menu-item-28729 .woodmart-nav-link:hover {
    background-color: #b3161b !important;
}

/* Yazı içeriğini CATALOG olarak değiştiremiyorsan bunu ekle */
#menu-item-28729 .nav-link-text {
    font-size: 0;
}
#menu-item-28729 .nav-link-text:after {
    content: "CATALOG";
    font-size: 11px;
}

/* Sitedeki TÜM sosyal medya ikonlarını yuvarlak, renkli ve ARALIKLI yapma */
.wd-social-icon, 
.elementor-widget-wd_social_buttons .wd-social-icon {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: white !important;
    transition: all 0.3s ease;
    text-decoration: none !important;
    /* İkonlar arasındaki boşluk burasıdır */
    margin: 0 4px !important; 
}

/* İkon Renkleri */
.social-facebook, [class*="social-facebook"] { background-color: #3b5998 !important; }
.social-instagram, [class*="social-instagram"] { background-color: #e4405f !important; }
.social-linkedin, [class*="social-linkedin"] { background-color: #0077b5 !important; }
.social-youtube, [class*="social-youtube"] { background-color: #ff0000 !important; }

/* Üzerine gelince büyüme efekti */
.wd-social-icon:hover {
    transform: scale(1.1);
}
.whb-general-header .menu-item a {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #ffffff !important;
    padding: 1px 10px 1px 10px !important;
    border-radius: 5px;
    margin: 0 5px;
    transition: all 0.3s ease;
}