/* Global Sidemenu Word Wrap Fix - Applied to ALL pages */
/* This ensures Smart Contract options and other long menu items wrap properly */

/* Force word wrapping for ALL menu items */
.nav-dropdown-menu .nav-link span,
.nav-link span,
.sidebar .nav-link span,
.sidebar .nav-dropdown-menu .nav-link span,
aside.sidebar .nav-link span {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    display: inline-block !important;
    max-width: 200px !important;
    line-height: 1.3 !important;
    vertical-align: middle !important;
}

/* Ensure dropdown menu items have proper spacing */
.nav-dropdown-menu .nav-link,
.sidebar .nav-dropdown-menu .nav-link {
    padding: 0.6rem 1rem !important;
    min-height: auto !important;
    display: flex !important;
    align-items: flex-start !important;
}

/* Icon alignment for wrapped text */
.nav-link i,
.nav-dropdown-menu .nav-link i,
.sidebar .nav-link i {
    align-self: flex-start !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
    min-width: 24px !important;
    margin-right: 12px !important;
}

/* Ensure dropdown menu has proper width */
.nav-dropdown-menu,
.sidebar .nav-dropdown-menu {
    width: 100% !important;
    overflow: visible !important;
    background: rgba(0, 0, 0, 0.3);
}

/* Sidebar should be 280px */
.sidebar,
aside.sidebar {
    width: 280px !important;
    max-width: 280px !important;
    min-width: 280px !important;
}

/* Override any conflicting styles with higher specificity */
body .sidebar .nav-dropdown-menu .nav-link span,
html body .sidebar .nav-dropdown-menu .nav-link span {
    white-space: normal !important;
    word-wrap: break-word !important;
    max-width: 200px !important;
}

/* Ensure text doesn't get cut off */
.nav-dropdown-menu .nav-link {
    overflow: visible !important;
    text-overflow: initial !important;
}

/* Add some visual separation for wrapped items */
.nav-dropdown-menu .nav-link:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}