/* ====== Modern Custom Overrides for jQuery ContextMenu ====== */

/* İkon hizalama */
.context-menu-icon::before,
.context-menu-icon.context-menu-icon--fa::before {
    position: absolute;
    top: 50%;
    left: 0.6em;
    width: 1.6em;
    font-size: 1.05em;
    transform: translateY(-50%);
    text-align: center;
}

/* Bootstrap Icons veya FA5 için */
.context-menu-icon.context-menu-icon--fa5 i,
.context-menu-icon.context-menu-icon--fa5 svg,
.context-menu-icon.context-menu-icon--bi svg {
    position: absolute;
    top: 50%;
    left: 0.8em;
    transform: translateY(-50%);
    font-size: 1.05em;
}

/* Açık mavi palet */
.context-menu-icon.contextBlue::before {
    color: #66baff;
}

.context-menu-icon.contextGreen::before {
    color: #2ecc71;
}

.context-menu-icon.contextYellow::before {
    color: #f1c40f;
}

.context-menu-icon.contextGrey::before {
    color: #95a5a6;
}

.context-menu-icon.contextRed::before {
    color: #e74c3c;
}

.context-menu-icon.contextDarkBlue::before {
    color: #34495e;
}

/* Hover durumunda ikon rengi koyulaşsın */
.context-menu-icon.context-menu-hover::before,
.context-menu-icon.context-menu-icon--fa.context-menu-hover::before,
.context-menu-icon.context-menu-icon--fa5.context-menu-hover > i,
.context-menu-icon.context-menu-icon--fa5.context-menu-hover > svg,
.context-menu-icon.context-menu-icon--bi.context-menu-hover > svg {
    color: #1f5a85 !important;
}

/* Silme butonu özel rengi */
.contextMenuSil,
.contextMenuSil + span {
    color: #e74c3c !important;
    font-weight: 600;
}

/* Liste görünümü */
.context-menu-list {
    min-width: 220px;
    max-width: 300px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 10px rgba(0,0,0,.08);
    font-size: 0.9rem;
    padding: 2px 0;
    z-index: 999999 !important;
}

/* Menü item */
.context-menu-item {
    padding: 8px 14px 8px 36px; /* aralıklar kısaltıldı */
    color: #2c3e50;
    font-weight: 400;
    background-color: transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    /* Hover efekti */
    .context-menu-item.context-menu-hover {
        background-color: #f5f7fa;
        color: #2980b9;
        cursor: pointer;
    }

    /* İlk ve son item radius */
    .context-menu-item:first-child:hover {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .context-menu-item:last-child:hover {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    /* Disabled item */
    .context-menu-item.context-menu-disabled,
    .context-menu-item.context-menu-disabled > span {
        color: #bdc3c7 !important;
        cursor: not-allowed;
    }

/* Separator - daha ince ve az padding */
.context-menu-separator {
    margin: 1px 0;
    padding: 0;
    border-bottom: 1px solid #ecf0f1;
}

/* Alt menü konumlandırmaları (Ekran kenarı taşma düzeltmesi dahil) */
.context-menu-submenu > .context-menu-list {
    top: 0 !important; /* Ana item ile dikeyde tam eşit hizala */
    margin-top: 0;
}

/* Normal durumda sağa açılış (Ön tanımlı) */
.context-menu-submenu > .context-menu-list {
    left: 100%;
    right: auto;
    margin-left: -2px;
    margin-right: 0;
}

/* Ekran kenarına dayandığında sola açılış (Eklentinin otomatik sınıfı) */
.context-menu-submenu.context-menu-submenu-left > .context-menu-list {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -2px;
}

/* RTL desteği */
html[dir="rtl"] .context-menu-root {
    direction: rtl;
}

html[dir="rtl"] .context-menu-submenu > .context-menu-list {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -2px;
}

html[dir="rtl"] .context-menu-submenu.context-menu-submenu-left > .context-menu-list {
    left: 100%;
    right: auto;
    margin-left: -2px;
    margin-right: 0;
}