@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap');


:root {
    --dark-bg: #121111;
    --accent-red: #831f21;
    --gray-dark: #767676;
    --gray-light: #acacac;
    --white-soft: #e5e5e5;
}

body{
    font-family: 'DM Serif Text', sans-serif;
}

/* --- FEEDBACK PAGE BARVY Z ROOTU --- */

.feedback-page {
    background-color: var(--dark-bg);
}

.feedback-container {
    background-color: var(--gray-dark);
    padding: 50px;
    border-radius: 0;
    border-top: 10px solid var(--accent-red);
}

.feedback-main-title {
    color: var(--white-soft);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.feedback-subtitle {
    color: var(--accent-red);
    font-weight: bold;
    font-size: 0.8rem;
}

/* Prvky formuláře */
.feedback-form-actual .form-label {
    color: var(--white-soft);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.feedback-form-actual .form-control, 
.feedback-form-actual .form-select {
    background-color: var(--dark-bg);
    border: 1px solid var(--accent-red);
    color: var(--white-soft);
    border-radius: 0;
}

/* --- TADY JE TO NASTAVENÍ PRO BÍLÉ PLACEHOLDERY --- */
.feedback-form-actual .form-control::placeholder {
    color: var(--white-soft);
    opacity: 0.7; /* Trochu průhlednější, aby se to nepletlo s napsaným textem */
}

/* Pro starší prohlížeče */
.feedback-form-actual .form-control::-webkit-input-placeholder { color: var(--white-soft); opacity: 0.7; }
.feedback-form-actual .form-control::-moz-placeholder { color: var(--white-soft); opacity: 0.7; }

/* Focus stav */
.feedback-form-actual .form-control:focus {
    background-color: #000;
    border-color: var(--white-soft);
    color: #fff;
    box-shadow: none;
}

.feedback-radio-box {
    border: 1px dashed var(--gray-light);
    padding: 15px;
}

.feedback-form-actual .form-check-label {
    color: var(--white-soft);
}

.btn-feedback-action {
    background-color: var(--accent-red);
    color: var(--white-soft);
    border: none;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
    transition: 0.3s;
}

.btn-feedback-action:hover {
    background-color: var(--white-soft);
    color: var(--accent-red);
}

.link-exit {
    color: var(--gray-light);
    text-decoration: none;
    font-weight: bold;
}

.link-exit:hover {
    color: var(--accent-red);
}

.form-range::-webkit-slider-thumb { background: var(--accent-red); }

/* --- OPRAVA BAREV PRO DATUM A PLACEHOLDERY --- */

/* Bílá barva pro text, který uživatel píše */
.feedback-form-actual .form-control {
    color: var(--white-soft) !important;
}

/* Bílá barva pro nápovědu (Např..., vas@...) */
.feedback-form-actual .form-control::placeholder {
    color: var(--white-soft) !important;
    opacity: 0.8;
}

/* Speciální úprava pro datum (ikonka kalendáře a vnitřní text) */
.custom-date {
    color: var(--white-soft) !important;
}

/* Tímto vynutíme bílou barvu i pro ty šedé texty dd.mm.rrrr v prohlížečích Chrome/Edge */
.custom-date::-webkit-datetime-edit-fields-wrapper,
.custom-date::-webkit-datetime-edit-text,
.custom-date::-webkit-datetime-edit-day-field,
.custom-date::-webkit-datetime-edit-month-field,
.custom-date::-webkit-datetime-edit-year-field {
    color: var(--white-soft) !important;
}

/* Barva ikonky kalendáře na konci políčka */
.custom-date::-webkit-calendar-picker-indicator {
    filter: invert(1); /* Překlopí černou ikonku na bílou */
    cursor: pointer;
}

/* Pro jistotu i pro Firefox */
.custom-date::-moz-placeholder {
    color: var(--white-soft) !important;
}