/**
 * Fichier  : /ott/checkout/assets/css/terms.css
 * Fonction : style des conditions générales
 */


/* ==================================================
   TERMS
================================================== */

#checkout .checkout .terms {
    padding: 14px 16px;
}

#checkout .checkout .terms {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.02)
        );

    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
}

#checkout .checkout .terms {
    backdrop-filter: blur(14px);
}

#checkout .checkout .terms {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

#checkout .checkout .terms p {
    font-family: 'content-font';
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255,255,255,.68);
}

#checkout .checkout .terms span {
    flex: 0 0 auto;
}

#checkout .checkout .terms input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    margin: 1px 0 0 0 !important;
}

#checkout .checkout .terms input[type="checkbox"] {
    accent-color: #ff7b00;
}

#checkout .checkout .terms a {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: rgba(255,120,0,.45);
    text-underline-offset: 3px;
}

#checkout .checkout .terms a:hover {
    color: #ff7b00;
}


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

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

    #checkout .checkout .terms {
        padding: 13px 14px;
    }

}