.sv-accordion-item {
  position: relative;
  /* Padding moved to header and content for better collapse */
  border-bottom: 1px solid #ddd;
}
.sv-accordion-item:not(:last-child) {
  margin-bottom: 24px;
}

.sv-accordion {
  width: 100%;
  position: relative;
}

.sv-accordion-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 12px 24px; /* Added here */
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sv-accordion-header .sv-accordion-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.sv-accordion-header .sv-accordion-header-content {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
}
.sv-accordion-header .sv-accordion-header-content.toggle-icon-position-left {
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.sv-accordion-header .sv-accordion-header-content.toggle-icon-position-right {
  justify-content: space-between;
}
.sv-accordion-header .sv-accordion-header-content .sv-accordion-title {
  margin-bottom: 0;
}
.sv-accordion-header .sv-accordion-toggle-icon {
  position: relative;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sv-accordion-toggle-icon .sv-accordion-active-icon,
.sv-accordion-toggle-icon .sv-accordion-inactive-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}

.sv-accordion-toggle-icon .sv-accordion-inactive-icon {
  visibility: visible;
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.sv-accordion-toggle-icon .sv-accordion-active-icon {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.5) rotate(-180deg);
}

.sv-accordion-item.active .sv-accordion-toggle-icon .sv-accordion-active-icon {
  visibility: visible;
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.sv-accordion-item.active .sv-accordion-toggle-icon .sv-accordion-inactive-icon {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.5) rotate(180deg);
}

/* Content Base Styles */
.sv-accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px);
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0s linear 0.6s;
}
.sv-accordion-content .sv-accordion-content-wrapper {
  min-height: 0;
  padding: 0 24px 20px; /* Restored padding for content */
  margin: 0;
}
.sv-accordion-content p:last-child {
  margin-bottom: 0;
}

.sv-accordion-item.active .sv-accordion-content {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease-in-out 0.1s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0s linear 0s;
}

/* SLIDE Effect (Default) */
.sv-effect-slide .sv-accordion-content {
  /* Inherit base transitions */
}

/* BORDER Effect */
.sv-effect-border .sv-accordion-content {
  border-left: 3px solid transparent;
  padding-left: 10px;
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease, border-color 0.3s ease, visibility 0s linear 0.6s;
}

.sv-effect-border .sv-accordion-item.active .sv-accordion-content {
  border-color: #000;
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease, border-color 0.3s ease, visibility 0s linear 0s;
}

/* CLIP PATH Effect */
.sv-effect-clip .sv-accordion-content {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: clip-path 0.6s cubic-bezier(0.25, 1, 0.5, 1), grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease, visibility 0s linear 0.6s;
}

.sv-effect-clip .sv-accordion-item.active .sv-accordion-content {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path 0.6s cubic-bezier(0.25, 1, 0.5, 1), grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease, visibility 0s linear 0s;
}

/* SKEW Effect */
.sv-effect-skew .sv-accordion-content {
  transform: skewY(-5deg);
  transform-origin: top;
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out, visibility 0s linear 0.6s;
}

.sv-effect-skew .sv-accordion-item.active .sv-accordion-content {
  transform: skewY(0);
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out 0.1s, visibility 0s linear 0s;
}

/* SCALE Effect */
.sv-effect-scale .sv-accordion-content {
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out, visibility 0s linear 0.6s;
}

.sv-effect-scale .sv-accordion-item.active .sv-accordion-content {
  transform: scaleY(1);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out 0.1s, visibility 0s linear 0s;
}

/* ROTATE Effect */
.sv-effect-rotate .sv-accordion-content {
  transform: rotateX(-90deg);
  transform-origin: top;
  perspective: 1000px;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out, visibility 0s linear 0.6s;
}

.sv-effect-rotate .sv-accordion-item.active .sv-accordion-content {
  transform: rotateX(0);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out 0.1s, visibility 0s linear 0s;
}

/* BLUR Effect */
.sv-effect-blur .sv-accordion-content {
  filter: blur(10px);
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease, opacity 0.5s ease-in-out, visibility 0s linear 0.6s;
}

.sv-effect-blur .sv-accordion-item.active .sv-accordion-content {
  filter: blur(0);
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease, opacity 0.5s ease-in-out 0.1s, visibility 0s linear 0s;
}

/* FOLD Effect */
.sv-effect-fold .sv-accordion-content {
  transform: perspective(600px) rotateX(-90deg);
  transform-origin: top;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out, visibility 0s linear 0.6s;
}

.sv-effect-fold .sv-accordion-item.active .sv-accordion-content {
  transform: perspective(600px) rotateX(0);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out 0.1s, visibility 0s linear 0s;
}

/* GLITCH Effect */
.sv-effect-glitch .sv-accordion-content {
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out, visibility 0s linear 0.6s;
}

.sv-effect-glitch .sv-accordion-item.active .sv-accordion-content {
  animation: glitch 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out 0.1s, visibility 0s linear 0s;
}

@keyframes glitch {
  0%, 100% {
    clip-path: inset(0);
    transform: translate(0);
  }
  20% {
    clip-path: inset(10% 0 70% 0);
    transform: translate(-5px, 2px);
  }
  40% {
    clip-path: inset(50% 0 20% 0);
    transform: translate(5px, -2px);
  }
  60% {
    clip-path: inset(20% 0 60% 0);
    transform: translate(-3px, 1px);
  }
  80% {
    clip-path: inset(60% 0 10% 0);
    transform: translate(3px, -1px);
  }
}
/* HORIZONTAL Layout */
.sv-layout-horizontal {
  display: flex;
  gap: 20px;
}

.sv-layout-horizontal .sv-accordion-item {
  flex: 1;
  border-bottom: none;
  border-right: 1px solid #ddd;
}

.sv-layout-horizontal .sv-accordion-item:last-child {
  border-right: none;
}

.sv-layout-horizontal .sv-accordion-header {
  text-align: center;
}

/* ELASTIC Effect - requires GSAP */
.sv-effect-elastic .sv-accordion-content {
  height: 0;
  transition: none; /* GSAP will handle animation */
}

/* Background Effect *//*# sourceMappingURL=sv-accordion.css.map */