/*
Theme Name: Zielo Theme 2026
Theme URI: https://zieloapp.com
Author: Zielo Digital GmbH
Author URI: 
Description: Zielo WordPress Theme
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 8.0
Version: 1.0
License: unlicenced
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zielo
Tags: 
*/

html {
  scroll-behavior: smooth;
}

.entry-content,
footer {
  margin: unset !important;
}

.navigation {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  .navigation__bar {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(4px);
    box-shadow: 0 -5px 30px #333c360d;
    z-index: 1001;
  }
  .navigation__mega {
    backdrop-filter: blur(4px);
    position: absolute;
    width: 100%;
    top: 95px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition:
      opacity 0.3s ease-in-out,
      visibility 0.3s ease-in-out;
    &.is-visible {
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
      z-index: 1000;
    }
  }
  .wp-block-navigation-item {
    min-height: inherit;
    &.current-menu-item {
      > a {
        text-decoration: underline;
      }
    }
  }
  /* Lucide `chevron-down` (blocks/node_modules/lucide-static/icons/chevron-down.svg),
     rendered as a mask so it inherits the nav item's text color via currentColor. */
  .wp-block-navigation-item.has-mega-menu
    > .wp-block-navigation-item__content::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.3em;
    vertical-align: middle;
    background-color: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
      no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
      no-repeat center / contain;
  }
}

.wp-block-accordion-heading__toggle:hover
  .wp-block-accordion-heading__toggle-title {
  text-decoration: unset;
}

.homepage-screen {
  max-width: 55vw;
}

.gform_required_legend {
  visibility: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.gform-theme--api,
.gform-theme--foundation {
  --gf-form-gap-y: 1em !important;
}

.wp-block-polylang-language-switcher {
  display: inline-flex;
}

.wp-block-polylang-language-switcher .pll-switcher-select {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  padding: 0.25rem 1.6rem 0.25rem 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1em;
  border: none;
  color: var(--wp--preset--color--custom-base-950);
  font-family: var(--wp--preset--font-family--system-font);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.2;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  &.footer__lang {
    color: var(--wp--preset--color--custom-base-40);
  }
}

.wp-block-polylang-language-switcher .pll-switcher-select:hover {
  color: var(--wp--preset--color--custom-body);
}

.wp-block-polylang-language-switcher .pll-switcher-select:focus {
  outline: 2px solid var(--wp--preset--color--custom-primary-200);
  outline-offset: 3px;
  color: var(--wp--preset--color--custom-body);
}

.wp-block-polylang-language-switcher .pll-switcher-select option {
  color: var(--wp--preset--color--custom-body);
  background-color: var(--wp--preset--color--custom-white);
}

.wp-element-button {
  box-shadow:
    -6px 8px 10px #51290a0d,
    0 2px 2px #51290a26 !important;
}

#cm {
  max-width: 30em;
}

/** Mobile styles */
@media (max-width: 768px) {
  .wp-container-core-group-is-layout-4bba658f
    > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  .wp-container-core-group-is-layout-e515d0d8
    > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
  }
  .wp-block-group.is-layout-grid {
    grid-template-columns: 1fr !important;
  }
  .wp-block-zielo-pricing-card {
    height: unset !important;
  }

  .homepage__feature {
    padding-bottom: var(--wp--preset--spacing--60) !important;
    padding-top: var(--wp--preset--spacing--40) !important;

    .homepage__feature__content {
      order: 1;
      * {
        text-align: center !important;
      }
      .wp-block-buttons {
        justify-content: center;
      }
    }
    .homepage__feature__image {
      order: 0;
    }
  }

  .homepage__header {
    min-height: 60vh;
    > .wp-block-group {
      /* padding-top: var(--wp--preset--spacing--40) !important; */
    }
    .homepage__header__title {
      font-size: 2.2rem !important;
    }
    .homepage__header__screen {
      display: none;
    }
  }

  .homepage__introduction {
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }

  .cta {
    .cta__title {
      font-size: 2.5rem !important;
    }
  }

  .page__header {
    .wp-block-heading {
      font-size: 2.5rem !important;
    }
  }
  .product__introduction {
    .wp-block-heading {
      font-size: 2rem !important;
    }
  }

  .product__section {
    padding-bottom: var(--wp--preset--spacing--60) !important;
    padding-top: var(--wp--preset--spacing--40) !important;
    .product__section__heading {
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
      padding-top: var(--wp--preset--spacing--40) !important;
      .wp-block-heading {
        font-size: 1.8rem !important;
      }
      .wp-block-image {
        width: 4em;
      }
    }
    .product__section__content,
    .product__section__details {
      order: 1;
    }
    .product__section__image {
      order: 0;
    }
  }

  .consulting__heading {
    font-size: 1.8rem !important;
  }

  .mobile__navigation {
    .wp-block-navigation__responsive-container {
      min-height: 100vh;
      top: 0;
      left: 0;
    }
  }

  .footer__lang {
    .pll-switcher-select {
      color: var(--wp--preset--color--custom-base-50);
    }
  }
}