/* ══════════════════════════════════════════════════════════════
   VARALION — Single Product Page (v4)
   ══════════════════════════════════════════════════════════════ */

/* Hide tags, default breadcrumbs */
body.single-product .product_meta .tagged_as { display: none !important; }

/* ── HERO BOX ── */
body.single-product .vp-hero {
  background: #ffffff !important;
  border: 0.5px solid #e0e4ea !important;
  padding: 2rem !important;
  border-radius: 12px !important;
  margin-bottom: 1rem !important;
}
body.single-product .vp-hero-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 2rem !important;
  align-items: center !important;
}

/* ── Gallery ── */
body.single-product .vp-gallery {
  max-width: 350px !important;
}
body.single-product .vp-gallery .woocommerce-product-gallery {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
}
body.single-product .vp-gallery .woocommerce-product-gallery__image img {
  border-radius: 8px !important;
  width: 100% !important;
  height: auto !important;
}
body.single-product .vp-gallery .flex-control-thumbs {
  margin-top: 8px !important;
  display: flex !important;
  gap: 6px !important;
}
body.single-product .vp-gallery .flex-control-thumbs li {
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* ── Tagline ── */
body.single-product .vp-tagline {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 13px !important;
  color: #6b7a90 !important;
  margin: 0 0 0.75rem !important;
}

/* ── Product Name ── */
body.single-product .vp-product-name {
  font-family: 'Syne', sans-serif !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  color: #162C53 !important;
  margin: 0 0 8px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
}

/* ── Price ── */
body.single-product .vp-price {
  font-family: 'Syne', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #162C53 !important;
  margin-bottom: 12px !important;
}
body.single-product .vp-price .woocommerce-Price-amount {
  font-family: 'Syne', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
}

/* ── Description ── */
body.single-product .vp-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #3a4a60 !important;
  line-height: 1.7 !important;
  margin: 0 0 1.25rem !important;
}

/* ── Gold Pill Badges ── */
body.single-product .vp-badges {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 1.25rem !important;
}
body.single-product .vp-badge {
  font-family: 'JetBrains Mono', monospace !important;
  background: #fdf6e7 !important;
  border: 0.5px solid #c9a84c !important;
  color: #8a6010 !important;
  font-size: 12px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

/* ══════════════════════════════════════════════════════════════
   QUANTITY + BUTTONS
   ══════════════════════════════════════════════════════════════ */

/* Cart area — quantity row */
body.single-product .vp-cart-area form.cart {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 1.25rem !important;
  padding: 0 !important;
}

/* "Quantity" label — hide WC screen-reader label, our template has it */
body.single-product .vp-cart-area .quantity > label {
  display: none !important;
}

/* Quantity wrapper */
body.single-product .vp-cart-area .quantity {
  display: flex !important;
  align-items: center !important;
  border: 0.5px solid #162C53 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #fff !important;
  flex-shrink: 0 !important;
  height: 36px !important;
}

/* +/- buttons (injected by JS) */
body.single-product .vrl-qty-minus,
body.single-product .vrl-qty-plus {
  background: #f4f6f9 !important;
  border: none !important;
  width: 36px !important;
  height: 36px !important;
  font-size: 18px !important;
  cursor: pointer !important;
  color: #162C53 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: background 0.15s !important;
}
body.single-product .vrl-qty-minus:hover,
body.single-product .vrl-qty-plus:hover {
  background: #e0e4ea !important;
}

/* Number input */
body.single-product .vp-cart-area .quantity .qty,
body.single-product .vp-cart-area .quantity input.qty,
body.single-product .vp-cart-area .quantity input[type="number"] {
  width: 40px !important;
  height: 36px !important;
  text-align: center !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #162C53 !important;
  border: none !important;
  border-left: 0.5px solid #e0e4ea !important;
  border-right: 0.5px solid #e0e4ea !important;
  background: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 36px !important;
  -moz-appearance: textfield !important;
  outline: none !important;
  box-shadow: none !important;
  min-height: auto !important;
}
body.single-product .vp-cart-area .quantity .qty::-webkit-outer-spin-button,
body.single-product .vp-cart-area .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Order Now button */
body.single-product .vp-cart-area .single_add_to_cart_button,
body.single-product .vp-cart-area button.button.alt,
body.single-product .vp-cart-area button[type="submit"] {
  background: #162C53 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0 28px !important;
  height: 36px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  transition: background 0.2s !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body.single-product .vp-cart-area .single_add_to_cart_button:hover,
body.single-product .vp-cart-area button.button.alt:hover,
body.single-product .vp-cart-area button[type="submit"]:hover {
  background: #1d3a6e !important;
  color: #fff !important;
  transform: none !important;
}

/* View COA — outlined */
body.single-product .vp-btn-row {
  margin-bottom: 1.25rem !important;
}
body.single-product .vp-btn-secondary {
  background: transparent !important;
  color: #162C53 !important;
  border: 0.5px solid #162C53 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 28px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
}
body.single-product .vp-btn-secondary:hover {
  background: #f4f6f9 !important;
}

/* ── Trust Bar ── */
body.single-product .vp-trust {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1px !important;
  background: #e0e4ea !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-top: 1.25rem !important;
  border: 0.5px solid #e0e4ea !important;
}
body.single-product .vp-trust-item {
  background: #f8f9fb !important;
  padding: 12px !important;
  text-align: center !important;
}
body.single-product .vp-trust-label {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  color: #6b7a90 !important;
  display: block !important;
  margin-bottom: 2px !important;
}
body.single-product .vp-trust-value {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 13px !important;
  color: #162C53 !important;
  font-weight: 500 !important;
  display: block !important;
}

/* ══════════════════════════════════════════════════════════════
   DESCRIPTION SECTIONS
   ══════════════════════════════════════════════════════════════ */
body.single-product .vp-content {
  max-width: 100% !important;
}

/* Each h3 section becomes a card */
body.single-product .vp-content h2,
body.single-product .vp-content h3 {
  font-family: 'Syne', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #162C53 !important;
  margin: 0 0 1rem !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #c9a84c !important;
  display: inline-block !important;
}
/* Hide auto "Description" heading */
body.single-product .vp-content h2:first-child {
  display: none !important;
}

body.single-product .vp-content h4 {
  font-family: 'Syne', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #162C53 !important;
  margin-top: 16px !important;
  margin-bottom: 6px !important;
}

body.single-product .vp-content p {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #3a4a60 !important;
  line-height: 1.7 !important;
  margin: 0 0 12px !important;
}

body.single-product .vp-content ul {
  list-style: disc !important;
  padding-left: 20px !important;
  margin: 0 0 12px !important;
}
body.single-product .vp-content ul li {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #3a4a60 !important;
  line-height: 1.7 !important;
  margin-bottom: 4px !important;
}

/* ── Compound Table ── */
body.single-product .vp-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
  margin: 0 0 16px !important;
}
body.single-product .vp-content table tr {
  border-bottom: 0.5px solid #e0e4ea !important;
}
body.single-product .vp-content table td {
  padding: 8px 4px !important;
  font-family: 'JetBrains Mono', monospace !important;
  background: transparent !important;
  border: none !important;
}
body.single-product .vp-content table td:first-child {
  color: #6b7a90 !important;
  width: 40% !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}
body.single-product .vp-content table td:first-child strong {
  color: #6b7a90 !important;
  font-weight: 400 !important;
}
body.single-product .vp-content table td:last-child {
  color: #162C53 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

/* ── Disclaimer ── */
body.single-product .vp-disclaimer {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  color: #6b7a90 !important;
  text-align: center !important;
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
  padding: 8px !important;
  border: 0.5px solid #e0e4ea !important;
  border-radius: 8px !important;
  background: #f8f9fb !important;
}

/* ── Related Products ── */
body.single-product .related.products {
  margin-top: 1rem !important;
  padding-top: 1.5rem !important;
  border-top: 0.5px solid #e0e4ea !important;
}
body.single-product .related.products > h2 {
  font-family: 'Syne', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #162C53 !important;
  margin-bottom: 16px !important;
}
body.single-product .related.products .woocommerce-loop-product__title {
  font-family: 'Syne', sans-serif !important;
  font-weight: 500 !important;
  color: #162C53 !important;
}
body.single-product .related.products .product-action-wrap .button {
  background: #162C53 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  box-shadow: none !important;
}
body.single-product .related.products .product-action-wrap .button:hover {
  background: #1d3a6e !important;
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  body.single-product .vp-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  body.single-product .vp-gallery {
    max-width: 100% !important;
  }
  body.single-product .vp-product-name {
    font-size: 26px !important;
  }
  body.single-product .vp-trust {
    grid-template-columns: 1fr !important;
  }
  body.single-product .vp-cart-area form.cart {
    flex-wrap: wrap !important;
  }
  body.single-product .vp-content table td:first-child,
  body.single-product .vp-content table td:last-child {
    display: block !important;
    width: 100% !important;
  }
  body.single-product .vp-content table tr {
    display: block !important;
    margin-bottom: 4px !important;
  }
}