.btn-close {
    color: #eaeff7;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23eaeff7'%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: #0e1422;
}

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

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

/* 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: #eaeff7;
}

a {
    color: #c47a3d;
}

a:hover {
    color: #b06629;
}

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

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

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

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

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

.dropdown-item:hover, .dropdown-item:focus {
    background-color: #c47a3d;
    color: #000000;
}

.form-control:focus {
    border-color: #ffd497;
    box-shadow: 0 0 0 0.25rem #6a2000;
}

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

.form-check-input:checked {
    background-color: #c47a3d;
    border-color: #c47a3d;
    color: #000000;
}

.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='%23000000' 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='%23000000'/%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='%23000000'/%3e%3c/svg%3e");
}

.form-check-input:focus {
    border-color: #ffd497;
    box-shadow: 0 0 0 0.25rem #6a2000;
}

.btn-primary:disabled {
    background-color: #883e01;
    border-color: #883e01;
    color: #5a5a5a;
}

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

.btn-primary:focus {
    background-color: #9c5215;
    border-color: #9c5215;
    color: #000000;
    box-shadow: 0 0 0 0.25rem #6a2000;
}

.card, .dropdown-menu {
    background-color: #1a2233;
    color: #FFFFFF;
}

.dropdown-item {
    color: #FFFFFF;
}

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

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

.btn-secondary:focus {
    background-color: #162b50;
    border-color: #162b50;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem #00001e;

}

.btn-light {
    background-color: #232e44;
    border-color: #232e44;
    color: #FFFFFF;
}

.btn-light:hover {
    background-color: #00061c;
    border-color: #00061c;
    color: #FFFFFF;
}

.btn-light:focus {
    background-color: #00061c;
    border-color: #00061c;
    color: #FFFFFF;
    box-shadow: 0 0 0 0.25rem #000000;
}

.btn-success {
    background-color: #4e8c5a;
    border-color: #4e8c5a;
    color: #000000;
}

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

.btn-success:focus {
    background-color: #266432;
    border-color: #266432;
    color: #000000;
    box-shadow: 0 0 0 0.25rem #003200;
}

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

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

.btn-warning:focus {
    background-color: #9f7212;
    border-color: #9f7212;
    color: #000000;
    box-shadow: 0 0 0 0.25rem #6d4000;
}

.btn-danger {
    background-color: #c0503e;
    border-color: #c0503e;
    color: #ffffff;
}

.btn-danger:hover {
    background-color: #982816;
    border-color: #982816;
    color: #ffffff;
}

.btn-danger:focus {
    background-color: #982816;
    border-color: #982816;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem #660000;
}

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

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

.btn-info:focus {
    background-color: #265480;
    border-color: #265480;
    color: #000000;
    box-shadow: 0 0 0 0.25rem #00224e;
}

.modal-content {
    background-color: #060e1f;
    color: #FFFFFF;
}

.booking-step {
    --bk-page-text: #EAEFF7;
    --bk-page-muted: #EAEFF78C;
}

.booking-card {
    --bk-surface: #1a2233;
    --bk-text: #FFFFFF;
    --bk-muted: #FFFFFF8C;
    --bk-soft: #FFFFFF66;
    --bk-hover: #FFFFFF1A;
    --bk-selected-bg: #c47a3d;
    --bk-selected-fg: #000000;
    --bk-accent-bg: #3e5378;
    --bk-accent-fg: #ffffff;
    --bk-available-bg: #232E44;
    --bk-available-fg: #FFFFFF;
}

.list-group-item {
    background-color: #060e1f;
    color: #FFFFFF;
    border-color: #00000b;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: #c47a3d;
    color: #000000;
    border-color: #9c5215;
}

.badge.bg-primary {
    background-color: #c47a3d !important;
    color: #000000;
}

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