/* ------------------------------
   TXID Styles for Zaprite Orders
   ------------------------------ */

/* ==============================
   Thank You Page (Order Received)
   ============================== */

/* Heading */
.woocommerce-order-received .woocommerce-order-txids-heading {
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0.2rem 0 0.5rem 0;
  color: #1D2C3B;
}

/* TXID container box */
.woocommerce-order-received .woocommerce-order-txids-box {
  background: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  padding: 0.75rem 1rem;
}

/* TXID links (Thank You page) */
.woocommerce-order-received .zaprite-txid-link {
  color: #B1911E; /* ochre */
}
.woocommerce-order-received .zaprite-txid-link:hover {
  color: #8B6F17; /* darker ochre on hover */
}


/* ==============================
   My Account → View Order Page
   ============================== */

/* Heading */
.woocommerce-account .woocommerce-order-txids-heading {
  background: #FAFAFA;
  border-bottom: 1.7px solid #E5E5E5;
  color: #6E7787;
  font-family: Figtree, sans-serif;
  font-size: 13.6px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 12px;
  margin: 0;
}

/* TXID container box (new) */
.woocommerce-account .woocommerce-order-txids-box {
  background: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  margin-top: 0; /* keeps tight with heading */
}

/* TXID item (indents link) */
.woocommerce-account .woocommerce-order-txids .zaprite-txid {
  font-size: 1rem;
  margin: 0.25rem 0;
  font-weight: 600;
  padding-left: 12px; /* aligns with heading text */
}

/* TXID links */
.woocommerce-account .zaprite-txid-link {
  color: #B1911E; /* ochre */
}
.woocommerce-account .zaprite-txid-link:hover {
  color: #8B6F17; /* darker hover */
}


/* ==============================
   Global TXID Link Styles
   (baseline for all pages)
   ============================== */

/* Base link with underline animation */
.zaprite-txid-link {
  text-decoration: none;
  position: relative;
  transition: color 0.2s ease;
}

.zaprite-txid-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: currentColor;
  transition: width 0.2s ease;
}

.zaprite-txid-link:hover::after {
  width: 100%;
}