/* Tarteaucitron in the site's colours. See inc/seo/class-ofi-consent.php. */

#tarteaucitronRoot,
#tarteaucitronRoot button,
#tarteaucitronRoot #tarteaucitronAlertBig {
    font-family: inherit !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: var(--tj-color-common-white, #fff);
    color: var(--tj-color-heading-primary, #0c1e21);
    padding: 18px 16px;
    box-sizing: border-box;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    color: inherit;
    font-size: 15px;
    line-height: 1.5;
}

/* "Tout accepter" and "Tout refuser" look the same (CNIL). */
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronAlertBig #tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronAllAllowed,
#tarteaucitronRoot #tarteaucitronAllDenied {
    background: var(--tj-color-theme-primary, #17b47b);
    color: #fff;
    border: 1px solid var(--tj-color-theme-primary, #17b47b);
    border-radius: 50px;
    padding: 10px 22px;
    font-size: 15px !important;
    font-weight: 500;
    transition: background-color .2s, color .2s;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize2:hover,
#tarteaucitronAlertBig #tarteaucitronAllDenied2:hover,
#tarteaucitronRoot #tarteaucitronAllAllowed:hover,
#tarteaucitronRoot #tarteaucitronAllDenied:hover {
    background: var(--tj-color-heading-primary, #0c1e21);
    border-color: var(--tj-color-heading-primary, #0c1e21);
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background: transparent;
    color: inherit;
    border: 1px solid currentColor;
    border-radius: 50px;
    padding: 10px 22px;
    font-size: 15px !important;
}

#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronAllow:hover {
    background: var(--tj-color-theme-primary, #17b47b) !important;
    color: #fff;
}

#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronDeny {
    border-radius: 50px;
}

/* Notice shown in a form when reCAPTCHA was refused. */
.ofi-recaptcha-consent {
    margin-top: 16px;
    padding: 14px 16px;
    border-left: 3px solid var(--tj-color-theme-primary, #17b47b);
    background: rgba(23, 180, 123, .08);
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

.ofi-recaptcha-consent p {
    margin: 0 0 10px;
}

.ofi-recaptcha-consent__btn {
    background: var(--tj-color-theme-primary, #17b47b);
    color: #fff;
    border: 0;
    border-radius: 50px;
    padding: 8px 18px;
    cursor: pointer;
}

.ofi-recaptcha-consent__btn:hover {
    background: var(--tj-color-heading-primary, #0c1e21);
}