/* Styles for mobile devices */
@media (max-width: 780px) {
    *{
        --sokitoko_couleur_1 : #6a2f27;
        --sokitoko_couleur_2 : #ce8f02;
    }
    .img_logo_nav
    {
        width: 25px ;
    }
    .header_area .search-area form input:focus,
    .header_area .search-area form input
    {
        width: auto;
    }
    /* div vu navigation */
    .categories_baniere
    {
        width: 100%;
        margin: 0% 0%;
        margin-top: 20px;
    }
    /* afficher produit */
    .div_details_produit
    {
        width: 100%;
        padding: 10px;
    }

    /* barre de recherche header */
    .header_area .search-area,
    .header_area .search-area form,
    .header_area .search-area form input
    {
        width: 100%;
    }
    
    /* edit catégories */
    .gestion_categorie {
        width: 90%;
        padding: 50px 20px;
    }

    /* shop - article */
    .aucun_article
    {
        padding: 5px;
    }
    .aucun_article h1
    {
        font-size: 30px;
    }
    .aucun_article a:hover,
    .aucun_article a:active,
    .aucun_article a
    {
        display: block;
        width: 70%;
        margin: 10px 15%;
        padding: 5px;
        background: var(--sokitoko_couleur_2);
        border-radius: 10px;
        text-decoration: none;
        font-size: 20px;
    }
    /* account */
    .div_profil_utilisateur
    {
        width: 100%;
        height: auto;
        display: block;
    }
    .parent_div_photo_de_profile
    {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .parent_div_info_profile
    {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    /* lab categorie */
    .btn_add_categorie_lab_categorie
    {
        cursor: initial;
    }
    .alignement_categorie_lab_categorie
    span,
    .alignement_sous_categorie
    span
    {
        cursor: initial;
        width: auto;
        height: auto;
        font-size: 14px;
        padding: 2.5px;
    }
    /* edit article */
    .div_modifier_article
    {
        width: 90%;
        margin: 20px 5%;
    }
}