/* SVP MWI Suite — Commerce Elements */

/* Payment icons shortcode. */
.svp-payment-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.svp-payment-icons .wc-block-payment-method-icons__icon {
  display: inline-block;
  width: 39px;
  height: 25px;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999px;
  white-space: nowrap;
}

.svp-icon-visa { background-image: url("https://buy.consolasretrong.com/wp-content/plugins/woocommerce/assets/images/payment-methods-cards/visa.svg"); }
.svp-icon-mastercard { background-image: url("https://buy.consolasretrong.com/wp-content/plugins/woocommerce/assets/images/payment-methods-cards/mastercard.svg"); }
.svp-icon-amex { background-image: url("https://buy.consolasretrong.com/wp-content/plugins/woocommerce/assets/images/payment-methods-cards/amex.svg"); }
.svp-icon-discover { background-image: url("https://buy.consolasretrong.com/wp-content/plugins/woocommerce/assets/images/payment-methods-cards/discover.svg"); }
.svp-icon-jcb { background-image: url("https://buy.consolasretrong.com/wp-content/plugins/woocommerce/assets/images/payment-methods-cards/jcb.svg"); }
.svp-icon-klarna { background-image: url("https://buy.consolasretrong.com/wp-content/uploads/2025/12/klarna.png"); }

/* Floating WhatsApp button. */
#svp-whatsapp-btn {
  position: fixed;
  right: 20px;
  bottom: 90px;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #25d366;
  border-radius: 4px;
  transition: transform .3s;
}

#svp-whatsapp-btn:hover {
  background: #1db857;
}

#svp-whatsapp-btn svg {
  width: 40px;
  height: 40px;
  fill: #fff;
}

/* External Amazon/TikTok buy buttons. */
.svp-external-buy-buttons {
  width: 100%;
  margin-top: 4px;
  margin-bottom: 12px;
  padding: 12px 0;
  border-top: solid 1px var(--ast-border-color);
}

body.single-product .ast-sticky-add-to-cart-action-wrap .svp-external-buy-buttons {
  display: none;
}

.svp-external-buy-label {
  margin: 0 0 1em;
  color: var(--ast-global-color-1);
  font-size: 14px;
  line-height: 1.3;
}

.svp-external-buy-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.svp-external-buy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 120px;
  height: 45px;
  padding: 9px 20px;
  box-sizing: border-box;
  background: var(--ast-global-color-4);
  border: 1px solid var(--ast-border-color);
  border-radius: 4px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, transform .15s, opacity .2s;
}

.svp-external-buy-btn img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.svp-external-buy-amazon:focus-visible,
.svp-external-buy-amazon:hover,
.svp-external-buy-tiktok:focus-visible,
.svp-external-buy-tiktok:hover {
  background: var(--ast-global-color-4);
  border-color: var(--ast-border-color);
  opacity: 1;
  transform: translateY(-1px);
}

.svp-external-buy-btn:focus-visible {
  outline: 2px solid var(--ast-global-color-0);
  outline-offset: 2px;
}

@media (max-width: 544px) {
  .svp-external-buy-btn {
    flex: 1 1 100%;
  }

  .svp-external-buy-grid {
    flex-direction: row;
  }
}

/* Custom product meta: brand, category and SKU. */
.product_meta.svp-product-meta-custom {
  margin: 16px 0;
}

.product_meta .svp-brand-logo-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 16px 0 !important;
  padding: 0 10px 0 0;
  overflow: hidden;
  background: var(--ast-global-color-7);
  border: 1px solid var(--ast-border-color);
  border-radius: 4px;
  text-align: center;
}

.product_meta .svp-brand-logo-wrap > a {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.product_meta .svp-brand-logo {
  width: 84px;
  height: 84px;
  padding: 10px;
  object-fit: contain;
  background: var(--ast-global-color-8);
  border-right: 1px solid var(--ast-border-color);
  border-radius: 4px 0 0 4px;
}

.product_meta .bloque-interno-product-meta {
  padding-left: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 1.45;
}

.product_meta .bloque-interno-product-meta .posted_in,
.product_meta .bloque-interno-product-meta .sku_wrapper {
  display: block;
  margin: 2px 0;
}

.product_meta .bloque-interno-product-meta a {
  font-weight: 500;
  text-decoration: none;
}

.product_meta .bloque-interno-product-meta a:hover {
  text-decoration: underline;
}