/* =========================================================
   AXOM LOGIN / LOGOUT — NAV MENU ITEM
   Styles identiques au shortcode [axom_login_button]
   ========================================================= */

/* =========================================================
   WRAPPER
   ========================================================= */
.axom-login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* =========================================================
   BOUTON
   ========================================================= */
.axom-login-btn {
    position: relative;
    float: left;
    overflow: hidden;
    font-family: Montserrat, sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    margin-top: 10px;
    padding: 15px 15px;
    height: 40px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 500;
    color: #ffffff;
    backdrop-filter: blur(8px);
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.10);
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.20),
        transparent
    );
    transition: 0.3s;
}

/* =========================================================
   HOVER
   ========================================================= */
.axom-login-btn:hover {
    transform: scale(1.07);
    color: whitesmoke !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
    text-decoration: none;
}

.axom-login-btn:hover::before {
    left: 120%;
}

/* =========================================================
   STYLE — CONNEXION (bleu)
   ========================================================= */
.axom-btn-login {
    background: linear-gradient(
        135deg,
        #2271b1,
        #135e96
    );
}

/* =========================================================
   STYLE — DÉCONNEXION (rouge)
   ========================================================= */
.axom-btn-logout {
    background: linear-gradient(
        135deg,
        tomato,
        #b91c1c
    );
}

/* =========================================================
   ICÔNE
   ========================================================= */
.axom-login-icon {
    font-size: 18px;
    display: flex;
    align-items: center;
    line-height: 1;
}

/* =========================================================
   TABLETTE  (≤ 900 px)
   ========================================================= */
@media (max-width: 900px) {
    .axom-login-btn {
        width: 100% !important;
    }
}

/* =========================================================
   MOBILE  (≤ 768 px)
   ========================================================= */
@media (max-width: 768px) {
    .axom-login-btn {
        width: 100% !important;
    }
}