/* Scoped to Woo review media only; never re-style native buttons or payment forms. */
.sw-review-photos-field {display:flex;flex-direction:column;gap:8px;max-width:100%;margin:16px 0}
.sw-review-photos-field input {width:100%;max-width:100%;box-sizing:border-box}
.sw-review-photos-field small{font-size:12px;opacity:.7}
.sw-review-photo-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.sw-review-photo-grid a{display:inline-flex;border-radius:7px;overflow:hidden;line-height:0}
.sw-review-photo-grid img{height:84px;width:84px;object-fit:cover}
.sw-reviews-in-gallery{margin:24px 0;border-block:1px solid #e3e6ea;padding:16px 0}
.sw-review-gallery-entry{margin:14px 0;padding:12px;border:1px solid #e3e6ea;border-radius:8px}
.sw-review-gallery-head{font-weight:600;margin-bottom:5px}
/* Review photos share the Community Gallery viewer; Woo review actions remain native. */
.sc-ui-photo-overlay.sw-review-gallery-active .sc-ui-photo-like-btn,
.sc-ui-photo-overlay.sw-review-gallery-active .sc-ui-photo-comment-like-btn,
.sc-ui-photo-overlay.sw-review-gallery-active .sc-ui-photo-overflow-wrap,
.sc-ui-photo-overlay.sw-review-gallery-active .sc-ui-photo-comment-overflow-wrap { display:none!important; }
.sc-ui-photo-overlay.sw-review-gallery-active .sc-ui-photo-like-stat { cursor:default; }
/* Woo review replies retain their authorized camera control and preview. */

/* Native Woo photo picker, scoped to review form only. */
#review_form .sw-review-photos-field{margin:14px 0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}
#review_form .sw-review-photos-button{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:10px 14px;border:1px solid var(--sw-reviews-accent,#27b5c7);border-radius:10px;color:var(--sw-reviews-accent,#27b5c7);font-weight:600;background:#fff}
#review_form .sw-review-photos-button:hover,#review_form .sw-review-photos-button:focus-within{background:#f1fbfc}
#review_form .sw-review-photos-field:focus-within .sw-review-photos-button{outline:2px solid var(--sw-reviews-accent,#27b5c7);outline-offset:2px}
#review_form #sw-review-photos{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
#review_form .sw-review-photos-field small{width:100%;font-size:12px;color:#667085}
#review_form .sw-review-photos-preview{display:flex;flex-wrap:wrap;gap:8px;width:100%}
#review_form .sw-review-photo-preview-item{position:relative;width:80px;height:80px;border-radius:9px;overflow:hidden;border:1px solid #dce5eb}
#review_form .sw-review-photo-preview-item img{width:100%;height:100%;object-fit:cover}
#review_form .sw-review-photo-remove{position:absolute;top:3px;right:3px;min-height:24px;min-width:24px;border:0;border-radius:50%;background:#fff;color:#28333b;cursor:pointer}
#review_form .sw-review-photos-error{color:#b42318;font-size:13px;margin:0;width:100%}

/* RC.71: The gallery style is independent of the new-upload switch. Historical
   photos, review-only photos, and review/gallery projections all share this grid. */
.woocommerce #reviews .comment-text .sw-review-photo-grid,
.woocommerce .sw-review-photo-grid, .sw-review-photo-grid {
  display:flex!important; flex-wrap:wrap!important; align-content:flex-start!important;
  gap:var(--sw-review-photo-gap,10px)!important;
  width:100%!important; max-width:100%!important; height:auto!important;
  margin:12px 0 2px!important; padding:0!important; clear:both;
}
.woocommerce #reviews .comment-text .sw-review-photo-grid > a,
.woocommerce .sw-review-photo-grid > a, .sw-review-photo-grid > a {
  display:block!important; flex:0 0 var(--sw-review-photo-size,88px)!important;
  width:var(--sw-review-photo-size,88px)!important; height:var(--sw-review-photo-size,88px)!important;
  max-width:100%!important; box-sizing:border-box!important; padding:0!important; margin:0!important;
  border:var(--sw-review-photo-border,1px) solid var(--sw-review-photo-border-color,#e3e6ea)!important;
  border-radius:var(--sw-review-photo-radius,6px)!important;
  overflow:hidden!important; line-height:0!important;
}
.woocommerce #reviews .comment-text .sw-review-photo-grid > a img,
.woocommerce .sw-review-photo-grid > a img, .sw-review-photo-grid > a img {
  display:block!important; width:100%!important; height:100%!important; max-width:100%!important;
  object-fit:cover!important; margin:0!important; padding:0!important;
}
@media(max-width:600px){
 .woocommerce #reviews .comment-text .sw-review-photo-grid > a,
 .woocommerce .sw-review-photo-grid > a, .sw-review-photo-grid > a {
  flex-basis:var(--sw-review-photo-size-mobile,76px)!important;
  width:var(--sw-review-photo-size-mobile,76px)!important;
  height:var(--sw-review-photo-size-mobile,76px)!important;
 }
}
