/* LOGOTYP I NAGŁÓWKI SEKCJI --- */
.webform-logo-container img {
    width: 250px !important;
    height: auto !important;
    max-width: none !important;
}

.section-header-pink {
    background-color: #FCE4D6 !important;
    display: block !important;
    width: 100% !important;
    padding: 2px 15px !important;
    margin: 10px 0 15px 0 !important; 
    box-sizing: border-box !important;
    color: #000 !important;
    font-size: 1rem !important; 
}

/*  UJEDNOLICENIE WIELKOŚCI ETYKIET PYTAŃ (GŁÓWNE PYTANIA) --- */
/* Wymuszenie układu pionowego, aby etykiety były nad polami (bez blokowania States) */
.webform-submission-form .form-item {
    display: flex; 
    flex-direction: column;
}

/* Grupa selektorów dla ujednoliconego wyglądu */
.fieldset-legend, 
.webform-submission-form .form-item > label:not(.option),
label[data-drupal-selector="edit-4-etykieta"],
label[data-drupal-selector="edit-6-etykieta"],
label[data-drupal-selector="edit-10-etykieta"],
label[data-drupal-selector="edit-11-jakie-dodatkowe-informacje-statystyczne-bylyby-szczegolnie-po"] {
    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 (4, 6, 10 i 11) */
label[data-drupal-selector="edit-4-etykieta"],
label[data-drupal-selector="edit-6-etykieta"],
label[data-drupal-selector="edit-10-etykieta"],
label[data-drupal-selector="edit-11-jakie-dodatkowe-informacje-statystyczne-bylyby-szczegolnie-po"] {
    margin-top: 40px !important;    /* Wyraźny odstęp od poprzedniego pytania */
    margin-bottom: 5px !important;  /* Przyleganie do pola pod spodem */
}

/* Wymuszenie czerwonego koloru gwiazdki dla pola nr 3 */
#edit-3-z-jakich-zrodel-dowiedziala-sie-pani-dowiedzial-sie-pan-o-wska--wrapper.required legend::after {
    content: " *";
    color: #dc3545 !important;
    font-weight: bold !important;
}

/* Automatyczne dodanie czerwonej gwiazdki po tekście etykiety nr 4 */
label[data-drupal-selector="edit-4-etykieta"]::after {
    content: " *";
    color: #dc3545 !important; /* Standardowa czerwień ostrzegawcza */
    font-weight: bold !important;
}

/* Automatyczne dodanie czerwonej gwiazdki dla pola nr 5 */
#edit-5-prosze-wskazac-obszary-realizowanych-zadan-w-ktorych-pani-pan--wrapper.required legend::after {
    content: " *";
    color: #dc3545 !important;
    font-weight: bold !important;
}

/* Automatyczne dodanie czerwonej gwiazdki po tekście etykiety nr 6 */
label[data-drupal-selector="edit-6-etykieta"]::after {
    content: " *";
    color: #dc3545 !important; /* Standardowa czerwień ostrzegawcza */
    font-weight: bold !important;
}

/* Automatyczne dodanie czerwonej gwiazdki po tekście legendy nr 7 */
#edit-7-czy-ogolnie-poleca-pani-pan-korzystanie-ze-statystycznych-syst--wrapper-legend::after {
    content: " *";
    color: #dc3545 !important; /* Standardowa czerwień ostrzegawcza */
    font-weight: bold !important;
}

/*  UKŁAD I STRUKTURA --- */
/* Wymuszamy układ pionowy flex, aby móc zarządzać kolejnością (order) */
.webform-submission-form {
    display: flex !important;
    flex-direction: column !important;
}

/* Legenda "Pole wymagane" - ustawiamy nad przyciskami (order: 10) */
.form-legend {
    order: 10 !important;
    margin-top: 30px !important;
    margin-bottom: 5px !important;
    font-size: 0.9rem !important;
    color: #444 !important;
}

/* Przyciski akcji - ustawiamy pod legendą (order: 20) */
.form-actions {
    order: 20 !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin-top: 10px !important; 
    text-align: left !important;
}

[data-drupal-selector="edit-1c-jaka-jest-liczba-mieszkancow-jednostki-reprezentowanej-wg-sta"] {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin-top: 15px !important;
}

#edit-markup-04, 
.form-item-markup-04 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: block !important;
    clear: both !important;
    flex: 0 0 100% !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;
}

/* Stylizacja bloku wyjaśnienia w ankiecie */
.form-item-markup-05 > div {
  font-size: 0.85em !important;
  line-height: 1.35 !important;
  margin-top: 4px !important;
  color: #555555 !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-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table tbody tr,
#edit-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table tbody tr td,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-table tbody tr,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-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-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table tbody tr:nth-of-type(odd) td,
#edit-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table tbody tr:nth-of-type(even) td,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-table tbody tr:nth-of-type(odd) td,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-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-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table tbody tr:hover td,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-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-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table thead tr:hover,
#edit-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table thead th,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-table thead tr:hover,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-table thead th {
  background: transparent !important;
  cursor: default !important;
}

/* 4. Dodanie czystej, jasnoszarej linii pod każdym wierszem dla ułatwienia czytania */
#edit-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table tbody tr,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-table tbody tr {
  border-bottom: 1px solid #e9ecef !important;
}

/* 5. Głębokie wyczyszczenie teł z kontenerów tekstowych wewnątrz komórek */
#edit-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table td div.js-form-item,
#edit-4-czy-i-jak-czesto-korzysta-pani-pan-ze-statystycznych-systemow-table td label.form-label,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-table td div.js-form-item,
#edit-6-jak-ocenia-pani-pan-przydatnosc-statystycznych-systemow-bazoda-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;
}

/* Domyślnie chowamy cały formularz przed światem i botami */
.webform-submission-form {
  display: none !important;
}

/* Jeśli JS potwierdzi poprawny token, nadpisujemy ukrycie */
.webform-submission-form.token-approved {
  display: block !important;
}