/**
 * Fichier  : /ott/checkout/assets/css/style.css
 * Fonction : style global du checkout OTT
 */


/* ==================================================
   CHECKOUT
================================================== */

#checkout {
    position: relative;
    overflow: hidden;
}

#checkout {
    min-height: 100vh;
}

#checkout {
    margin-bottom: 3em;
}

#checkout {
    color: #fff;
}


/* ==================================================
   BOX SIZING
================================================== */

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


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

#checkout > main {
    position: relative;
    z-index: 1;
}

#checkout > main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


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

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


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

#checkout img {
    display: block;
    max-width: 100%;
}


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

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


/* ==================================================
   ACCESSIBILITY
================================================== */

#checkout input:focus-visible,
#checkout select:focus-visible,
#checkout textarea:focus-visible,
#checkout button:focus-visible,
#checkout a:focus-visible {
    outline: none;
}

#checkout input:focus-visible,
#checkout select:focus-visible,
#checkout textarea:focus-visible,
#checkout button:focus-visible,
#checkout a:focus-visible {
    box-shadow:
        0 0 0 3px rgba(255,123,0,.25);
}


/* ==================================================
   RESPONSIVE
================================================== */

@media screen and (max-width: 768px) {

    #checkout {
        padding: 22px 0 36px 0;
    }

}