/**
 * Fix for sp-profile-wrapper to keep icon and text on one line
 */

/* Ensure profile wrapper link stays on one line */
.sp-profile-wrapper .sp-sign-in {
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
}

/* Icons should not force line breaks */
.sp-profile-wrapper .sp-sign-in i {
    display: inline-block;
    margin-right: 5px;
}

/* User text should stay inline */
.sp-profile-wrapper .sp-sign-in .user-text {
    display: inline-block !important;
    margin: 0 5px;
}

/* Arrow icon should stay inline */
.sp-profile-wrapper .sp-sign-in .arrow-icon {
    display: inline-block;
    margin-left: 5px;
}

/* For smaller screens where it might still wrap */
@media (min-width: 1250px) and (max-width: 1399px) {
    .sp-profile-wrapper {
        font-size: 13px;
    }
}

@media (min-width: 992px) and (max-width: 1249px) {
    .sp-profile-wrapper {
        font-size: 13px;
    }
    
    .sp-profile-wrapper .sp-sign-in .user-text {
        /* Hide username on medium screens if needed */
        display: none !important;
    }
}

/* Show username on larger screens */
@media (min-width: 1250px) {
    .sp-profile-wrapper .sp-sign-in .user-text {
        display: inline-block !important;
    }
}

/* Ensure the header modules don't wrap */
.header-modules {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.header-modules .sp-module {
    white-space: nowrap;
}

/* Sign in link for non-logged-in users */
.sp-sign-in {
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
}

.sp-sign-in .far.fa-user {
    margin-right: 5px;
}