.button .button_icon,
.button .button_icon-container,
.button .button_icon,
.button .button_text {
  transition: ease-in-out 0.3s all !important;
}

.button:hover .button_icon-container,
.button:hover .button_text {
  background-color: var(--_buttons---background-color-hover) !important;
  color: var(--_buttons---text-color-hover) !important;
}
.button:hover .button_icon {
  transform: rotate(-180deg);
}

.button:hover .button_icon {
  color: var(--_buttons---icon-color-hover) !important;
}

.news-slider {
  overflow: visible !important;
}

.news-slider .swiper-wrapper {
  align-items: stretch;
}

.news-slider .swiper-slide {
  height: auto;
}

.news-slider .news-card {
  height: 100%;
}

.wf-design-mode .news-slider .swiper-wrapper {
  display: flex;
  flex-direction: row;
}

.wf-design-mode .news-slider {
  overflow: hidden !important;
}

.wf-design-mode .news-slider .swiper-slide {
  display: none;
}

.wf-design-mode .news-slider .swiper-slide:nth-of-type(-n + 3) {
  display: block;
}

.wf-design-mode .solition-slider_component .swiper-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

.wf-design-mode .solition-slider_component .swiper-slide {
  width: 22%;
}

.solition-slider_component .swiper-wrapper {
  align-items: stretch;
}

.solition-slider_component .swiper-slide {
  height: auto;
}

@media (max-width: 1280px) {
  .solution-slider_container {
    padding-left: var(--_layout---container-padding--large);
  }
}

@media (max-width: 768px) {
  .solution-slider_container {
    padding-left: var(--_layout---container-padding--base);
  }
}

@media (min-width: 1921px) {
  .solution-slider_container {
    grid-column: 2/4;
    padding-right: var(--_layout---container-padding--large);
    padding-left: var(--_layout---container-padding--large);
  }
}

/* Accordion Styles */

.accordion-toggle {
  display: flex;
  cursor: pointer;
  user-select: none;
}

.accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-out;
  overflow: hidden;
  height: 0;
}

.accordion-item.is-open .accordion-content {
  grid-template-rows: 1fr;
  height: auto;
}

.accordion-content > div {
  min-height: 0;
}

/* Icon Toggling */
.accordion-icon_opened,
.accordion-icon_closed {
  display: flex;
}

/* Default state: Closed */
.accordion-icon_opened {
  display: none;
}

.accordion-icon_closed {
  display: flex;
  align-items: center;
}

/* Open state */
.accordion-item.is-open .accordion-icon_opened {
  display: flex;
  align-items: center;
}

.accordion-item.is-open .accordion-icon_closed {
  display: none;
}

.wf-design-mode .story-slider_component .story-slider_slide {
  display: none;
}

.wf-design-mode .story-slider_component .story-slider_slide:nth-of-type(1) {
  display: block;
}

.header_nav {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

@media (max-width: 991px) {
  .header_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--_colors---light-yellow);
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
  }

  .header_nav.is-active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .header_link-text {
    color: var(--_colors---dark-purple);
    font-size: 1rem; /* 24px */
    font-weight: 600;
    letter-spacing: 0.2px;
  }

  .header_toggle {
    position: relative;
    z-index: 110;
    cursor: pointer;
    transition: ease-in-out all 0.2s;
  }

  /* Focus styles for accessibility */
  .header_toggle:focus {
    outline: 2px solid #615cd6;
    outline-offset: 2px;
  }

  .header_toggle:focus:not(:focus-visible) {
    outline: none;
  }

  .header_toggle:focus-visible {
    outline: 2px solid #615cd6;
    outline-offset: 2px;
  }

  .menu-open
    [data-wf--header--variant="dark"]
    .header_dropdown_mobile-icon
    svg {
    color: var(--_colors---dark-purple);
  }

  .menu-open [data-wf--header--variant="light"] .header_toggle svg {
    color: var(--_colors---dark-purple);
  }

  .menu-open .logo {
    color: var(--_colors---dark-purple);
  }

  .menu-open .header_toggle {
    transform: rotate(45deg);
    color: var(--_colors---dark-purple);
  }

  /* Prevent body scroll when menu is open */
  body.menu-open {
    overflow: hidden;
  }
}