/* Wymuszenie stałego, bezpiecznego odstępu od góry dla legendy "* Pole wymagane" */
.webform-submission-form .form-legend {
    margin-top: 25px !important;
    margin-bottom: 1rem !important;
}

/*Formatowanie opisu do pola */

.field-prefix .description p {

    color: #6c757d !important;

    font-size: 0.8125rem !important;

    line-height: 1.3 !important;

    margin-top: -15px !important;

    margin-right: 0 !important;

    margin-bottom: 12px !important;

    margin-left: 5px !important;

    padding: 0 !important;

}


/* Automatyczne dodanie czerwonej gwiazdki dla pytania nr I.3 */
#edit-3-w-jakim-celu-korzystaja-panstwo-z-portalu-turystyka--wrapper legend::after {
    content: " *";
    color: #dc3545 !important;
    font-weight: bold !important;
}

/* Automatyczne dodanie czerwonej gwiazdki dla pytania nr II.2 (Skala Likerta) */
label[data-drupal-selector="edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali"]::after {
    content: " *";
    color: #dc3545 !important;
    font-weight: bold !important;
}

/* KONTROLKA TYPU LIKERT --- */

/* Ukrycie systemowej etykiety Likerta */
.js-form-type-webform-likert > label.form-label {
    display: none !important;
}

/* JAWNE PROPORCJE KOLUMN - Zapobiegają ściskaniu i ucinaniu tekstu (REGON) */
.webform-likert-table th:first-child,
.webform-likert-table td:first-child {
    width: 38% !important;          
    min-width: 340px !important;    
}

.webform-likert-table th:not(:first-child),
.webform-likert-table td:not(:first-child) {
    width: 12.4% !important;        
}

/* Nagłówki kolumn (1-5) */
.webform-likert-table thead th {
    font-weight: normal !important;
    text-align: center !important;
    vertical-align: bottom !important;
    padding-bottom: 15px !important;
    font-size: 0.9rem !important;
}

.webform-likert-table .form-item {
    display: block !important;
    text-align: center !important;
}

/* NAZWY SYSTEMÓW (PIERWSZA KOLUMNA) - Wymuszenie zawijania zamiast ucinania */
.webform-likert-table tbody tr td:first-child .form-item {
    text-align: left !important;
}

.webform-likert-table tbody tr td:first-child .form-item label.form-label {
    font-weight: normal !important;   
    font-size: 0.875rem !important; 
    display: block !important;
    padding: 10px 0 !important;
    white-space: normal !important;   
    overflow: visible !important;
    text-overflow: unset !important;  
}

/* Centrowanie przycisków radio */
.webform-likert-table .form-check {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    text-align: center !important;
}

.webform-likert-table .form-check .form-check-input {
    position: static !important; 
    margin: 0 auto !important;   
    float: none !important;
    display: inline-block !important;
}

.webform-likert-table tbody td:not(:first-child) {
    text-align: center !important;
}

/* =========================================================================
   REFORMACJA WIZUALNA TABEL LIKERT (POLE NR 4 ORAZ POLE NR 6) - WER. OSTATECZNA
   ========================================================================= */

/* 1. Usunięcie cieniowania (Zebra Striping) na poziomie wierszy oraz komórek TD */
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table tbody tr,
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table tbody tr td {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* 2. Zablokowanie systemowego cieniowania Drupala (Bypass dla bootstrapowych stylów :nth-of-type) */
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table tbody tr:nth-of-type(odd) td,
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table tbody tr:nth-of-type(even) td {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* 3. PRZYWRÓCENIE HOVERA Z WYKLUCZENIEM NAGŁÓWKA: Podświetlamy TYLKO ciało tabeli (tbody) */
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table tbody tr:hover td {
  background: #f1f3f5 !important;
  background-color: #f1f3f5 !important;
  cursor: pointer;
}

/* Bezwarunkowe zablokowanie jakichkolwiek zmian tła i kursora na nagłówku (thead) */
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table thead tr:hover,
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table thead th {
  background: transparent !important;
  cursor: default !important;
}

/* 4. Dodanie czystej, jasnoszarej linii pod każdym wierszem dla ułatwienia czytania */
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table tbody tr {
  border-bottom: 1px solid #e9ecef !important;
}

/* 5. Głębokie wyczyszczenie teł z kontenerów tekstowych wewnątrz komórek */
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table td div.js-form-item,
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table td label.form-label {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Grupa selektorów dla ujednoliconego wyglądu */
.fieldset-legend, 
.webform-submission-form .form-item > label:not(.option),
label[data-drupal-selector="edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali"]
 {
    font-size: 1rem !important; 
    font-weight: 700 !important; 
    color: #000000 !important;
    line-height: 1.4 !important;
    display: block !important;
    position: static !important;
    order: -1 !important; /* Przesuwa etykietę nad pole tekstowe */
    margin-bottom: 8px !important;
}

/* Marginesy dla standardowych legend */
.fieldset-legend {
    margin-bottom: 1.2rem !important;
}

/* Specyficzne marginesy dla etykiet dodatkowych  */
label[data-drupal-selector="edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali"]
{
    margin-top: 40px !important;    /* Wyraźny odstęp od poprzedniego pytania */
    margin-bottom: 5px !important;  /* Przyleganie do pola pod spodem */
}

/* Wymuszenie pełnej szerokości dla pola tekstowego "Inne", jego wrappera oraz wszystkich kontenerów nadrzędnych */
.webform-submission-form .js-form-type-textfield:has(#edit-ii-3-inne),
.webform-submission-form div:has(> #edit-ii-3-inne),
.webform-submission-form div:has(#edit-ii-3-inne),
input#edit-ii-3-inne {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    box-sizing: border-box !important;
}

/* Precyzyjne wyrównanie nagłówków skali (1-ND) w tabeli Likerta, aby idealnie pokrywały się z przyciskami */
#edit-2-prosimy-panstwa-o-ocene-ponizszych-elementow-w-skali-1-5-table thead th:not(:first-child) {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* Jeśli cyfry nadal będą lekko przesunięte, możesz odkomentować poniższą linię i dostosować piksele */
    transform: translateX(-9px) !important; */
}

/* =========================================================================
   WYMUSZENIE PEŁNEJ SZEROKOŚCI DLA PÓL TEKSTOWYCH "INNE" (STRONA TRZECIA)
   ========================================================================= */

/* 1. Dla pola #edit-iii-2-inne i jego kontenerów */
.webform-submission-form .js-form-type-textfield:has(#edit-iii-2-inne),
.webform-submission-form div:has(> #edit-iii-2-inne),
.webform-submission-form div:has(#edit-iii-2-inne),
input#edit-iii-2-inne {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Dla pola #edit-iii-3-inne i jego kontenerów */
.webform-submission-form .js-form-type-textfield:has(#edit-iii-3-inne),
.webform-submission-form div:has(> #edit-iii-3-inne),
.webform-submission-form div:has(#edit-iii-3-inne),
input#edit-iii-3-inne {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    box-sizing: border-box !important;
}

/* Formatowanie licznika pozostałych znaków (na bazie stylów opisu pola, bez marginesów i dopełnień) */
.text-count-message {
    color: #6c757d !important;
    font-size: 0.8125rem !important;
    line-height: 1.3 !important;
}

/* Zwiększenie wysokości wszystkich pól tekstowych (textarea) do ok. 4 cm */
.webform-submission-form textarea,
textarea.form-textarea {
    min-height: 4cm !important;
    height: 4cm !important;
}

/* =========================================================================
   WYMUSZENIE PEŁNEJ SZEROKOSCI DLA PÓL TEKSTOWYCH ORAZ TEXTAREA (STRONA CZWARTA)
   ========================================================================= */

/* 1. Dla pola #edit-iv-1-inne i jego kontenerów */
.webform-submission-form .js-form-type-textfield:has(#edit-iv-1-inne),
.webform-submission-form div:has(> #edit-iv-1-inne),
.webform-submission-form div:has(#edit-iv-1-inne),
input#edit-iv-1-inne {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Dla pola #edit-iv-2-inne i jego kontenerów */
.webform-submission-form .js-form-type-textfield:has(#edit-iv-2-inne),
.webform-submission-form div:has(> #edit-iv-2-inne),
.webform-submission-form div:has(#edit-iv-2-inne),
input#edit-iv-2-inne {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    box-sizing: border-box !important;
}

/* 3. Dla pola #edit-iv-3-inne i jego kontenerów */
.webform-submission-form .js-form-type-textfield:has(#edit-iv-3-inne),
.webform-submission-form div:has(> #edit-iv-3-inne),
.webform-submission-form div:has(#edit-iv-3-inne),
input#edit-iv-3-inne {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    box-sizing: border-box !important;
}

/* 4. Dla pola tekstowego wielowierszowego (textarea) #edit-4-jakich-prognoz-panstwo-potrzebuja i jego kontenerów */
.webform-submission-form .js-form-type-textarea:has(#edit-4-jakich-prognoz-panstwo-potrzebuja),
.webform-submission-form div:has(> #edit-4-jakich-prognoz-panstwo-potrzebuja),
.webform-submission-form div:has(#edit-4-jakich-prognoz-panstwo-potrzebuja),
textarea#edit-4-jakich-prognoz-panstwo-potrzebuja {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    box-sizing: border-box !important;
}

/* Wymuszenie pełnej szerokości dla pola textarea na stronie piątej */
.webform-submission-form .js-form-type-textarea:has(#edit-2-gdyby-mogli-panstwo-zmienic-tylko-jedna-rzecz-w-portalu-turyst),
.webform-submission-form div:has(> #edit-2-gdyby-mogli-panstwo-zmienic-tylko-jedna-rzecz-w-portalu-turyst),
.webform-submission-form div:has(#edit-2-gdyby-mogli-panstwo-zmienic-tylko-jedna-rzecz-w-portalu-turyst),
textarea#edit-2-gdyby-mogli-panstwo-zmienic-tylko-jedna-rzecz-w-portalu-turyst {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    box-sizing: border-box !important;
}
/* wymuszenie zapisu