.fi-sortable-ghost {
    opacity: 0.3;
}

.fi-menu-builder-item-handle {
    cursor: move;
}

.fi-fo-repeater-item-header {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.fi-menu-builder-item-label {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.fi-menu-builder-item-label-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.fi-menu-builder-item-url {
    font-weight: 400;
    color: #6b7280;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    max-width: 250px !important;
    margin-inline-start: auto !important;
    text-align: right !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.dark .fi-menu-builder-item-url {
    color: #9ca3af;
}

.fi-menu-builder-item-children {
    padding-inline-start: 1.5rem;
    padding-inline-end: 0.75rem;
    padding-bottom: 0.75rem;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* Responsive adjustments to prevent right-screen overflow */
@media (max-width: 1200px) {
    .fi-menu-builder-item-url {
        max-width: 150px !important;
    }
}

@media (max-width: 1024px) {
    .fi-menu-builder-item-url {
        max-width: 100px !important;
    }
}

@media (max-width: 768px) {
    .fi-menu-builder-item-url {
        display: none !important; /* Hide URL on small screens/tablets to free up space */
    }
}