/* Individuální CSS pro rezervační formulář */

/* Import fontu Exo 2 */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap');

/* Černé pozadí stránky */
body {
    background-color: #000000 !important;
}

.content {
    background-color: #000000 !important;
}

.reservation-window {
    background-color: #000000 !important;
}

/* Nadpis "Kontakt" - font Exo 2, barva #FACE8D */
.reservation-window h3 {
    font-family: 'Exo 2', sans-serif;
    color: #FACE8D !important;
}

/* Název podniku - barva #FACE8D */
.reservation-window h1 {
    color: #FACE8D !important;
}

/* Název podniku v mobilním zobrazení */
.reservation-window .mobile-view {
    color: #FACE8D !important;
}

/* Skrýt nadpis "Vytvořit rezervaci" */
.reservation-window .reservation-container > .row:first-child {
    display: none !important;
}

/* Ostatní texty v polích - barva #A19F9F */
.reservation-window .form-control,
.reservation-window .form-select {
    color: #A19F9F !important;
    background: transparent !important;
    border: 1px solid #A19F9F !important;
}

/* Labely - barva #A19F9F */
.reservation-window .form-floating label {
    color: #A19F9F !important;
}

/* Placeholder text */
.reservation-window .form-control::placeholder,
.reservation-window .form-select::placeholder {
    color: #A19F9F !important;
}

/* Políčka která jsou červené když jsou zvolené - změna na #FACE8D */
.reservation-window .form-control:focus,
.reservation-window .form-select:focus {
    border-color: #FACE8D !important;
    box-shadow: 0 0 0 0.2rem rgba(250, 206, 141, 0.25) !important;
}

/* Aktivní label při focusu nebo vyplnění */
.reservation-window .form-floating>.form-control:focus~label,
.reservation-window .form-floating>.form-control:not(:placeholder-shown)~label,
.reservation-window .form-floating>.form-select~label {
    color: #FACE8D !important;
}

/* Time slot selected - změna z červené na #FACE8D */
.reservation-window .time-slot-selected {
    border-color: #FACE8D !important;
    background: #FACE8D !important;
    color: #fff !important;
}

/* Zaškrtávací políčko - barva #FACE8D */
.reservation-window .form-check-input {
    border-color: #A19F9F !important;
}

.reservation-window .form-check-input:checked {
    background-color: #FACE8D !important;
    border-color: #FACE8D !important;
}

.reservation-window .form-check-input:focus {
    border-color: #FACE8D !important;
    box-shadow: 0 0 0 0.2rem rgba(250, 206, 141, 0.25) !important;
}

/* Odkazy - barva #FACE8D */
.reservation-window a {
    color: #FACE8D !important;
}

.reservation-window a:hover {
    color: #FACE8D !important;
    opacity: 0.8;
}

/* Text u checkboxu - barva #A19F9F */
.reservation-window .form-check label {
    color: #A19F9F !important;
}

/* Submit button - barva #FACE8D */
.reservation-window .btn-primary {
    background-color: #FACE8D !important;
    border-color: #FACE8D !important;
    color: #000 !important;
}

.reservation-window .btn-primary:hover {
    background-color: #f5c47d !important;
    border-color: #f5c47d !important;
}

.reservation-window .btn-primary:disabled {
    background-color: #A19F9F !important;
    border-color: #A19F9F !important;
    color: #fff !important;
}

/* Time info box - transparentní pozadí, rámeček #A19F9F */
.reservation-window .time-info-box {
    background: transparent !important;
    border: 1px solid #A19F9F !important;
    color: #A19F9F !important;
}

/* Time slot available - rámeček #A19F9F */
.reservation-window .time-slot-available {
    border-color: #A19F9F !important;
    background: transparent !important;
    color: #A19F9F !important;
}

/* Reservation info message - transparentní pozadí, rámeček #A19F9F */
.reservation-window .reservation-info-message {
    background: transparent !important;
    border: 1px solid #A19F9F !important;
    color: #A19F9F !important;
}

/* Reservation error message - transparentní pozadí, rámeček #A19F9F */
.reservation-window .reservation-error-message {
    background: transparent !important;
    border: 1px solid #A19F9F !important;
    color: #A19F9F !important;
}

/* Text po odeslání rezervace - bílá barva */
.reservation-window .reservation-result h3,
.reservation-window .reservation-result h4 {
    color: #ffffff !important;
}