/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
/* Kolor tekstu etykiety "Inne:" */
.answer-item.other label,
.other-text-container label,
.checkbox-text-item.other label {
    color: #000000 !important;
}
/* Kolor tekstu wewnątrz pola tekstowego dla opcji "Inne" */
.answer-item.other input[type="text"].form-control,
.other-text-container input[type="text"] {
    color: #000000 !important;
}
/* Pełne czarne formatowanie dla opcji systemowej Inne */
.answer-item.other label,
.other-text-container label,
.answer-item.other input[type="text"],
.other-text-container input[type="text"] {
    color: #000000 !important;
}
/* ==========================================================================
   ZMIANA KOLORU PRZYCISKÓW NA #eccc97
   ========================================================================== */

/* 1. PRZYCISK "DALEJ" / "WYŚLIJ" (Główna nawigacja) */
.btn-primary, 
.ls-move-next-btn {
    background-color: #eccc97 !important;
    border-color: #e3be83 !important;
    color: #000000 !important; /* Czarny tekst dla dobrego kontrastu na jasnym beżu */
}

/* Przycisk Dalej po najechaniu myszką (delikatnie ciemniejszy beż) */
.btn-primary:hover, 
.ls-move-next-btn:hover,
.btn-primary:focus,
.ls-move-next-btn:focus {
    background-color: #e3be83 !important;
    border-color: #daa251 !important;
    color: #000000 !important;
}


/* 2. PRZYCISKI ODPOWIEDZI BOOTSTRAP (Stan ZAZNACZONY / AKTYWNY) */
.bootstrap-buttons-div .btn-check:checked + .btn,
.bootstrap-buttons-div .btn.active,
.bootstrap-buttons-div .btn-primary.active,
.bootstrap-buttons-div .btn.active:hover,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    background-color: #eccc97 !important;
    border-color: #e3be83 !important;
    color: #000000 !important;
}


/* 3. OPCJONALNIE: PRZYCISK "WSTECZ" (Jeśli też ma być beżowy) */
.btn-default, 
.ls-move-previous-btn,
.btn-outline-secondary {
    background-color: #ffffff !important; /* Białe tło */
    border-color: #eccc97 !important;     /* Ramka w kolorze beżowym */
    color: #000000 !important;             /* Czarny tekst */
}

/* Przycisk Wstecz po najechaniu myszką */
.btn-default:hover, 
.ls-move-previous-btn:hover,
.btn-outline-secondary:hover {
    background-color: #eccc97 !important; /* Wypełnia się beżem po najechaniu */
    border-color: #e3be83 !important;
    color: #000000 !important;
}
/* 3. CZARNA RAMKA DLA ZAZNACZONEGO PRZYCISKU (Zostaje na stałe) */
.bootstrap-buttons-div .btn-check:checked + .btn,
.bootstrap-buttons-div .btn.active,
.bootstrap-buttons-div .btn-primary.active,
.bootstrap-buttons-div .btn-check:checked + .btn:hover,
.bootstrap-buttons-div .btn-check:checked + .btn:focus,
.ls-boot-btn.active {
    /* Wymuszenie czarnej, ciągłej ramki o grubości 2px */
    border: 2px solid #000000 !important; 
    
    /* Wyłączenie domyślnej poświaty Bootstrapa, aby linia była czysta */
    box-shadow: none !important; 
}
body {
    font-family: Arial, Helvetica, sans-serif !important;
}