/******************
    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
*/
/* Układ horyzontalny: tytuł po lewej, pole po prawej */
/* Twarde wymuszenie układu poziomego w LimeSurvey 6 */
/* 1. Przełączenie kontenera wewnątrz pytania na układ poziomy */
/******************
    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
*/
/* 1. Usunięcie podpowiedzi, które rozpychają układ w pionie */
/* 1. Twarde ukrycie wszelkich podpowiedzi i komunikatów pomocniczych */
/* 1. Przygotowanie całego kontenera pytania jako bazy */
/* 1. Przygotowanie całego kontenera pytania jako bazy */
/* 1. Przełączenie całego kontenera pytania na układ liniowy-elastyczny */
/* 1. Twarde ograniczenie szerokości kontenera do ekranu */
/* 1. PRZYWRÓCENIE STANDARDOWEGO, ELEGANCKIEGO KOLORU TEKSTU DLA CAŁEJ ANKIETY */
/******************
    User custom CSS
    ---------------
    Kompletny, zoptymalizowany kod dla LimeSurvey 6
******************/

@media only screen and (min-width: 768px) {
 
    /* 1. TWARDE WYRÓWNANIE OSI PIONOWEJ (Zrównane paddingi i flex-center) */
    .question-container .row, 
    .ls-question .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important; /* Pozwala na bezpieczne zawijanie RODO do szerokości strony */
        align-items: center !important; /* Środkowanie pionowe pola względem liter tekstu */
        justify-content: flex-start !important;
    }

    .question-valid-container.col-12,
    .answer-container.col-12 {
        width: auto !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
	
    /* POPRAWKA: Tytuł i pole mają teraz identyczny padding-top, co usuwa efekt opadania pola */
    .question-title-container.col-12 {
        width: auto !important;
        max-width: 100% !important;
        padding-top: 0.5em !important; /* Zrównane dla idealnej linii bazowej */
        padding-bottom: 0em !important;
        padding-right: 0px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
 
    .question-valid-container,
    .answer-container {
        padding-top: 0.5em !important; /* Zrównane dla idealnej linii bazowej */
        display: inline-block !important;
        vertical-align: middle !important;
    }
 
    .answer-container > div,
    .answer-container .ls-answers {
        padding-top: 0 !important;
    }
 
    .answer-container .answer-item {
        display: inline-block !important;
        float: none !important;
        clear: none !important;
        margin-bottom: 0 !important;
    }
	
    .fa-asterisk:before {
        vertical-align: super !important;
        font-size: smaller !important;
    }
	
    /* Elastyczny tekst tytułu z naturalnym zawijaniem do szerokości strony */
    .question-title-container.col-12 .question-text {
        display: inline-block !important;
        white-space: normal !important; /* Pozwala na naturalne zawijanie RODO */
        text-align: left !important;
        clear: none !important;
        margin-bottom: 0 !important;
        margin-right: 0px !important;
        width: auto !important;
    }

    /* Wyzerowanie marginesów wejściowych spychających okienka w dół */
    .answer-container input[type="text"], 
    .ls-answers input[type="text"],
    .answer-container input {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: 36px !important;
    }
	
    .pull-left {
        float: none !important;
        display: inline-block !important;
        padding-left: 2px !important;
        padding-right: 0px !important;
    }

    .ls-answers {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0 !important;
        display: inline-block !important;
    }
    
    .question-text td {
         padding: 10px !important;
    }
     
    .space-col {
         margin-bottom: 0.5em !important;
         margin-top: 0 !important;
    }
     
    .question-title-container {
         padding-bottom: 0 !important;
    }

    /* Poprawka dla checkboxa zgody */
    .answer-item {
        display: flex !important;
        align-items: center !important;
    }
    .answer-item input[type="checkbox"] {
        width: auto !important;
        margin-right: 8px !important;
        margin-top: 0 !important;
    }
    .answer-item label {
        margin-bottom: 0 !important;
        white-space: nowrap !important;
    }
}

/* 2. BLOKADY OGÓLNE (Działają na wszystkich ekranach, usuwają błędy koloru i śmieci) */
.question-container {
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    max-width: 100% !important;
}

/* Przywrócenie neutralnego ciemnego koloru tekstu zamiast czerwieni błędu */
.text-danger, 
.text-danger *, 
.has-error, 
.question-title-container.text-danger {
    color: #333333 !important;
}
.fa-asterisk:before, .asterisk:before {
    color: #c0392b !important; /* Gwiazdka pozostaje czerwona */
}

/* TWARDE I ABSOLUTNE UKRYCIE PODPOWIEDZI ORAZ STRONY WALIDACJI TEXT-INFO */
.question-valid-container,
.question-valid-container.text-info,
.question-help-container,
.ls-question-help,
.help-block,
.tip,
.alert-info {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#surveys-list-jumbotron > img {
    display: none !important;
}

#surveyListFooter {
    display: none !important;
}

hr {
    margin-top: 0 !important;
}