/**
 * Specjalne style dla naprawy menu
 */

/* Poprawki dla menu przy przewijaniu */
/* Globalnie */
.header {
  transition: all 0.3s ease !important;
}

/* Specyficzne dla przewijania */
.header.header__scroll,
.header.is-sticky {
  background-color: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  padding: 15px 0 !important;
}

.header.header__scroll .header__lists--link,
.header.is-sticky .header__lists--link {
  color: #11001C !important;
}

.header.header__scroll .header__logo--img-default,
.header.is-sticky .header__logo--img-default {
  opacity: 0 !important;
}

.header.header__scroll .header__logo--img-scroll,
.header.is-sticky .header__logo--img-scroll {
  opacity: 1 !important;
}

.header.header__scroll .header__open--mobile,
.header.is-sticky .header__open--mobile {
  color: #11001C !important;
}

/* Lepsze style walidacji */
.form__error {
  color: white !important;
  font-size: 14px !important;
  background-color: #e74c3c !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  margin-top: 8px !important;
  display: block !important;
  font-weight: bold !important;
  position: relative !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.2) !important;
  z-index: 10 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
  letter-spacing: 0.5px !important;
}

.form__error:before {
  content: "" !important;
  position: absolute !important;
  top: -8px !important;
  left: 15px !important;
  border-width: 0 8px 8px !important;
  border-style: solid !important;
  border-color: transparent transparent #e74c3c !important;
}

input.is-invalid, textarea.is-invalid {
  border-color: #e74c3c !important;
  background-color: rgba(231, 76, 60, 0.05) !important;
  box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.25) !important;
}

/* Ukrywaj domyślne komunikaty walidacji HTML5 */
:invalid {
  box-shadow: none !important;
}

form[novalidate] input:invalid,
form[novalidate] textarea:invalid,
form[novalidate] select:invalid {
  box-shadow: none !important;
  outline: none !important;
}