/* --- BAZA --- */
.simple-accordion .accordion-item {
  overflow: hidden;
  transition: background-color 0.150s ease-in-out, color 0.150s ease-in-out;
}

.simple-accordion .accordion-header {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;          /* tytuł z lewej, ikona z prawej */
  transition: background-color 0.150s ease-in-out, color 0.150s ease-in-out;
}

.simple-accordion .accordion-content {
  display: none;
  transition: background-color 0.150s ease-in-out, color 0.150s ease-in-out;
}

.simple-accordion .accordion-content ul {
	list-style: disc;
	margin: 0 0 0 20px;
}

.simple-accordion .accordion-content ul li {
	margin-bottom: 0 !important;
}

/* --- STANY --- */
.simple-accordion .accordion-item:hover {
  /* Kolory hover przyjdą z Elementora → tu tylko płynne przejście */
}

.simple-accordion .accordion-item.active {
  /* Kolory active z Elementora; transition już zdefiniowany wyżej */
}

/* --- OTWARCIE / ZAMKNIĘCIE --- */
.simple-accordion .accordion-item.active .accordion-content {
  display: block;
}

/* --- IKONA --- */
.simple-accordion .accordion-icon img {
  height: auto;
  transition: transform 0.5s ease-in-out;
}

.simple-accordion .accordion-item.active .accordion-icon img {
  transform: rotate(180deg);
}

.accordion-icon .elementor-icon {
  display: flex;
  transition: transform 0.5s ease-in-out, color 0.3s, fill 0.3s;
}

/* obrót aktywnej ikony */
.accordion-item.active .accordion-icon .elementor-icon {
  transform: rotate(180deg);
}