/* Confirmed pack contents block promoted from the approved local preview. */

/*
 * All approved V5 families expose a compact current/total indicator over the
 * lower-right corner of the gallery rail. WooCommerce remains authoritative;
 * product-v5-runtime.js only mirrors its active native thumbnail.
 */
.gp-preview-product-page {
  --gp-gallery-counter-bg: rgba(255, 255, 255, 0.9);
  --gp-gallery-counter-color: var(--pilot-accent-dark);
  --gp-gallery-counter-line: var(--pilot-line);
}

.gp-preview-product-page .gp-single-product__media {
  position: relative;
}

.gp-preview-product-page .gp-runtime-gallery-counter {
  -webkit-backdrop-filter: blur(12px);
  align-items: center;
  backdrop-filter: blur(12px);
  background: var(--gp-gallery-counter-bg);
  border: 1px solid var(--gp-gallery-counter-line);
  border-radius: 999px;
  bottom: 1rem;
  color: var(--gp-gallery-counter-color);
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.08em;
  min-height: 2rem;
  padding: 0 0.8rem;
  pointer-events: none;
  position: absolute;
  right: 1rem;
  z-index: 2;
}

.gp-preview-product-page[data-gp-product-slug="gladiator-control"],
.gp-preview-product-page[data-gp-product-slug="pack-gladiator-control"] {
  --gp-gallery-counter-color: #071a33;
  --gp-gallery-counter-line: rgba(7, 26, 51, 0.11);
}

.gp-preview-product-page[data-gp-product-slug="gladiator-attack"],
.gp-preview-product-page[data-gp-product-slug="pack-gladiator-attack"] {
  --gp-gallery-counter-bg: rgba(23, 23, 25, 0.92);
  --gp-gallery-counter-color: #f5f5f7;
  --gp-gallery-counter-line: rgba(255, 255, 255, 0.13);
}

.gp-preview-product-page[data-gp-product-slug="spray-antideslizante-padel"],
.gp-preview-product-page[data-gp-product-slug="grip-padel-antivibraciones"] {
  --gp-gallery-counter-color: #10240e;
  --gp-gallery-counter-line: rgba(11, 11, 11, 0.1);
}

.gp-preview-product-page[data-gp-product-slug="magnesio-liquido-padel"] {
  --gp-gallery-counter-color: #172027;
  --gp-gallery-counter-line: rgba(23, 32, 39, 0.11);
}

.gp-preview-product-page[data-gp-product-slug="kit-spray-antideslizante-y-magnesio"] {
  --gp-gallery-counter-color: #0b1a10;
  --gp-gallery-counter-line: rgba(11, 26, 16, 0.11);
}

.gp-preview-product-page[data-gp-product-slug="overgrips-padel"],
.gp-preview-product-page[data-gp-product-slug="marcador-de-puntos-padel-tenis"] {
  --gp-gallery-counter-color: #071a33;
  --gp-gallery-counter-line: rgba(11, 11, 11, 0.1);
}

.gp-preview-product-page[data-gp-product-slug="cordon-pala-padel"] {
  --gp-gallery-counter-color: #111111;
  --gp-gallery-counter-line: rgba(11, 11, 11, 0.1);
}

.gp-preview-product-page[data-gp-product-slug="protector-pala-padel"] {
  --gp-gallery-counter-color: #12243a;
  --gp-gallery-counter-line: rgba(11, 11, 11, 0.1);
}

.gp-preview-product-page[data-gp-product-slug="codera-padel"] {
  --gp-gallery-counter-color: #191919;
  --gp-gallery-counter-line: rgba(11, 11, 11, 0.1);
}

.gp-preview-product-page[data-gp-product-slug="reloj-contador-puntos-padel-y-tennis"] {
  --gp-gallery-counter-color: #07152d;
  --gp-gallery-counter-line: rgba(11, 11, 11, 0.1);
}

.gp-preview-product-page[data-gp-product-slug="packs-gladiator"] {
  --gp-gallery-counter-color: #211706;
  --gp-gallery-counter-line: rgba(11, 11, 11, 0.1);
}

.gp-preview-product-page[data-gp-product-slug="mochila-pala-gladiator"] {
  --gp-gallery-counter-color: #0d1824;
  --gp-gallery-counter-line: rgba(11, 11, 11, 0.1);
}

.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__included-list {
  display: grid;
  gap: 0.7rem;
  list-style: none;
  margin: 1.75rem 0 0;
  padding: 0;
}

.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__included-list li {
  align-items: center;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid color-mix(in srgb, var(--pilot-accent) 20%, transparent);
  border-radius: 1rem;
  display: flex;
  gap: 0.8rem;
  min-width: 0;
  padding: 0.8rem;
}

.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__included-list li.is-pending {
  background: color-mix(in srgb, var(--pilot-soft-strong) 54%, #ffffff);
}

.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__included-list li > div {
  min-width: 0;
}

.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__list-icon {
  align-items: center;
  background: var(--pilot-soft-strong);
  border-radius: 0.78rem;
  color: var(--pilot-accent-dark);
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.6rem;
  justify-content: center;
  width: 2.6rem;
}

.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__list-icon svg {
  display: block;
  height: 1.4rem;
  margin: 0;
  width: 1.4rem;
}

.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__included-list small,
.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__included-list strong {
  display: block;
}

.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__included-list small {
  color: var(--pilot-accent-dark);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.gp-preview-product-page .gp-product-v5-included--pack .gp-pack-v5__included-list strong {
  color: var(--pilot-accent-dark);
  font-size: 0.9rem;
  line-height: 1.25;
  margin-top: 0.2rem;
}

.gp-editorial-pilot-active--control .gp-product-v5-included--pack {
  background: linear-gradient(135deg, #f6f9ff 0%, #eaf2ff 62%, #ffffff 100%);
  border-color: rgba(38, 103, 255, 0.13);
}

.gp-editorial-pilot-active--control .gp-product-v5-included--pack .gp-pack-v5__list-icon {
  background: #eaf2ff;
  color: #2667ff;
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack {
  background: #29070e;
  border: 2px solid #ff2d55;
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list li,
.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list li.is-pending {
  background: #151516;
  border-color: color-mix(in srgb, #ff2d55 58%, transparent);
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list li:nth-child(2) {
  border-color: color-mix(in srgb, #ff9500 62%, transparent);
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list li:nth-child(3) {
  border-color: color-mix(in srgb, #ff3b30 62%, transparent);
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list strong {
  color: #f5f5f7;
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list small {
  color: #ff6b85;
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list li:nth-child(2) small {
  color: #ffb340;
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list li:nth-child(3) small {
  color: #ff6961;
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__list-icon {
  background: #3b0a14;
  color: #ff2d55;
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list li:nth-child(2) .gp-pack-v5__list-icon {
  background: #321b06;
  color: #ff9500;
}

.gp-editorial-pilot-active--attack .gp-product-v5-included--pack .gp-pack-v5__included-list li:nth-child(3) .gp-pack-v5__list-icon {
  background: #330b08;
  color: #ff3b30;
}