/**
 * Fixed Position Styles for Onos User Login
 * 
 * Positions the auth buttons at the top-right corner of the page
 */

/* Fixed positioning for desktop */
.onos-auth-fixed-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999;
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Ensure buttons work well in fixed position */
.onos-auth-fixed-wrapper .onos-auth-buttons-wrapper {
    margin: 0;
}

/* Adjust for admin bar when logged in */
body.admin-bar .onos-auth-fixed-wrapper {
    top: 52px;
    /* WordPress admin bar height on desktop */
}

/* Responsive adjustments */
@media screen and (max-width: 782px) {
    body.admin-bar .onos-auth-fixed-wrapper {
        top: 66px;
        /* WordPress admin bar height on mobile */
    }
}

@media screen and (max-width: 600px) {
    body.admin-bar .onos-auth-fixed-wrapper {
        top: 56px;
        /* Adjusted for smaller admin bar */
    }

    .onos-auth-fixed-wrapper {
        top: 15px;
        right: 15px;
    }
}

/* Mobile - keep fixed position but adjust spacing */
@media (max-width: 480px) {
    .onos-auth-fixed-wrapper {
        top: 12px;
        right: 12px;
    }
}