/* --------------------------------------------------
   Product cards: equal image box + neat spacing
   /home/usdigitalventure/public_html/wp-content/themes/generatepress_child_theme_v1/woocommerce/image-price-title-locations-settings.css
   Applies to shop, category & brand loops
-------------------------------------------------- */
/* Technical Details table: center-align everything */

/* Add breathing room so text doesn't touch the left border */
.woocommerce table.shop_attributes th {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.woocommerce table.shop_attributes td {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Give label column more room + prevent awkward wrapping */
.woocommerce table.shop_attributes {
  table-layout: auto !important;
}

.woocommerce table.shop_attributes th {
  width: 35% !important;        /* adjust: 30% / 35% / 40% */
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.woocommerce table.shop_attributes td {
  width: 65% !important;
}


/* Sale price: make ORIGINAL (striked) price use accent color */
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  color: var(--accent);
  opacity: 1; /* Woo often fades del */
}

.woocommerce div.product p.price del .amount,
.woocommerce div.product span.price del .amount {
  color: var(--accent);
}

/* Prop65 + Local laws notice styling */
.p65-warning-ckw,
.local-laws-ckw{
  display:block;
  margin-top: 8px;
  color: var(--accent);
  font-weight: 700;
  line-height: 1.35;
}

.p65-warning-ckw a{
  color: inherit;
  text-decoration: underline;
}


/* Disclaimer: always use full gallery width (especially on mobile) */
/* Keep zoom icon inside the image area (so it never sits over the disclaimer) */
.single-product .woocommerce-product-gallery {
  position: relative;
}
/* Push zoom icon down (inside image area) */
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
  top: 30px !important;  /* was 10px → now 20px (adjust 12–24px as you like) */
  right: 10px !important;
}
/* Woo zoom/trigger icon */
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  /*position: absolute !important;*/
  /*top: 10px !important;*/
  /*right: 10px !important;*/
  margin-top: 50px; !important;
  z-index: 20 !important;
}

/* Extra safety on mobile */
@media (max-width: 768px) {
  .single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    top: 8px !important;
    right: 8px !important;
  }

  /* make sure disclaimer always starts clean on a new line */
  .single-product .rg-product-disclaimer {
    clear: both !important;
  }
}
/* Disclaimer: always use full gallery width (especially on mobile)  part 2*/
.rg-product-disclaimer{
  margin: 10px 0 8px;
  font-size: 16px;
  line-height: 1.45;
}

.rg-product-disclaimer__label{
  color: var(--accent);
}

/* Make it full-width on mobile (full-bleed), without changing DOM layout */
@media (max-width: 768px){
  .single-product .rg-product-disclaimer{
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 20px;   /* match your mobile gutters */
    padding-right: 20px;
  }
}

/* Last Updated date color = global accent */
.last-updated__date{
  color: var(--accent);
}

/* Make each product a light card */
.woocommerce ul.products li.product {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 12px 12px 16px;
  background: #fff;
  box-sizing: border-box;
}

/* Make the main link a vertical flex container */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;                /* space between image, price, title */
  text-align: left;
}

/* Equal image box on all archive loops */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
  width: 100%;
  height: 190px;           /* adjust up/down if needed */
  object-fit: contain;     /* image fully visible, no cropping */
  margin: 0 auto 4px;
}

/* Price (now between image & title) */
.woocommerce ul.products li.product .price {
  font-weight: 600;
  margin: 0 0 2px;
  font-size: 0.95rem;
}

/* Product titles: max 2 lines, slightly tighter spacing */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 0.95rem;
  line-height: 1.35;
  margin: 2px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;     /* ⬅️ max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 2.7em;         /* keeps rows even when shorter */
}

/* Hide Add to cart buttons on all archive grids */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart {
  display: none !important;
}

/* Optional: a bit more space between cards */
.woocommerce ul.products {
  row-gap: 24px;
}