/* Fix-list item 11: "View COA →" link in the Purity quick-spec tile (inc/view-coa-link.php). Ivy's mockup, own markup, no !important.
   #D4AF37 on the tile #1B3A34 = 5.87:1; hover/focus #E8CC75 = 7.83:1; 2px gold focus ring. product-green.css skips this link
   in its muted-text rule (:where(:not(...))), so nothing here has to fight an !important. */
body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link {
  display: inline-flex; align-items: center; align-self: flex-start;
  min-height: 24px; margin-top: 4px; padding: 2px 0;
  font: 600 13px/1.3 Montserrat, system-ui, sans-serif; letter-spacing: .02em; text-transform: none;
  color: #D4AF37;
  text-decoration: underline solid #D4AF37 1px; text-underline-offset: 3px;
  border-radius: 3px; cursor: pointer;
  transition: color .2s ease, text-decoration-color .2s ease;
}
body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link[hidden] { display: none; }
body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link .natura-coa-link__arrow {
  font: inherit; letter-spacing: 0; text-transform: none; color: inherit;
  display: inline-block; transition: transform .2s ease;
}
body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link:hover,
body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link:focus-visible {
  color: #E8CC75; text-decoration-color: #E8CC75; text-decoration-thickness: 2px;
}
body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link:hover .natura-coa-link__arrow { transform: translateX(3px); }
body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link:focus { outline: none; }
body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link:focus-visible { outline: 2px solid #D4AF37; outline-offset: 3px; }

/* Landing spot: keep the tabs clear of the sticky header, with or without JS (JS sets the exact offset). */
body.single-product .woocommerce-tabs,
body.single-product #tab-natura_coa { scroll-margin-top: var(--natura-sticky-offset, 150px); }
body.single-product #tab-natura_coa:focus { outline: none; }
body.single-product #tab-natura_coa:focus-visible { outline: 2px solid #D4AF37; outline-offset: 4px; }
body.single-product #tab-natura_coa.natura-coa-flash { animation: naturaCoaFlash 1.8s ease-out 1; }
@keyframes naturaCoaFlash {
  0%   { box-shadow: 0 0 0 0 rgba(212,175,55,0); }
  15%  { box-shadow: 0 0 0 3px rgba(212,175,55,.55), 0 0 32px rgba(212,175,55,.25); }
  100% { box-shadow: 0 0 0 0 rgba(212,175,55,0); }
}
@media (prefers-reduced-motion: reduce) {
  body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link,
  body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link .natura-coa-link__arrow { transition: none; }
  body.single-product .natura-quickspecs li[data-spec="purity"] a.natura-coa-link:hover .natura-coa-link__arrow { transform: none; }
  body.single-product #tab-natura_coa.natura-coa-flash { animation: none; }
}