/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* === Pros/Cons colorizing on single Sweeps Reviews === */
.single-blc-product-review .ct-product-info .ct-product-review-pros {
  background: rgba(1,168,37,.08) !important;
  border: 1px solid rgba(1,168,37,.35) !important;
  border-left: 4px solid #01a825 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
}
.single-blc-product-review .ct-product-info .ct-product-review-pros h5 {
  color: #01a825 !important;
}
.single-blc-product-review .ct-product-info .ct-product-review-pros .ct-icon-container svg,
.single-blc-product-review .ct-product-info .ct-product-review-pros .ct-icon-container svg path {
  fill: rgba(1,168,37,.08) !important;
  color: rgba(1,168,37,.08) !important;
}

/* CONS (red) */
.single-blc-product-review .ct-product-info .ct-product-review-cons {
  background: rgba(209,59,59,.08) !important;
  border: 1px solid rgba(209,59,59,.35) !important;
  border-left: 4px solid #d13b3b !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
}
.single-blc-product-review .ct-product-info .ct-product-review-cons h5 {
  color: #d13b3b !important;
}
.single-blc-product-review .ct-product-info .ct-product-review-cons .ct-icon-container svg,
.single-blc-product-review .ct-product-info .ct-product-review-cons .ct-icon-container svg path {
  fill: #d13b3b !important;
  color: #d13b3b !important;
}

/* Key Facts tidy */
.single-blc-product-review .ct-product-info .ct-specs {
  background: #f7f8fa !important;
  border: 1px solid #e6e8ec !important;
  border-left: 4px solid #cfd5dc !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
}

/* Mobile: truly full-width hero */
@media (max-width: 768px) {
  .single-blc-product-review .ct-product-hero .ct-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .single-blc-product-review .ct-product-hero .ct-container > a.ct-media-container {
    display: block !important;              /* ADDED */
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;          /* no forced square */
  }

  .single-blc-product-review .ct-product-hero .ct-container > a.ct-media-container img,
  .single-blc-product-review .ct-product-hero .ct-container > a.ct-media-container picture {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: initial !important;
  }
}

/* Tablet/small desktop: prevent tall portrait look */
@media (min-width: 769px) and (max-width: 1200px) {
  .single-blc-product-review .ct-product-hero .ct-container > a.ct-media-container {
    display: block !important;              /* ADDED */
    aspect-ratio: 2 / 1 !important;
    width: 100% !important;
    max-width: 525px !important;            /* your cap */
    margin-inline: auto !important;
    height: auto !important;
  }

  .single-blc-product-review .ct-product-hero .ct-container > a.ct-media-container img {
    width: 100% !important;
    height: 100% !important;                /* match container shape */
    object-fit: cover !important;
  }
}

/* Desktop wide: enforce the 900px cap centered (explicit) */
@media (min-width: 1201px) {
  .single-blc-product-review .ct-product-hero .ct-container > a.ct-media-container {
    display: block !important;              /* ADDED */
    width: 100% !important;
    max-width: 525px !important;
    margin-inline: auto !important;
  }
}

/* Single review: Specs full-width on its own row; Pros/Cons side-by-side */
body.single-blc-product-review .ct-product-info{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;                 /* 2 columns */
  gap: var(--theme-content-spacing, 24px) !important;
}

/* Make sure children don’t fight the grid with forced widths */
body.single-blc-product-review .ct-product-info > *{
  width: auto !important;
  max-width: none !important;
}

/* Specs spans both columns and appears first */
body.single-blc-product-review .ct-product-info > .ct-specs{
  grid-column: 1 / -1 !important;                            /* full width */
  order: -1 !important;                                       /* first */
}

/* Pros and Cons each take one column */
body.single-blc-product-review .ct-product-info > .ct-product-review-pros{
  grid-column: 1 / 2 !important;
}
body.single-blc-product-review .ct-product-info > .ct-product-review-cons{
  grid-column: 2 / 3 !important;
}

/* Mobile: stack everything one per line */
@media (max-width: 768px){
  body.single-blc-product-review .ct-product-info{
    grid-template-columns: 1fr !important;
  }
  body.single-blc-product-review .ct-product-info > .ct-specs,
  body.single-blc-product-review .ct-product-info > .ct-product-review-pros,
  body.single-blc-product-review .ct-product-info > .ct-product-review-cons{
    grid-column: 1 / -1 !important;
  }