/*  /home/usdigitalventure/public_html/wp-content/themes/generatepress_child_theme_v1/woocommerce/product-mobile.css*/
/* Hide star ratings ONLY in the Related products section */
.single-product section.related .star-rating,
.single-product section.related .woocommerce-product-rating,
.single-product section.related .woocommerce-review-link {
    display: none !important;
}


/* ========== Mobile product page (Woo + GP) ========== */
@media (max-width:768px) {
  /* 0) Page gutters (left/right) */
  body.single-product .inside-article,
  body.single-product main#main {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* 1) Vars */
  body.single-product {
    --rg-mobile-gallery-h: 320px;     /* main image height on mobile */
    --rg-thumb-h: 64px;               /* thumbnail size on mobile */
    --rg-thumb-radius: 25px;
    --rg-thumb-border: 2px solid #d1d5db;
    --rg-thumb-border-active: #111827; /* active/hover color */
  }

  /* 2) Main image sizing */
  body.single-product .woocommerce-product-gallery { margin-bottom: 12px; }
  body.single-product .woocommerce-product-gallery__wrapper,
  body.single-product .woocommerce-product-gallery__image,
  body.single-product .woocommerce-product-gallery__image a {
    height: var(--rg-mobile-gallery-h) !important;
    max-height: var(--rg-mobile-gallery-h) !important;
  }
  body.single-product .woocommerce-product-gallery__image img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;                /* no cropping */
  }

  /* 3) Thumbnails — centered row with rounded frames */
  body.single-product ol.flex-control-nav.flex-control-thumbs {
    display: flex;
    justify-content: center;            /* center under hero image */
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    margin: 8px auto 0;
    list-style: none;
  }
  body.single-product ol.flex-control-nav.flex-control-thumbs li {
    float: none;                        /* override plugin float */
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;                   /* clip rounded corners */
    border-radius: var(--rg-thumb-radius);
  }
  body.single-product ol.flex-control-nav.flex-control-thumbs li img {
    width: var(--rg-thumb-h);
    height: var(--rg-thumb-h);
    object-fit: cover;
    border: var(--rg-thumb-border);
    border-radius: var(--rg-thumb-radius);
    box-sizing: border-box;
    display: block;
  }
  body.single-product ol.flex-control-nav.flex-control-thumbs li img.flex-active,
  body.single-product ol.flex-control-nav.flex-control-thumbs li img:hover {
    border-color: var(--rg-thumb-border-active);
  }

  /* 4) Mobile type scale */
  body.single-product h1.product_title { font-size: 20px; line-height: 1.25; }
  body.single-product .entry-content h2,
  body.single-product .product .summary h2 { font-size: 18px; line-height: 1.35; }
  body.single-product .entry-content h3,
  body.single-product .product .summary h3 { font-size: 16px; line-height: 1.4; }
  body.single-product,
  body.single-product .entry-content,
  body.single-product .summary { font-size: 16px; }
}

/* Keep rounded/bordered thumbs on larger screens too (optional) */
body.single-product ol.flex-control-nav.flex-control-thumbs li {
  overflow: hidden;
  border-radius: 25px;
}
body.single-product ol.flex-control-nav.flex-control-thumbs li img {
  display: block;
  border: 2px solid #d1d5db;
  border-radius: 25px;
  box-sizing: border-box;
}
body.single-product ol.flex-control-nav.flex-control-thumbs li img.flex-active,
body.single-product ol.flex-control-nav.flex-control-thumbs li img:hover {
  border-color: #111827;
}

/* ---------------------------- */
/* Affiliate Products CSS       */
/* Always a single flex row     */
/* ---------------------------- */

.rg-affiliate-products {
  margin-top: 1.5rem;
}

.rg-affiliate-heading {
  font-size: 1.2rem;
  margin-bottom: 0.75rem;
}

/* Always row, no wrapping – scrolls horizontally on small screens */
.rg-affiliate-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;      /* never wrap into columns */
  gap: 0.75rem;
  overflow-x: auto;       /* swipe left/right on mobile if needed */
  padding: 0.25rem 0;
}

/* Each card */
.rg-aff-item {
  flex: 0 0 auto;         /* width based on content, no flex-grow */
  min-width: 140px;       /* so text doesn’t squish too much */
  text-align: center;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

/* Logo wrapper */
.rg-aff-logo {
  margin-bottom: 0.15rem;
  text-align: center;
}

/* SVG logo size */
.rg-aff-logo img {
  width: 120px;           /* tweak till it visually matches top row */
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.rg-aff-stock {
  font-size: 0.9rem;
  line-height: 1.2;
  margin-bottom: 0.1rem;
}

.rg-aff-stock--in {
  color: #1a7f2b;
}

.rg-aff-stock--out {
  color: #c00;
}

.rg-aff-price {
  font-weight: 600;
  margin: 0.1rem 0 0.2rem;
}

.rg-aff-btn {
  display: inline-block;
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.9rem;
}

/* ===============================
   Related products: 2 columns on mobile
   =============================== */
/* Related products: 2 columns on mobile, 4 on desktop */

/* Mobile – force 2 columns */
@media (max-width: 768px) {
  body.single-product section.related.products ul.products.columns-4 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-auto-rows: auto;
    gap: 16px !important;
  }

  body.single-product section.related.products ul.products.columns-4 > li.product {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
  }
}

/* Desktop – let theme handle 4 columns (no change) */