/*
 * STP Nuke
 * Fluent Support Customer Portal Customizations
 */

/* =========================================================
   PROMINENT CUSTOMER LOGOUT
========================================================= */

.stpnuke-fluent-logout {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;

    min-height: 42px;
    margin-left: 8px;
    padding: 0.65rem 1.15rem;

    border: 2px solid var(--color-primary) !important;
    border-radius: 8px;

    background: var(--color-primary) !important;
    color: #ffffff !important;

    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.stpnuke-fluent-logout::before {
    content: "↪";
    font-size: 1.2rem;
    font-weight: 700;
}

.stpnuke-fluent-logout:hover,
.stpnuke-fluent-logout:focus {
    background: var(--color-primary-dark) !important;
    border-color: var(--color-primary-dark) !important;
    color: #ffffff !important;

    box-shadow: 0 4px 12px rgba(0, 10, 118, 0.25);
    transform: translateY(-1px);
}

.stpnuke-fluent-logout:focus-visible {
    outline: 3px solid var(--color-accent);
    outline-offset: 2px;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .stpnuke-fluent-logout {
        min-height: 44px;
        margin-left: 6px;
        padding: 0.7rem 1rem;
        font-size: 0.95rem;
    }

}