/* ******************* */
/* SECTION BODY GLOBAL */
/* ******************* */
@import url('../fonts/helvetica/style.css');

body {
    font-family: 'Helvetica', sans-serif;
    font-size: 1rem;
}

@media (max-width: 393px) {
    body {
        font-size: max(4vw, 16px);
        /* Taille de police minimale de 6vw ou 32px, selon la plus grande valeur */
        /* La taille de police sera de 3% de la largeur de la vue (viewport) ou au moins 16px */
        /* Ajustez cette valeur selon vos préférences */

    }

    h1 {
        font-size: max(vw, 24px);
        /* Taille de police minimale de 10vw ou 48px, selon la plus grande valeur */
        /* La taille de police sera de 5% de la largeur de la vue (viewport) ou au moins 24px */
        /* Ajustez cette valeur selon vos préférences */
    }

    /* Ajoutez d'autres règles CSS pour limiter la diminution de la taille des polices si nécessaire */
}

.disabled-link {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 1;
    color: #cccccc;
}

button:disabled {
    background-color: #ccc;
    /* Exemple de style */
    cursor: not-allowed;
}

/* ************************** */
/* SECTION A lot of container */
/* ************************** */
.container {
    /* padding-bottom: 10vw; */
    /* 15% de la hauteur de son conteneur parent */
    padding-right: 0;
    padding-left: 0;
}

/* ************* */
/* SECTION ALERT */
/* ************* */

/* Animation pour faire disparaître l'élément progressivement */
@keyframes fadeOut {
    from {
        opacity: 1;
    }

    /* Opacité initiale (complètement visible) */
    to {
        opacity: 0.3;
    }

    /* Opacité finale (complètement transparent) */
}

/* Applique l'animation à l'élément avec une durée de 1 seconde */
.alert {
    animation: fadeOut 1s ease-in-out forwards;
    /* Utilise l'animation 'fadeOut' pendant 1 seconde */
    /* Assure que l'élément reste visible pendant un court moment après la fin de l'animation */
    animation-delay: 4s;
    /* Délai avant le début de l'animation (30s total - 1s de durée) */
    font-size: 1em;
}

/* ****************************** */
/* SECTION Units in VARIOUS Pages */
/* ****************************** */
#unit {
    margin-bottom: 0;
    margin-top: 2vw;
    margin-left: 3%;
    font-family: 'Helvetica Oblique', sans-serif;
    font-size: 4vw;
}

/* ************** */
/* SECTION ERRORS */
/* ************** */
#row-errors {
    margin-bottom: 3%;
    /* 30px en % de la hauteur parente */
    margin-top: 3%;
    /* 30px en % de la hauteur parente */
}

.editable-div {
    width: 100%;
    min-height: 1%;
    /* 1px en % de la hauteur parente */
    border: 0.1% solid #ccc;
    /* 1px en % de la hauteur parente */
    overflow: auto;
    margin-top: 2%;
    /* 20px en % de la hauteur parente */
    padding: 1%;
    /* 10px en % de la hauteur parente */
    background-color: white;
}

.editable-div:focus {
    border-color: #007bff;
}

/* ********************* */
/* SUB-SECTION BIG TITLE */
/* ********************* */
.custom-row-big-title {
    background-color: #e6e6e6;
}

.custom-big-title {
    margin-left: 2%;
    font-size: 4vw;
}

.custom-row-info-color {
    background-color: #ededf0;
    /* Exemple de couleur grise */
    padding-left: 2vw !important;
}

/* **************** */
/* SUB-SECTION ROWS */
/* **************** */

#div-1 {
    margin-left: 0%;
    margin-bottom: 3%;
    /* 30px en % de la hauteur parente */
    margin-top: 2%;
    /* 30px en % de la hauteur parente */
}

.form-row {
    margin: 0.5vw 0.5vw 1.5vw 0.5vw !important;
}