/*------------------ Mein Konto ----------------------*/

.woocommerce:has(.woocommerce-MyAccount-navigation) {
  width: 95%;
}

/* Fonts Color  */
.woocommerce .woocommerce-info,
.woocommerce form,
.woocommerce form label,
.woocommerce form input,
.woocommerce form select,
.woocommerce form textarea {
  color: var(--ast-global-color-4) !important;
}

/* Button selector group */
.woocommerce-MyAccount-content button.woocommerce-Button.button,
.woocommerce .pickup-location-search-fields-wrapper button[type="submit"],
.woocommerce a.submit-pickup-location.button,
.woocommerce-address-fields button[type="submit"],
.woocommerce-MyAccount-content a[href*="add-payment-method"],
.woocommerce-Address-title .edit,
#main a.woocommerce-Button.button,
#main a.button.wc-forward {
  font-size: var(--btn-font-size);
  font-family: var(--headlinefont);
  font-weight: 400;
  padding: 1em 2em;
  border-radius: 5px;
  background-color: var(--ast-global-color-0);
  color: var(--ast-global-color-3);
  text-transform: uppercase;
}

.woocommerce-MyAccount-content button.woocommerce-Button.button:hover,
.woocommerce .pickup-location-search-fields-wrapper button[type="submit"]:hover,
.woocommerce a.submit-pickup-location.button:hover,
.woocommerce-address-fields button[type="submit"]:hover,
.woocommerce-MyAccount-content a[href*="add-payment-method"]:hover,
.woocommerce-Address-title .edit:hover,
#main a.woocommerce-Button.button:hover,
#main a.button.wc-forward:hover {
  color: #ffffff;
  background-color: var(--ast-global-color-3);
  border-color: var(--ast-global-color-3);
}

/* Border remove selector group */
.woocommerce-MyAccount-content .woocommerce-Input.input-text,
#wc-shiptastic-pickup-location-search-form .select2-selection--single,
#wc-shiptastic-pickup-location-search-form input,
.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-address-fields
  input,
.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-address-fields
  select,
.woocommerce-account
  .woocommerce-MyAccount-content
  .woocommerce-address-fields
  .select2-selection {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--ast-global-color-3) !important;
}

/**Dashboard*/
.woocommerce-account #main .woocommerce-MyAccount-navigation {
  width: 25%;
  border-right: 1px solid var(--ast-global-color-3) !important;
}

.woocommerce-MyAccount-navigation ul {
  padding-left: 0 !important;
  list-style: none;
  padding: 0;
  background: transparent !important;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link:hover a {
  color: var(--ast-global-color-3) !important;
  background-color: var(--ast-global-color-0);
}

.woocommerce-MyAccount-navigation
  .woocommerce-MyAccount-navigation-link
  + .woocommerce-MyAccount-navigation-link {
  border-top: 1px solid var(--ast-global-color-3) !important;
}

.woocommerce-MyAccount-navigation-link:after {
  display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 75%;
  padding-left: var(--gap-m);
}

/**Bestellungen*/
/**Downloads*/

.woocommerce-MyAccount-content
  .woocommerce-message.woocommerce-message--info.woocommerce-Message,
.woocommerce-MyAccount-content .woocommerce-info {
  background-color: transparent !important;
  border-top-color: var(--ast-global-color-3);
  border-top-width: 0 !important;
  padding: 0;
}

/**Adressen*/
.woocommerce-MyAccount-content header.woocommerce-Address-title.title {
  background-color: transparent !important;
  border: none !important;
  padding-left: 0 !important;
}

.woocommerce .woocommerce-Button,
.woocommerce .addresses .title .edit,
.woocommerce-account .addresses .title .edit {
  float: left !important;
}

.woocommerce-Address-title .edit {
  margin: var(--gap-s) 0;
}

.woocommerce-MyAccount-content address {
  border: 1px dashed var(--ast-global-color-3) !important;
  border-radius: 5px !important;
}

.select2-dropdown.select2-dropdown--above,
.select2-dropdown.select2-dropdown--below {
  background-color: var(--ast-global-color-0) !important;
}

.woocommerce-page .select2-container .select2-search__field {
  border: 1px solid var(--ast-global-color-3) !important;
  background-color: var(--ast-global-color-0);
}
/* Rechnungadresse */

.woocommerce-address-fields__field-wrapper > p.form-row {
  margin-bottom: calc(var(--gap-s) * 1.1) !important;
}

.woocommerce-address-fields label {
  padding: 0 !important;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected],
.select2-container--default
  .select2-results__option--highlighted[data-selected] {
  background-color: var(--ast-global-color-3) !important;
}

.woocommerce-address-fields button[type="submit"] {
  margin-top: var(--gap-s);
}

body.woocommerce-account .woocommerce-address-fields input {
  padding: 2em 0.8em 0.9em 0 !important;
}

.woocommerce
  form
  .form-row
  .select2-container--default
  .select2-selection--single {
  padding: 1.5em 0 0.3em 0 !important;
}

/* Abholstation wählen */
#shipping_pickup_location_notice {
  margin-bottom: 0;
  margin-top: 0;
}

.woocommerce .wc-stc-modal-content-inner {
  margin-top: var(--gap-xl) !important;
}

.pickup-location-search-fields-wrapper {
  gap: 15px;
}

#pickup-location-address,
#pickup-location-postcode,
.woocommerce label[for="pickup-location-address"],
.woocommerce label[for="pickup-location-postcode"] {
  padding-left: 0 !important;
}

#wc-shiptastic-pickup-location-search-form .pickup-location-search-actions {
  justify-content: flex-start !important;
}
#wc-shiptastic-pickup-location-search-form .pickup-location-search-actions a {
  margin-left: 0 !important;
}

/* Zahlungsarten */
#add_payment_method #payment div.payment_box {
  background-color: var(--ast-global-color-6) !important;
}

.woocommerce #add_payment_method #payment ul.payment_methods {
  border-bottom: 1px solid var(--ast-global-color-3) !important;
}

.woocommerce #add_payment_method #payment ul.payment_methods,
#add_payment_method #payment div.payment_box {
  padding-inline: 0 !important;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  content: "";
  display: none !important;
}

#payment .form-row.ast-animate-input {
  padding-inline: 0 !important;
}

.woocommerce input[type="radio"]:checked {
  accent-color: var(--ast-global-color-3) !important;
}
/* Kontodetails */

.woocommerce-account .woocommerce-MyAccount-content fieldset {
  margin: 1.5em 0 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content fieldset > legend {
  margin: 2em 0 0.5em !important;
}

.woocommerce-MyAccount-content
  > form
  > p.woocommerce-form-row:not(:nth-of-type(-n + 2))
  > input.woocommerce-Input.input-text {
  padding-bottom: 1em !important;
  margin-top: 1em !important;
}

.woocommerce-MyAccount-content fieldset > p + p {
  margin-top: 0.7em !important;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm input,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm select,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm textarea {
  padding-inline: 0 !important;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm label {
  padding-inline: 0 !important;
}

/* Media Queries */

@media (max-width: 990px) {
  /* My Account horizontal nav */
  nav.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
  }

  nav.woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none;
  }

  nav.woocommerce-MyAccount-navigation li {
    scroll-snap-align: start;
    flex: 0 0 auto;
  }

  nav.woocommerce-MyAccount-navigation li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .woocommerce-MyAccount-content
    .woocommerce-EditAccountForm.edit-account
    > p:not(:nth-last-of-type(-n + 2)) {
    margin-bottom: 1.5em !important;
  }

  .woocommerce-MyAccount-content
    > form
    > p.woocommerce-form-row:not(:nth-of-type(-n + 2))
    > input.woocommerce-Input.input-text {
    margin-top: 0.4em !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content fieldset {
    margin: 4em 0 0 !important;
  }
  /* End Nav */

  /* Navigation */
  .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    float: unset;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    float: unset;
  }

  .ast-wooaccount-user-wrapper {
    column-gap: 10px;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    padding-left: 0;
    width: 100% !important;
  }

  .woocommerce-account #main .woocommerce-MyAccount-navigation {
    width: 100%;
    border-right: unset !important;
    border-right: unset !important;
    margin-bottom: var(--gap-xl);
  }

  /* Adresse  */

  .woocommerce-MyAccount-content h2 {
    margin-bottom: var(--gap-m) !important;
  }
  .woocommerce-address-fields__field-wrapper > p.form-row:not(:last-child) {
    margin-bottom: calc(var(--gap-m) * 1.1) !important;
  }

  .woocommerce-MyAccount-content .woocommerce-Addresses {
    margin-top: calc(var(--gap-l) * 1.4);
  }

  .woocommerce-MyAccount-content .woocommerce-Address:first-child {
    margin-bottom: calc(var(--gap-l) * 1.2);
  }

  /* Zahlungsarten */

  .woocommerce #add_payment_method #payment ul.payment_methods {
    border-bottom: unset !important;
  }

  .woocommerce-MyAccount-navigation
    .woocommerce-MyAccount-navigation-link
    + .woocommerce-MyAccount-navigation-link {
    border-top: unset !important;
  }

  .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
    border-bottom: 1px solid var(--ast-global-color-3) !important;
  }

  .woocommerce-MyAccount-navigation-link .ahfb-svg-iconset {
    margin-right: 14px !important;
  }

  .woocommerce-MyAccount-navigation ul li a {
    padding: 1em !important;
  }
}

@media (max-width: 921px) {
  .woocommerce-MyAccount-navigation ul {
    column-gap: 0 !important;
  }
  .woocommerce-MyAccount-navigation
    .woocommerce-MyAccount-navigation-link
    + .woocommerce-MyAccount-navigation-link {
    width: unset !important;
  }
}