/* UserWay Accessibility Widget Positioning */
/* Prevent UserWay widget from overlapping with navbar content */
.main-header.navbar {
    padding-right: 50px !important;
}

/* UserWay widget positioning */
#userway-widget,
[class*="userway"],
[class*="uw-"],
[data-userway] {
    z-index: 9998 !important;
}

/* Ensure navbar user menu has proper spacing */
.navbar-nav.ml-auto {
    margin-right: 10px !important;
}

/* Responsive adjustments for UserWay widget */
@media screen and (max-width: 991px) {
    /* Tablet */
    .main-header.navbar {
        padding-right: 55px !important;
    }
}

@media screen and (max-width: 767px) {
    /* Mobile */
    .main-header.navbar {
        padding-right: 50px !important;
    }
    
    /* On mobile, ensure user menu doesn't overlap */
    .navbar-nav.ml-auto .nav-item.dropdown.user-menu {
        max-width: calc(100% - 60px);
    }
    
    .navbar-nav.ml-auto .nav-item.dropdown.user-menu .nav-link {
        padding: 0.5rem 0.25rem !important;
    }
    
    .navbar-nav.ml-auto .nav-item.dropdown.user-menu span {
        font-size: 0.875rem;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }
}

@media screen and (max-width: 576px) {
    /* Small mobile */
    .main-header.navbar {
        padding-right: 45px !important;
    }
    
    .navbar-nav.ml-auto .nav-item.dropdown.user-menu span {
        max-width: 100px;
        font-size: 0.8rem;
    }
}