/* =========================================================
   BNI GESTION
   CSS GLOBAL
   public/css/app.css
========================================================= */


/* =========================================================
   RESET
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


html,
body {
    margin: 0;
    padding: 0;
}


body {
    min-height: 100vh;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #222;

    background: #ffffff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* =========================================================
   IMAGES
========================================================= */

img {
    max-width: 100%;
    height: auto;

    display: block;
}


/* =========================================================
   LINKS
========================================================= */

a {
    color: inherit;
    text-decoration: none;
}


/* =========================================================
   BUTTONS
========================================================= */

button,
input,
textarea,
select {
    font: inherit;
}


/* =========================================================
   MAIN
========================================================= */

main {
    width: 100%;
}


/* =========================================================
   CONTAINER GLOBAL
========================================================= */

.container {
    width: 100%;

    max-width: 1640px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 30px;
    padding-right: 30px;
}


/* =========================================================
   SECTIONS
========================================================= */

section {
    width: 100%;
}


/* =========================================================
   SELECTION
========================================================= */

::selection {
    background: #247d47;
    color: #ffffff;
}


/* =========================================================
   SCROLLBAR
========================================================= */

::-webkit-scrollbar {
    width: 8px;
}


::-webkit-scrollbar-track {
    background: #f2f2f2;
}


::-webkit-scrollbar-thumb {
    background: #247d47;

    border-radius: 10px;
}


::-webkit-scrollbar-thumb:hover {
    background: #176238;
}


/* =========================================================
   ACCESSIBILITÉ
========================================================= */

:focus-visible {
    outline: 3px solid #f39200;

    outline-offset: 3px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

}