@charset "utf-8";

/*
    Theme "Soft Original" (white38)

    The established white31 palette with white35's softer corners, shadows and
    control treatment. This is the closest of the three variants to white31.

    Test with: /booking/?theme=white38
*/

@import url("white35.css");

:root {
    --accent: #6fa0d0;
    --accent-darker: #5790c9;

    --font-color: #333333;
    --font-color-lighter: #666666;
    --font-color-heading: #333333;
    --link-color: #3f79ad;
    --link-color-hover: #326895;
    --link-color-nav: #555555;
    --link-color-nav-two: #444444;

    --body-color: #a6afd2;
    --body-gradient-start: #d2aea3;
    --body-gradient-middle: #9f9fce;
    --body-gradient-end: #8eb5be;

    --items-background-start: #e5e9f3;
    --items-background-end: #d9deee;
    --items-background: linear-gradient(90deg, var(--items-background-start) 0%, var(--items-background-end) 100%);
    --nav-background-start: #dfe4ef;
    --nav-background-end: #d6dbee;
    --nav-background: linear-gradient(90deg, var(--nav-background-start) 0%, var(--nav-background-end) 100%);

    --color-one: #fefefe;
    --color-two: #dce0ea;
    --color-three: #dce0ea;
    --color-four: #ffffff;
    --session-color: #ffffff;

    --bs-border-color: #b5bbc7;
    --input-border-color: #858d9a;

    --font-button-outline-color: #3f79ad;
    --btn-color-one: #6fa0d0;
    --btn-color-one-border: #6fa0d0;
    --btn-color-one-darker: #5790c9;
    --btn-color-one-border-darker: #5790c9;

    --font-button-secondary-color: #333333;
    --btn-color-two: #e2e5ed;
    --btn-color-two-border: #777f8b;
    --btn-color-two-darker: #d6dae5;
    --btn-color-two-border-darker: #69717e;

    --font-badge-two-color: #ffffff;
    --color-badge-two: #74ab90;

    --font-gray-color: #333333;
    --color-gray: #e2e5ed;
    --color-gray-border: #777f8b;
}

:root:root {
    --focus-color: #5790c9;
    --color-white: #fefefe;
    --color-white-two: #dce0ea;
    --color-dark: #333333;
}

#homeView .h5 {
    color: #ffffff;
}

/* Keep the header and content visually continuous inside the rounded panels. */
body .accordion-button:not(.collapsed) {
    box-shadow: none;
}

/* The source icon is white, which disappears on this theme's pale danger button. */
body .btn-danger img.delete {
    filter: brightness(0) saturate(100%) invert(24%) sepia(30%) saturate(2127%)
            hue-rotate(306deg) brightness(91%) contrast(89%);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 160, 208, 0.2);
}