.form {
    margin: 0 auto; /* Center the form horizontally */
}

#edit-dodaj-zalacznik--label {
  color: black;
  font-size: inherit;
}

#edit-e-mail .fieldset-legend {
    display: none !important;
}

#edit-e-mail {
  width: 100%;
}

#edit-flexbox,
#edit-flexbox-01,
#edit-flexbox-02 {
  width: 100%;
}

#edit-e-mail-flexbox {
  margin-right: 8px;
}

textarea.form-control {
  height: 320px;
}

/* Kontener formularza */
.form-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.form .form-legend {
    margin-top: 1rem;
}

/* Formatowanie NIP Jednostki */
#edit-nip-jednostki {
  font-family: monospace;
  letter-spacing: 0.5px;
}

/* ========================================================= */
/* WALIDACJA EMAIL I TELEFONU (JS match)                     */
/* ========================================================= */

/* CZERWONE OBRAMOWANIE - nadpisuje zielony sukces Webformy */
input.match-error,
input.match-error:focus,
input.match-error.form-element--success {
  border-color: #cd2026 !important;
  box-shadow: 0 0 0 2px rgba(205, 32, 38, 0.25) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23cd2026' viewBox='0 0 12 12'%3E%3Cpath d='M6 0C2.688 0 0 2.688 0 6s2.688 6 6 6 6-2.688 6-6-2.688-6-6-6zm-.75 9h-1.5v-1.5h1.5V9zm0-3h-1.5V3h1.5v3z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px 12px !important;
  padding-right: 30px !important;
}

/* UKRYWANIE ZIELONYCH IKON (ptaszków), gdy pole ma błąd */
.js-form-item:has(input.match-error) .form-item__icon,
.js-form-item:has(input.match-error) svg,
.form-item:has(input.match-error) .form-item__icon,
.form-item:has(input.match-error) svg {
  display: none !important;
}

/* UKRYWANIE ZIELONYCH IKON DLA PÓL EMAIL I TELEFONU (zawsze) */
.js-form-item:has(#edit-e-mail-mail-1) .form-item__icon,
.js-form-item:has(#edit-e-mail-mail-2) .form-item__icon,
.js-form-item:has(#edit-nr-telefonu-osoby-do-kontaktu) .form-item__icon,
.js-form-item:has(#edit-prosze-powtorzyc-nr-telefonu) .form-item__icon,
.js-form-item:has(#edit-e-mail-mail-1) svg,
.js-form-item:has(#edit-e-mail-mail-2) svg,
.js-form-item:has(#edit-nr-telefonu-osoby-do-kontaktu) svg,
.js-form-item:has(#edit-prosze-powtorzyc-nr-telefonu) svg {
  display: none !important;
}

/* ========================================================= */
/* STYLIZACJA PRZYCISKU PDF I KONTENERA AKCJI                */
/* ========================================================= */

/* Wyrównanie przycisków w jednej linii (kontener akcji) */
#edit-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 15px !important; /* Odstęp między przyciskami */
}

/* Bezwzględne nadpisanie stylów dla przycisku PDF */
  #edit-przycisk-pdf {
    display: inline-flex !important;
    width: auto !important; 
    background-color: #021c77 !important; 
    color: #ffffff !important;
    border-radius: 50px !important; 
    padding: 10px 24px !important; 
    margin: 0 !important;
    cursor: pointer !important;
    border: none !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.2s ease;
  }

  /* Ustawienie prawidłowego koloru hover z palety (#364d95) */
  #edit-przycisk-pdf:hover {
    background-color: #364d95 !important; 
  }

  /* Resetujemy style akapitu wewnątrz przycisku, aby upodobnić go do reszty */
  #edit-przycisk-pdf p {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: inherit !important; 
    font-size: 13px !important; /* Znacząco zmniejszony rozmiar, aby dopasować do systemowych */
    font-weight: 400 !important; /* Usunięcie pogrubienia (normalna grubość) */
    line-height: 1.5 !important; 
    text-align: center !important;
  }

/* ========================================================= */
/* WYDRUK (Natywne okno drukowania przeglądarki)             */
/* ========================================================= */
@media print {
  /* Ukrywamy przyciski akcji, menu i komunikaty o błędach */
  .form-actions, 
  #edit-przycisk-pdf, 
  .button, 
  .messages, 
  .webform-progress,
  .webform-wizard-next-btn,
  .webform-wizard-prev-btn {
    display: none !important;
  }
  
  /* Ustawiamy białe tło i czarny tekst dla lepszej czytelności wydruku */
  body, .form-wrapper {
    background: white !important;
    color: black !important;
  }
}