/**
 * This file is part of Zwii.
 *
 * For full copyright and license information, please see the LICENSE
 * file that was distributed with this source code.
 *
 * @author Rémi Jean <remi.jean@outlook.com>
 * @copyright Copyright (C) 2008-2018, Rémi Jean
 * @author Frédéric Tempez <frederic.tempez@outlook.com>
 * @copyright Copyright (C) 2018-2024, Frédéric Tempez
 * @license CC Attribution-NonCommercial-NoDerivatives 4.0 International
 * @link http://zwiicms.fr/
 */

/** @import url("site/data/admin.css"); */

/** NE PAS EFFACER
* admin.css
*/

@media screen and (max-width: 768px) {
    #buttonsContainer {
        display: grid;
    }
    #loginContainer {
        order: 1;
    }
    #backContainer{
        order: 2;
    }
}

#userAuthKey {
    text-align: center;
    font-size: 2rem;
    border: none; /* Supprime toutes les bordures */
    border-bottom: 2px solid #000; /* Ajoute uniquement une bordure inférieure */
    padding: 5px 0; /* Ajoute un peu d'espace au-dessus et en dessous */
    margin-top: 10px; /* Ajoute un espacement au-dessus du champ */
    outline: none; /* Supprime l'effet de focus par défaut */
    letter-spacing: 6px; /* Ajoute un espacement de 2 pixels */
}

#userAuthKey:focus {
    border-bottom-color: #007bff; /* Change la couleur du cadre bas lorsqu'on clique */
    border-bottom-width: 3px; /* Accentue la bordure inférieure */
}

.container.light {
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
}