/* Nested sub-menu (subcategory) sağa açılması için özel stiller */
.main-menu-4 ul li .sub-menu li.has-dropdown {
    position: relative;
}

.main-menu-4 ul li .sub-menu li.has-dropdown .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 5px;
    width: 260px;
    padding: 10px 0;
    border-top: 5px solid #e8112b;
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;
    background: #f8f9fa;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    z-index: 999;
    border-radius: 4px;
}

.main-menu-4 ul li .sub-menu li.has-dropdown:hover .sub-menu {
    visibility: visible;
    opacity: 1;
}

/* Sub-menu arkaplan rengi ve daha iyi görünüm */
.main-menu-4 ul li .sub-menu {
    background: #fff;
    border-radius: 4px;
    z-index: 998;
}

/* Subcategory menüsü için ok işareti */
.main-menu-4 ul li .sub-menu li.has-dropdown > a:after {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    margin-left: 7px;
    font-size: 12px;
    float: right;
}

/* Hover efekti için */
.main-menu-4 ul li .sub-menu li.has-dropdown:hover > a {
    background-color: rgba(232, 17, 43, 0.08);
    color: #e8112b;
    padding-right: 15px;
}

/* Subcategory menü item'ları için stil */
.main-menu-4 ul li .sub-menu li.has-dropdown .sub-menu li a {
    padding: 10px 20px;
    font-size: 14px;
}

.main-menu-4 ul li .sub-menu li.has-dropdown .sub-menu li:hover a {
    background-color: rgba(232, 17, 43, 0.05);
    color: #e8112b;
}