.btn-close {
    color: #ebffd6;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ebffd6'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.alert-info {
    color: #195f80;
    background-color: #d4ecf7;
    border-color: #98b0bb;
}

.alert-success {
    color: #476b00;
    background-color: #e4f0cc;
    border-color: #a8b490;
}

.alert-warning {
    color: #995200;
    background-color: #ffe7cc;
    border-color: #c3ab90;
}

.alert-danger {
    color: #7a0000;
    background-color: #f5cccc;
    border-color: #b99090;
}

/* Cyborg (assets/scss/bs_theme.scss) forces links in alerts to white, for its own saturated
   alerts. These carry the restaurant's background and text pair instead (the text contrast-repaired
   on every save), so a link follows that text, in bold — Bootstrap's own .alert-link look. White
   left the "call us" phone number at 1.23:1 on the default info box. Bold, not underline: the phone
   include is text-decoration-none. Same specificity as Cyborg's rule: this sheet is linked after it.
   :hover and :focus too, or the `a:hover` rule below (same specificity, later) would turn it back to
   the link colour under the pointer. */
.alert a,
.alert .alert-link,
.alert a:hover,
.alert a:focus,
.alert .alert-link:hover,
.alert .alert-link:focus {
    color: inherit;
    font-weight: 700;
}

body {
    background-color: #052603;
}

.h1,.h2,.h3,.h4,.h5 {
    color: #ebffd6;
}

body, h1, h2, h3, h4, h5 {
    color: #ebffd6;
}

/* Banner H1 overlays the banner image, so it has its own colour (set by the
   restaurant) instead of mainTextColor — the #id outranks the rules above. */
#h1-title {
    color: #000000;
}

a {
    color: #000000;
}

a:hover {
    color: #000000;
}

.text-primary {
    color: #000000 !important;
}

.text-success {
    color: #000000 !important;
}

.text-warning {
    color: #000000 !important;
}

.text-danger {
    color: #000000 !important;
}

.text-info {
    color: #000000 !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: #052603;
    color: #FFFFFF;
}

.form-control:focus {
    border-color: #5f805d;
    box-shadow: 0 0 0 0.25rem #000000;
}

.btn-primary {
    background-color: #052603;
    border-color: #052603;
    color: #ffffff;
}

.form-check-input:checked {
    background-color: #052603;
    border-color: #052603;
    color: #ffffff;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-check-input:focus {
    border-color: #5f805d;
    box-shadow: 0 0 0 0.25rem #000000;
}

.btn-primary:disabled {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

.btn-primary:focus {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem #000000;
}

.card, .dropdown-menu {
    background-color: #f1f8dd;
    color: #000000;
}

.dropdown-item {
    color: #000000;
}

.btn-secondary {
    background-color: #052603;
    border-color: #052603;
    color: #ffffff;
}

.btn-secondary:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

.btn-secondary:focus {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem #000000;

}

.btn-light {
    background-color: #dce3d2;
    border-color: #dce3d2;
    color: #000000;
}

.btn-light:hover {
    background-color: #b4bbaa;
    border-color: #b4bbaa;
    color: #000000;
}

.btn-light:focus {
    background-color: #b4bbaa;
    border-color: #b4bbaa;
    color: #000000;
    box-shadow: 0 0 0 0.25rem #828978;
}

.btn-success {
    background-color: #00ff37;
    border-color: #00ff37;
    color: #000000;
}

.btn-success:hover {
    background-color: #00d70f;
    border-color: #00d70f;
    color: #000000;
}

.btn-success:focus {
    background-color: #00d70f;
    border-color: #00d70f;
    color: #000000;
    box-shadow: 0 0 0 0.25rem #00a500;
}

.btn-warning {
    background-color: #fbff00;
    border-color: #fbff00;
    color: #000000;
}

.btn-warning:hover {
    background-color: #d3d700;
    border-color: #d3d700;
    color: #000000;
}

.btn-warning:focus {
    background-color: #d3d700;
    border-color: #d3d700;
    color: #000000;
    box-shadow: 0 0 0 0.25rem #a1a500;
}

.btn-danger {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #000000;
}

.btn-danger:hover {
    background-color: #d70000;
    border-color: #d70000;
    color: #000000;
}

.btn-danger:focus {
    background-color: #d70000;
    border-color: #d70000;
    color: #000000;
    box-shadow: 0 0 0 0.25rem #a50000;
}

.btn-info {
    background-color: #ffa200;
    border-color: #ffa200;
    color: #000000;
}

.btn-info:hover {
    background-color: #d77a00;
    border-color: #d77a00;
    color: #000000;
}

.btn-info:focus {
    background-color: #d77a00;
    border-color: #d77a00;
    color: #000000;
    box-shadow: 0 0 0 0.25rem #a54800;
}

.modal-content {
    background-color: #fffff1;
    color: #000000;
}

.booking-step {
    --bk-page-text: #EBFFD6;
    --bk-page-muted: #EBFFD68C;
}

.booking-card {
    --bk-surface: #f1f8dd;
    --bk-text: #000000;
    --bk-muted: #0000008C;
    --bk-soft: #00000066;
    --bk-hover: #0000001A;
    --bk-selected-bg: #052603;
    --bk-selected-fg: #ffffff;
    --bk-accent-bg: #052603;
    --bk-accent-fg: #ffffff;
    --bk-available-bg: #B6C4A7;
    --bk-available-fg: #000000;
}

.list-group-item {
    background-color: #fffff1;
    color: #000000;
    border-color: #dde4c9;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: #052603;
    color: #FFFFFF;
    border-color: #000000;
}

.badge.bg-primary {
    background-color: #052603 !important;
    color: #ffffff;
}

#groupe-ludovic-frank {
    color: #FFFFFF;
}