/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* Modal produit plein écran */
#product-modal .modal-content,
#product-modal .modal-body,
.product-cover-modal {
  height: 92vh !important;
  width: auto !important;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
}

/* Bouton déconnexion bureau */
#_desktop_user_info .logout {
  margin-right: 50px !important;
  color: red; /* test visuel */
}

@media (max-width: 767px) {
    .rm-login-bar__logout {
        margin-right: 10px; /* Ajoute un espace entre le bouton déconnexion et le bouton panier */
    }

    .rm-login-bar__logout svg,
    .rm-basket-container svg {
        width: 20px;
        height: 20px;
        margin: 0; /* Supprimez tout décalage */
        vertical-align: middle; /* Alignez verticalement */
    }
  
    .rm-login-bar__logout,
    .rm-basket-container {
        display: flex;
        align-items: center; /* Assurez-vous que les conteneurs alignent bien les SVG */
    }
}