/*
 Theme Name:   ABSE Stys Shop
 Description:  Theme die ABSE Stys GmbH
 Author:       Aaron Kessler
 Author URI:   https://aaronkessler.de
 Template:     kadence
 Version:      1.0.0
 License: GNU General Public License v2 (or later)
 License URI: hhttps://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 Text Domain: abse
*/

/* homepage fix */
.home .entry-hero-container-inner .entry-header {
  align-items: flex-start;
  text-align: left;
}
/* end homepage fix */

.cross-sells {
  position: relative;
}

.cross-sells__heading-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.cross-sells__heading {
  color: var(--global-palette3);
  font-size: 0.75em;
  line-height: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  width: max-content;
  margin-bottom: 40px;
  padding: 8px 20px;
  border-bottom: 4px solid var(--global-palette3);
}
@media (min-width: 768px) {
  .cross-sells__heading {
    font-size: 1em;
  }
}
.cross-sells .content-bg {
  background: white !important;
}

.cross-sells ul {
  font-size: 1rem;
  display: grid;
  overflow-x: scroll;
  gap: 1rem;
  grid-auto-columns: 100%;

  grid-auto-flow: column;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

@media (min-width: 768px) {
  .cross-sells ul {
    grid-auto-columns: 16rem;
  }
  .cross-sells ul > li .product-details > * {
    font-size: 1rem !important;
  }
}
.cross-sells ul::-webkit-scrollbar {
  display: none;
}

.cross-sells ul > li {
  scroll-snap-align: start;
}
.cross-sells button {
  padding: 0.5rem 1rem 0.75rem 1rem;
  font-size: 1.25rem;
  line-height: 1;
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-53%);
}
.cross-sells button[disabled] {
  display: none;
}

.cross-sells ul > li .product-details > .price {
  display: flex !important;
}

.cross-sells ul > li .product-details > .price > del {
  margin-right: 0.4em;
}

.cross-sells .cross-sells__prev {
  left: 0;
}
.cross-sells .cross-sells__next {
  right: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.woocommerce-account .woocommerce-form.woocommerce-form-register.register {
  margin-bottom: 0;
  padding-bottom: 4rem;
}

//2FA
.wp2fa-modal button.modal__close,
.wp2fa-modal button.modal__close:before {
  color: var(--global-palette3) !important;
  display: none !important;
}
#choose-2fa-method .description.tooltip-content-wrapper {
  display: none;
}
body .wp2fa-modal .modal__content .click-to-copy {
  border: 2px solid var(--global-palette3);
  border-radius: 0;
}

body .wp2fa-modal .modal__content .click-to-copy:hover {
  background-color: var(--global-palette3);
}
.wp2fa-modal .modal__overlay .modal__footer {
  display: flex;
  gap: 0.5em;
}

.modal__content.wp2fa-form-styles p {
  line-height: 1.4;
  margin-top: 0.5em;
}

.wp-2fa-configuration-form .button {
  font-size: 100% !important;
}
.wp-2fa-configuration-form .modal__footer .button {
  font-size: 65% !important;
}
.form-table.wp-2fa-user-profile-form {
  border-spacing: 0 1em;
}

.wp-2fa-configuration-form .button {
  margin: 0 1em 0 0 !important;
}

.wp-2fa-configuration-form th {
  display: none;
}

/* Footer */
@media (max-width: 767px) {
  .footer-navigation-container .inner-column-1,
  .footer-navigation-container .inner-column-1 .wp-block-navigation__container {
    align-items: center;
  }
  .footer-navigation-container .inner-column-2 p {
    text-align: center;
  }
  .footer-navigation-container .inner-column-3 * {
    text-align: center;
  }
  .footer-navigation-container .inner-column-1,
  .footer-navigation-container .inner-column-2 {
    margin-bottom: 2rem;
  }
}

body input[type='text']:focus,
body input[type='email']:focus,
body input[type='url']:focus,
body input[type='password']:focus,
body input[type='search']:focus,
body input[type='number']:focus,
body input[type='tel']:focus,
body input[type='range']:focus,
body input[type='date']:focus,
body input[type='month']:focus,
body input[type='week']:focus,
body input[type='time']:focus,
body input[type='datetime']:focus,
body input[type='datetime-local']:focus,
body input[type='color']:focus,
body textarea:focus {
  color: var(--global-palette6);
}

.site-header-inner-wrap {
  background-color: var(--global-palette5);
}
/* Related and Upsell Products */
.up-sells.upsells.products .price,
.related.products .price {
  font-size: 1rem !important;
  display: flex !important;
}

.up-sells.upsells.products a.button,
.related.products a.button {
  font-size: 1rem;
}

.kwt-upsell-wrap .upsells.products ul.products,
.kwt-related-wrap .related.products ul.products {
  gap: 1rem !important;
}

.rank-math-breadcrumb p {
  margin: 0;
  font-size: 0.9rem;
}

/* Single Product Page */
@media (max-width: 767px) {
  form.cart {
    font-size: 1rem;
  }
}

form.cart button {
  line-height: 1.4 !important;
  padding: 1rem 1.5rem !important;
}
.kadence-sticky-add-to-cart-action-wrap .single_add_to_cart_button {
  padding: 0 1em !important;
}
.woocommerce-tabs .kwt-accordion-title a {
  text-transform: uppercase !important;
}
.quantity.spinners-added {
  display: flex;
}
.add-to-cart-full button {
  width: 100%;
}
.kt-inside-inner-col .product-tags li {
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.price .kt-inside-inner-col {
  align-items: baseline !important;
}
/* Add to card */
.products .button {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .products .button {
    font-size: 1rem;
  }
}
/* Sticky Add to card */
.kt-before-price-variation {
  margin-right: 0.4em;
}

/* WooCommerce Form labels */

.woocommerce form .form-row label {
  line-height: 1.4 !important;
  margin-bottom: 0.5em;
}

/* Filter */
.wpc-filter-chip-name {
  max-width: 13rem !important;
}