/**
 * Clearis — Panel de conectores · Venta solo a profesionales (1.10.0)
 * Aviso «Venta solo cliente profesional» en la tienda. Colores en variables
 * (--cvp-main, --cvp-soft, --cvp-on, --cvp-ink) que pone la plantilla.
 *
 * @author    Clearis
 * @copyright Copyright © 2026 Clearis — Todos los derechos reservados
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Ficha: bloque con cabecera de color y texto debajo */
.cvp-banner {
  display: block;
  width: 100%;
  margin: 12px 0 16px;
  border: 1px solid var(--cvp-main, #f58220);
  border-radius: 10px;
  overflow: hidden;
  background: var(--cvp-soft, #fff6ee);
  text-align: center;
  line-height: 1.4;
}
.cvp-banner-title {
  padding: 11px 16px;
  background: var(--cvp-main, #f58220);
  color: var(--cvp-on, #fff);
  font-weight: 700;
  font-size: 1.05em;
  letter-spacing: .01em;
  text-transform: uppercase;
}
.cvp-banner-text {
  padding: 11px 16px;
  color: var(--cvp-ink, #3b3b3b);
  font-size: .95em;
}

/* Miniatura: etiqueta corta en lugar del precio */
.cvp-tag {
  display: inline-block;
  max-width: 100%;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--cvp-main, #f58220);
  color: var(--cvp-on, #fff);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  white-space: normal;
}

/*
 * Miniatura con la etiqueta: fuera el aviso de stock y de plazo de entrega del tema
 * (Warehouse: «delivery-time-mod»), porque depende del stock.
 */
.js-product-miniature-wrapper:has(.cvp-tag) .delivery-time-mod,
.js-product-miniature:has(.cvp-tag) .delivery-time-mod,
.js-product-miniature-wrapper:has(.cvp-tag) .product-availability,
.js-product-miniature:has(.cvp-tag) .product-availability {
  display: none !important;
}
.js-product-miniature .cvp-tag,
.js-product-miniature-wrapper .cvp-tag {
  margin: 6px 0 4px;
}

/*
 * Ficha con el aviso: fuera el bloque de cantidad y compra, y el aviso de stock
 * (por si el tema los pinta aunque el producto no se pueda pedir).
 */
.product-actions:has(.cvp-banner) .product-add-to-cart,
.product-actions:has(.cvp-banner) .product-quantity,
#main:has(.cvp-banner) .product-add-to-cart,
#main:has(.cvp-banner) #product-availability,
#main:has(.cvp-banner) .product-quantities,
#main:has(.cvp-banner) .product-prices,
#main:has(.cvp-banner) .product-discounts {
  display: none !important;
}