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

.alert-success {
    color: #ffffff;
    background-color: #a30001;
    border-color: #670000;
}

.alert-warning {
    color: #ffffff;
    background-color: #a30001;
    border-color: #670000;
}

.alert-danger {
    color: #ffffff;
    background-color: #a30001;
    border-color: #670000;
}

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

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

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

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

a {
    color: #FFB4B5;
}

a:hover {
    color: #eba0a1;
}

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

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

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

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

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

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

.form-control:focus {
    border-color: #fd5a5b;
    box-shadow: 0 0 0 0.25rem #490000;
}

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

.form-check-input:checked {
    background-color: #a30001;
    border-color: #a30001;
    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: #fd5a5b;
    box-shadow: 0 0 0 0.25rem #490000;
}

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

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

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

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

.dropdown-item {
    color: #FFFFFF;
}

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

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

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

}

.btn-light {
    background-color: #a30001;
    border-color: #a30001;
    color: #ffffff;
}

.btn-light:hover {
    background-color: #7b0000;
    border-color: #7b0000;
    color: #ffffff;
}

.btn-light:focus {
    background-color: #7b0000;
    border-color: #7b0000;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem #490000;
}

.btn-success {
    background-color: #a30001;
    border-color: #a30001;
    color: #ffffff;
}

.btn-success:hover {
    background-color: #7b0000;
    border-color: #7b0000;
    color: #ffffff;
}

.btn-success:focus {
    background-color: #7b0000;
    border-color: #7b0000;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem #490000;
}

.btn-warning {
    background-color: #a30001;
    border-color: #a30001;
    color: #ffffff;
}

.btn-warning:hover {
    background-color: #7b0000;
    border-color: #7b0000;
    color: #ffffff;
}

.btn-warning:focus {
    background-color: #7b0000;
    border-color: #7b0000;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem #490000;
}

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

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

.btn-danger:focus {
    background-color: #7b0000;
    border-color: #7b0000;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem #490000;
}

.btn-info {
    background-color: #a30001;
    border-color: #a30001;
    color: #ffffff;
}

.btn-info:hover {
    background-color: #7b0000;
    border-color: #7b0000;
    color: #ffffff;
}

.btn-info:focus {
    background-color: #7b0000;
    border-color: #7b0000;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem #490000;
}

.modal-content {
    background-color: #8f0000;
    color: #FFFFFF;
}

.booking-step {
    --bk-page-text: #FFFFFF;
    --bk-page-muted: #FFFFFF8C;
}

.booking-card {
    --bk-surface: #a30001;
    --bk-text: #FFFFFF;
    --bk-muted: #FFFFFF8C;
    --bk-soft: #FFFFFF66;
    --bk-hover: #FFFFFF1A;
    --bk-selected-bg: #a30001;
    --bk-selected-fg: #ffffff;
    --bk-accent-bg: #a30001;
    --bk-accent-fg: #ffffff;
    --bk-available-bg: #A30001;
    --bk-available-fg: #FFFFFF;
}

.list-group-item {
    background-color: #8f0000;
    color: #FFFFFF;
    border-color: #7b0000;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: #a30001;
    color: #FFFFFF;
    border-color: #7b0000;
}

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

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