/**
Theme Name: Pineapple Blue Child
Author: Pineapple Blue e. U.
Author URI: https://pineaplpe.blue
Description: Your customised authentic WordPress child-theme by Pineapple Blue, suitable for blog, personal portfolio and business website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pineapple-blue-child
Template: astra
*/

/* Sprachmenü-Styling (Desktop & Mobile) */

/* DE | EN nebeneinander */
#ast-hf-menu-2 > li.lang-item,
#ast-hf-menu-2-mobile > li.lang-item,
li.lang-separator {
    display: inline-flex !important;
    align-items: center;
    vertical-align: middle;
    margin-bottom: 0 !important;
}

/* Trenner | optisch mittig, immer sichtbar */
li.lang-separator {
    display: inline-flex !important;
    align-items: center;
    position: relative;
    top: 1px;
    padding: 0 0.3em;
    font-size: inherit;
    line-height: 1;
    color: #1E6B6A !important;
    pointer-events: none;
}

/* Pfeile bei DE / EN ausblenden */
.lang-item .ast-icon {
    display: none !important;
}

/* Sprachmenü im Off-Canvas (Mobile / Tablet) */
#ast-hf-menu-2-mobile {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 0.4em;
    margin-top: 1em;
    padding-left: 5px;
    width: auto;
}

@media (min-width: 768px) {
    #ast-hf-menu-2-mobile {
        padding-left: 5px;
    }
}

/* Sprachmenü-Links: keine Unterstriche */
#ast-hf-menu-2-mobile .menu-link {
    border-bottom: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Dropdown-Pfeil Styling im Off-Canvas */

/* Nur kleiner machen, sonst nichts anfassen */
.ast-mobile-popup-content .ast-menu-toggle svg {
    width: 10px !important;
    height: 10px !important;
}

/* Rahmen um Dropdown-Pfeil entfernen */
.ast-mobile-popup-content .ast-menu-toggle {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}


/* Forminator */

/* Forminator Fortschrittsleiste horizontal auf mobilen Geräten */
@media (max-width: 767px) {
  .forminator-pagination-steps {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    padding: 0 10px;
  }

  /* Zeige nur die mittleren Linien */
  .forminator-pagination-steps .forminator-break {
    display: block !important;
    flex: 1 1 auto;
    height: 1px !important;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 0 4px;
  }

  /* Erste und letzte Linie ausblenden */
  .forminator-pagination-steps .forminator-break:first-of-type,
  .forminator-pagination-steps .forminator-break:last-of-type {
    display: none !important;
  }

  .forminator-pagination-steps .forminator-step {
    flex-shrink: 0;
    z-index: 1;
  }
}


/* Continuous Auto Scroll für Elementor Image Carousel */
.elementor-element-008f788 .swiper-wrapper {
  display: flex;
  width: max-content;
  animation: scroll-left 80s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Slides ohne Hover-Stopp */
.elementor-element-008f788 .swiper {
  overflow: hidden;
}
.elementor-element-008f788 .swiper-slide {
  flex-shrink: 0;
}

/* Stoppe Swiper.js Autoplay */
.elementor-element-008f788 .swiper-wrapper {
  transition-timing-function: linear !important;
  transition-duration: 0s !important;
}



/* Footer korrekt anzeigen  */

#astra-footer-menu {
  transform: none !important;
}