/* ==========================================================================
   FRUMAX – Dynamic Accordion (SAP) – FRONT CSS
   Wersja: 1.4 (płynne otwieranie i ZAMYKANIE)
   ========================================================================== */

/* ---------------- Tytuł (nagłówek) ---------------- */
.sap-acc .elementor-tab-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  user-select:none;
  transition:
    color .25s ease,
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

/* Ikona – płynności i rotacja po otwarciu */
.sap-acc .elementor-accordion-icon{
  display:inline-flex;
  align-items:center;
  line-height:1;
  transition: transform .25s ease, opacity .25s ease;
}
.sap-acc .elementor-tab-title.elementor-active .elementor-accordion-icon{
  transform: rotate(180deg);
}

/* Fallback widoczności ikon otwarta/zamknięta */
.sap-acc .elementor-accordion-icon-closed{ display:inline-block; }
.sap-acc .elementor-tab-title.elementor-active .elementor-accordion-icon-closed{ display:none; }
.sap-acc .elementor-accordion-icon-opened{ display:none; }
.sap-acc .elementor-tab-title.elementor-active .elementor-accordion-icon-opened{ display:inline-block; }

/* ---------------- Panel (część ukryta/rozwijana) ---------------- */
/* Wymuś display:block u nas – ukrywanie robimy wyłącznie height/opacity */
.sap-acc .elementor-tab-content{ display:block !important; }

.sap-acc .sap-acc-panel{
  overflow:hidden;
  height:0;
  opacity:0;
  transition: height .28s ease, opacity .28s ease;
  will-change: height, opacity;
  padding:0 !important; /* padding tylko na .sap-acc-panel-inner */
}
.sap-acc .sap-acc-panel.is-open{
  opacity:1;
  overflow:visible; /* widoczny cień/zaokrąglenia treści */
}
/* Zamykanie: zostaw .is-open na czas animacji, dodaj .is-closing dla fade-out */
.sap-acc .sap-acc-panel.is-open.is-closing{
  opacity:0;
  overflow:hidden;
}

/* Wewnętrzny wrapper treści – style z widgetu idą tutaj */
.sap-acc .sap-acc-panel-inner{
  padding:0;              /* nadpisywane przez widget (inline/CSS) */
  background:transparent; /* jw. */
  box-sizing:border-box;
}

/* ---------------- Odstępy między elementami ---------------- */
.sap-acc .elementor-accordion-item{ margin:0; }
.sap-acc .elementor-accordion-item + .elementor-accordion-item{ margin-top:0; }

/* ---------------- Preferencje dostępności ---------------- */
@media (prefers-reduced-motion: reduce){
  .sap-acc .elementor-tab-title,
  .sap-acc .elementor-accordion-icon,
  .sap-acc .sap-acc-panel{
    transition:none !important;
  }
}