/* Loader WooCommerce */
a.button.cs-btn--card.add_to_cart_button {
  position: relative;
}

a.button.cs-btn--card.add_to_cart_button.loading::before {
  content: "" !important;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  animation: csSpin 0.8s linear infinite;
  pointer-events: none;
}

a.button.cs-btn--card.add_to_cart_button.loading::after {
  opacity: 0 !important;
}

.woocommerce a.button.loading::after {
  content: none !important;
  display: none !important;
}

@keyframes csSpin {
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

/* Buttony */

/* Solid */
.btn-404,
.add_to_cart_button,
.added_to_cart,
.cs-btn_fav,
.wc-block-cart__submit-button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.cs-flycart__btn--cart,
.cs-flycart__btn--start,
.modal__save_address,
.cs-cart-empty__btn,
.single_add_to_cart_button,
.forminator-button-submit,
.submit,
.btn-solid,
.woocommerce-address-fields button,
button[name="save_account_details"],
button[value="Zresetuj hasło"],
button[value="Zapisz"],
#place_order {
  background: var(--main--03) !important;
  font-family: var(--font-family-body-basic) !important;
  font-size: var(--font-size-13) !important;
  line-height: var(--line-height-13) !important;
  font-weight: var(--font-weight-400) !important;
  border-radius: var(--b--xxl) !important;
  color: var(--white) !important;
  padding: 18px 28px !important;
  width: 100%;
  text-decoration: none !important;
  text-align: center !important;
}

a.button.cs-btn--card.add_to_cart_button,
.added_to_cart {
  position: relative;
  padding: 16px !important;
  display: flex;
  align-items: center;
}

a.button.cs-btn--card.add_to_cart_button::after,
a.added_to_cart.wc-forward::after {
  content: "" !important;
  position: absolute;
  right: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  background-image: url("https://cakeshop.pokazowawitryna.pl/wp-content/uploads/arrow-right-up.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  pointer-events: none;
  display: inline-block !important;
}

.add_to_cart_button.added {
  display: none !important;
}

a.button.cs-btn--card.add_to_cart_button::after {
  transform: translateY(-50%);
}

a.added_to_cart.wc-forward::after {
  transform: translateY(-50%) rotate(45deg);
}

.btn-404:hover,
.add_to_cart_button:hover,
.added_to_cart:hover,
.wc-block-cart__submit-button:hover,
#place_order:hover,
.single_add_to_cart_button:hover {
  background-color: var(--main--04) !important;
}

/* Outline */

.wc-block-components-totals-coupon__button,
.cs-flycart__btn--continue,
.cs-modal__new,
.modal__back,
.btn-outline {
  background: transparent !important;
  font-family: var(--font-family-body-basic) !important;
  font-size: var(--font-size-13) !important;
  line-height: var(--line-height-13) !important;
  font-weight: var(--font-weight-400) !important;
  border-radius: var(--b--xxl) !important;
  border: solid 1px var(--black);
  color: var(--black) !important;
  padding: 18px 28px !important;
  width: 100%;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap;
}

/* Z animacją */
.cs-chip {
  background: transparent;
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-14);
  line-height: var(--line-height-14);
  font-weight: var(--font-weight-400);
  border-radius: var(--b--xxl);
  border: solid 1px var(--black--03);
  color: var(--black);
  padding: 16px 20px;
  text-align: center;
  text-decoration: none !important;
  transform: translateY(0px) rotate(0deg);
  transition: 0.3s;
  white-space: nowrap;
}

.cs-chip:hover {
  background: var(--main--02);
  border: solid 1px var(--main--02);
  color: var(--white);
  transform: translateY(-2px) rotate(-1.2deg);
  transition: 0.3s;
}

a.cs-chip.is-active {
  background: var(--main--03);
  color: var(--white);
  border: solid 1px var(--main--03);
}

/* solid v2 */

/* baza */
.woocommerce-tabs ul.tabs li a,
li.woocommerce-MyAccount-navigation-link a {
  font-family: var(--font-family-body-basic) !important;
  font-size: var(--font-size-14) !important;
  line-height: var(--line-height-14) !important;
  font-weight: var(--font-weight-300) !important;
  padding: 16px 24px !important;
  text-align: center !important;
  border-radius: var(--b--xsm) !important;
  background: var(--main--bg--light);
  text-decoration: none !important;
  text-align: center !important;
  display: block;
}

.woocommerce-tabs ul.tabs li a {
  height: 50px;
}

/* active */
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a[aria-selected="true"],
li.woocommerce-MyAccount-navigation-link.is-active a {
  background: var(--main--03);
  color: var(--white);
}

/* hover (nieaktywny) */
.woocommerce-tabs ul.tabs li a:hover,
li.woocommerce-MyAccount-navigation-link a:hover {
  background: var(--main--03);
  color: var(--white);
}

/* solid maly */
/* przycisk "Pokaż" */
.cs-filters-toggle,
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button,
.b2bking_purchase_lists_view_list,
#b2bking_purchase_list_new_button {
  display: inline-flex;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-radius: var(--b--xsm) !important;
  background: var(--main--01) !important;
  color: var(--black) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  font-size: var(--font-size-13) !important;
  line-height: var(--line-height-13) !important;
  font-weight: var(--font-weight-400) !important;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover,
button.b2bking_purchase_lists_view_list:hover,
button#b2bking_purchase_list_new_button:hover {
  background: var(--main--bg--light) !important;
  filter: none !important;
}

/* =========================
   CARD ACTIONS: show on hover
   ========================= */
.cs-card__actions {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.cs-card:hover .cs-card__actions,
.cs-card:focus-within .cs-card__actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

@media (max-width: 767px) {
  .cs-card__actions {
    opacity: 1;
    pointer-events: auto;
    position: static;
    padding: 16px !important;
    margin-top: -32px !important;
  }

  a.button.cs-btn--card.add_to_cart_button.ajax_add_to_cart.product_type_simple {
    flex: 100%;
  }
}

/* =========================
   LOOPBAR LAYOUT
   ========================= */

.cs-loopbar .cs-qtywrap {
  flex: 0 0 0%;
  transition: flex-basis 200ms ease;
}

.cs-loopbar a.button.cs-btn--card.add_to_cart_button,
.cs-loopbar .added_to_cart {
  flex: 0 0 50%;
  transition: flex-basis 200ms ease;
  will-change: flex-basis;
}

.cs-card:hover .cs-loopbar .cs-qtywrap,
.cs-card:focus-within .cs-loopbar .cs-qtywrap {
  flex-basis: 25% !important;
}

.cs-card:hover .cs-loopbar a.button.cs-btn--card.add_to_cart_button,
.cs-card:focus-within .cs-loopbar a.button.cs-btn--card.add_to_cart_button,
.cs-card:hover .cs-loopbar .added_to_cart,
.cs-card:focus-within .cs-loopbar .added_to_cart {
  flex-basis: 75% !important;
}

/* =========================
   MOBILE: pokaż akcje zawsze
   ========================= */
@media (max-width: 768px) {
  .cs-card__actions {
    opacity: 1;
    pointer-events: auto;
    position: static;
    margin-top: 16px;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
  }

  .cs-card {
    padding-bottom: 0;
  }
}