/*
Theme Name: Pimhill 2025
Description: Child theme for Avada theme
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.gap-24 {
  &, > .fusion-column-wrapper {
    gap: 24px;
  }
}

.gap-10 {
  &, > .fusion-column-wrapper {
    gap: 10px;
  }
}

._front-product-cards .fusion-grid {
  display: grid !important;
  grid-template-columns: 1fr 280px 1fr !important;
  gap: 50px !important;

  .fusion-grid-column {
    width: auto !important;
    max-width: 280px !important;
    padding: 0 !important;
    align-self: start !important;

    &:nth-child(3n-2) {
      justify-self: end !important;
    }
  }
}

.clear-button {
  background: none !important;
}

.pimhill-product-images li:has(.flex-active) {
  display: none !important;
}

.woocommerce-product-gallery .flex-control-thumbs li {
  padding: 12px !important;
}

.woocommerce-product-gallery .flex-control-thumbs {
  margin: 12px -12px !important;
}

.accordion {
  border-top: 1px solid !important;
}

.single-product-cards .fusion-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px !important;

  .fusion-grid-column.fusion-grid-column {
    width: auto !important;
    padding: 0 !important;
  }
}

@media (max-width: 1000px) {
  .single-product-cards .fusion-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .single-product-cards .fusion-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 400px) {
  .single-product-cards .fusion-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.single-product-cards + .fusion-builder-placeholder {
  display: none !important;
}

.front-product-cards .fusion-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px !important;
  max-width: 911px !important;
  margin: auto !important;

  .fusion-grid-column.fusion-grid-column {
    width: auto !important;
    padding: 0 !important;
  }
}

@media (max-width: 600px) {
  .front-product-cards .fusion-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 400px) {
  .front-product-cards .fusion-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}


.wcsatt-options-prompt-radios {
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
  margin: 1rem 0 !important;;
}

.woocommerce-variation-price {
  &, .wcsatt-options-product-dropdown {
    width: 100%;
  }
}

.woocommerce-checkout main .fusion-button,
.woocommerce .checkout_coupon .button.button,
.woocommerce-checkout-payment #place_order,
input[type="submit"].wpcf7-submit.wpcf7-submit,
.cart-collaterals .button-default,
.cart-collaterals .button-default:visited,
.cart-collaterals .checkout-button.checkout-button.checkout-button,
.cart-collaterals .checkout-button.checkout-button.checkout-button:visited {
  background: var(--awb-custom_color_3) !important;
  color: white !important;
}

.cart-collaterals .cross-sells {
  display: none;
}

.woocommerce:has(.avada-checkout) .avada-myaccount-user {
  display: none;
}

body > #boxed-wrapper > #wrapper {
  min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
  display: flex;
  flex-direction: column;

  main {
    flex: 1;
  }
}

.dont-break-me-bro span {
  white-space: nowrap;
}

#reviews .avatar {
  display: none;
}

#reviews .avatar + .comment-text {
  margin-left: 0;
}

.tfs-slider .flex-control-nav.flex-control-nav {
  bottom: -5px !important;
}

#customer_details .col-2 {
  padding: 0 !important;
  border: none !important;
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;

  > div {
    padding: 30px;
    border: 1px solid var(--sep_color);
  }
}

label[for="order_comments"] {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.48px;
  line-height: 38.4px;
  padding-bottom: 15px;
}

#order_comments {
  min-height: 150px;
}

.subscription_details .button {
  padding: 13px 29px;
  line-height: 17px;
  font-size: 14px;
  color: var(--awb-color1);
  background: var(--awb-custom_color_3);
  background-image: linear-gradient( to top, var(--awb-custom_color_3), var(--awb-custom_color_3) );
  text-transform: uppercase;
  font-weight: 500;

  & + .button {
    margin-left: 15px;
  }
}