/*!
Theme Name: wunu webLab Child
Theme URI: https://wunu.eu
Author: wunu webLab OG
Author URI: https://wunu.eu
Template:     wunu-weblab
Version: 1.1.1
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:   wunu-weblab-child
*/

/* ==========================================================================
   WPForms "modern" select (Choices.js) — align with the theme's form fields
   WPForms ships its own high-specificity CSS for .wpforms-field-select-style-modern
   that otherwise wins over the parent theme's field colors, so it is re-applied
   here using the same --color-*-form / --formular-* variables as the other fields.
   ========================================================================== */

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern {
  font-family: var(--font-family-body), sans-serif !important;
  font-size: var(--fontsize-main-mobile) !important;
}

@media only screen and (min-width: 1200px) {
  .kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern {
    font-size: var(--fontsize-main-desktop) !important;
  }
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices {
  position: relative;
  width: 100%;
  min-height: 35px;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--color-border-form) !important;
  border-radius: var(--formular-border-top-left-radius) var(--formular-border-top-right-radius) var(--formular-border-bottom-right-radius) var(--formular-border-bottom-left-radius) !important;
  box-shadow: var(--formular-boxshadow) !important;
  color: var(--color-text-form) !important;
  font-size: var(--fontsize-main-mobile) !important;
  outline: 0 !important;
  transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 1200px) {
  .kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices {
    min-height: 50px;
    font-size: var(--fontsize-main-desktop) !important;
  }
}

/* hide Choices.js' own caret + WPForms' triangle caret, replaced with a custom arrow below */
.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices[data-type*="select-one"]:after {
  display: none !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices__button {
  display: none !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__inner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 35px;
  min-height: initial !important;
  line-height: initial !important;
  padding: 0 30px 0 10px !important;
  border: 0 !important;
  border-radius: var(--formular-border-top-left-radius) var(--formular-border-top-right-radius) var(--formular-border-bottom-right-radius) var(--formular-border-bottom-left-radius) !important;
  background-color: var(--color-background-form) !important;
  background-clip: initial !important;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 1200px) {
  .kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__inner {
    height: 50px;
  }
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__inner .choices__list--single {
  width: 100%;
  padding: 0 !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item {
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--color-text-form) !important;
  background-color: transparent !important;
  opacity: 1 !important;
  font-family: var(--font-family-body), sans-serif !important;
  font-size: var(--fontsize-main-mobile) !important;
}

@media only screen and (min-width: 1200px) {
  .kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item {
    font-size: var(--fontsize-main-desktop) !important;
  }
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item.choices__placeholder {
  opacity: 0.85 !important;
}

/* custom arrow icon, always visible (placeholder + selected states) */
.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__inner:after {
  content: '';
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  background-color: var(--color-text-form) !important;
  mask-image: url(icons/angle-down-solid.svg);
  -webkit-mask-image: url(icons/angle-down-solid.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  transition: all 0.3s ease-in-out;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown {
  background-color: var(--color-background-form) !important;
  border: 1px solid var(--color-border-form-focus) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--formular-border-bottom-right-radius) var(--formular-border-bottom-left-radius) !important;
  z-index: 5;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__list .choices__item {
  background-color: var(--color-background-form) !important;
  color: var(--color-text-form) !important;
  font-family: var(--font-family-body), sans-serif !important;
  font-size: var(--fontsize-main-mobile) !important;
  border-bottom: 1px solid var(--color-border-form) !important;
  padding: 8px 10px !important;
}

@media only screen and (min-width: 1200px) {
  .kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__list .choices__item {
    font-size: var(--fontsize-main-desktop) !important;
  }
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__list .choices__item:last-child {
  border-bottom: 0 !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__list .choices__item.is-highlighted,
.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__list .choices__item:hover {
  background-color: var(--color-background-form-focus) !important;
  color: var(--color-text-form-focus) !important;
  border-bottom-color: var(--color-border-form-focus) !important;
}

/* open / focused state */
.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-open,
.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-focused {
  border-color: var(--color-border-form-focus) !important;
  box-shadow: var(--formular-boxshadow-focus) !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-open .choices__inner,
.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-focused .choices__inner {
  background-color: var(--color-background-form-focus) !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-open .choices__inner .choices__list--single .choices__item,
.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-focused .choices__inner .choices__list--single .choices__item {
  color: var(--color-text-form-focus) !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-open .choices__inner:after,
.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-focused .choices__inner:after {
  background-color: var(--color-text-form-focus) !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-open .choices__inner:after {
  transform: translateY(-50%) rotate(180deg);
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-open {
  border-radius: var(--formular-border-top-left-radius) var(--formular-border-top-right-radius) 0 0 !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field-select-style-modern .choices.is-open .choices__inner {
  border-radius: var(--formular-border-top-left-radius) var(--formular-border-top-right-radius) 0 0 !important;
}

/* error state */
.kontaktformularWPF .wpforms-form .wpforms-field.wpforms-has-error.wpforms-field-select-style-modern .choices {
  border-color: var(--color-border-form-error) !important;
  box-shadow: var(--formular-boxshadow-error) !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field.wpforms-has-error.wpforms-field-select-style-modern .choices .choices__inner {
  background-color: var(--color-background-form-error) !important;
}

.kontaktformularWPF .wpforms-form .wpforms-field.wpforms-has-error.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item {
  color: var(--color-text-form-error) !important;
}

/* ─── Alternate color scheme ─────────────────────────────────────────── */

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices {
  border-color: var(--color-border-form-alt) !important;
  box-shadow: var(--formular-boxshadow-alt) !important;
  color: var(--color-text-form-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices .choices__inner {
  background-color: var(--color-background-form-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item {
  color: var(--color-text-form-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__inner:after {
  background-color: var(--color-text-form-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown {
  background-color: var(--color-background-form-alt) !important;
  border-color: var(--color-border-form-focus-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__list .choices__item {
  background-color: var(--color-background-form-alt) !important;
  color: var(--color-text-form-alt) !important;
  border-bottom-color: var(--color-border-form-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__list .choices__item.is-highlighted,
.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__list .choices__item:hover {
  background-color: var(--color-background-form-focus-alt) !important;
  color: var(--color-text-form-focus-alt) !important;
  border-bottom-color: var(--color-border-form-focus-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices.is-open,
.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices.is-focused {
  border-color: var(--color-border-form-focus-alt) !important;
  box-shadow: var(--formular-boxshadow-alt-focus) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices.is-open .choices__inner,
.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices.is-focused .choices__inner {
  background-color: var(--color-background-form-focus-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices.is-open .choices__inner .choices__list--single .choices__item,
.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices.is-focused .choices__inner .choices__list--single .choices__item {
  color: var(--color-text-form-focus-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices.is-open .choices__inner:after,
.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field-select-style-modern .choices.is-focused .choices__inner:after {
  background-color: var(--color-text-form-focus-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field.wpforms-has-error.wpforms-field-select-style-modern .choices {
  border-color: var(--color-border-form-error-alt) !important;
  box-shadow: var(--formular-boxshadow-alt-error) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field.wpforms-has-error.wpforms-field-select-style-modern .choices .choices__inner {
  background-color: var(--color-background-form-error-alt) !important;
}

.kontaktformularWPF.alternateStyle .wpforms-form .wpforms-field.wpforms-has-error.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item {
  color: var(--color-text-form-error-alt) !important;
}