/**
 * Amazon-style review blocks on handbook (522) and mammals (1430) review pages.
 * Fixes oversized avatars and tiny/missing star icons from static migration.
 */

.elementor-522,
.elementor-1430 {
  --amazon-star: #ffa41c;
  --amazon-verified: #c45500;
  --amazon-meta: #565959;
  --amazon-text: #0f1111;
  --amazon-border: #d5d9d9;
  --amazon-bg: #ffffff;
}

/* Amazon reviews column — comfortable reading width */
.elementor-522 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating),
.elementor-1430 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating) {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.elementor-522 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating) > .elementor-container > .elementor-column > .elementor-widget-wrap,
.elementor-1430 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating) > .elementor-container > .elementor-column > .elementor-widget-wrap {
  padding: 1.1rem 1.25rem 1.15rem;
  background: var(--amazon-bg);
  border: 1px solid var(--amazon-border);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(15, 17, 17, 0.08);
}

.elementor-522 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating) .elementor-inner-section,
.elementor-1430 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating) .elementor-inner-section {
  margin-bottom: 0;
}

.elementor-522 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating) .elementor-widget,
.elementor-1430 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating) .elementor-widget {
  margin-bottom: 0.25rem;
}

/* Reviewer row: small circular avatar beside name */
.elementor-522 .elementor-widget-wrap:has(img[src*="Blank-Profile"]),
.elementor-1430 .elementor-widget-wrap:has(img[src*="Blank-Profile"]) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.elementor-522 img[src*="Blank-Profile"],
.elementor-1430 img[src*="Blank-Profile"] {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  border-radius: 50%;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
  background: #e8ecf0;
}

.elementor-522 .a-profile-name,
.elementor-1430 .a-profile-name,
.elementor-522 .elementor-widget-wrap:has(img[src*="Blank-Profile"]) .elementor-widget-text-editor .elementor-widget-container,
.elementor-1430 .elementor-widget-wrap:has(img[src*="Blank-Profile"]) .elementor-widget-text-editor .elementor-widget-container {
  font-family: 'Nunito Sans', Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  color: var(--amazon-text);
}

.elementor-522 .elementor-widget-wrap:has(img[src*="Blank-Profile"]) .elementor-widget-text-editor > .elementor-widget-container,
.elementor-1430 .elementor-widget-wrap:has(img[src*="Blank-Profile"]) .elementor-widget-text-editor > .elementor-widget-container {
  margin-left: 0 !important;
  padding: 0 !important;
}

.elementor-522 .elementor-widget-wrap:has(img[src*="Blank-Profile"]) .elementor-widget-image > .elementor-widget-container,
.elementor-1430 .elementor-widget-wrap:has(img[src*="Blank-Profile"]) .elementor-widget-image > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

/* Stars + title on one line like Amazon */
.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) > .elementor-container,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) > .elementor-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 10px;
  margin-top: 0.15rem;
  margin-bottom: 0.35rem;
}

.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-column,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-column {
  width: auto !important;
  flex: 0 0 auto;
  max-width: none;
}

.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-widget-text-editor > .elementor-widget-container,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-widget-text-editor > .elementor-widget-container {
  margin-left: 0 !important;
  padding: 0 !important;
}

/* Star rating — override Elementor 0.5em; use Unicode stars (no eicons dependency) */
.elementor-522 .elementor-widget-star-rating .elementor-star-rating,
.elementor-1430 .elementor-widget-star-rating .elementor-star-rating {
  font-size: 18px !important;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0;
}

.elementor-522 .elementor-widget-star-rating .elementor-star-rating i,
.elementor-1430 .elementor-widget-star-rating .elementor-star-rating i {
  font-size: 0;
  width: 18px;
  height: 18px;
  overflow: visible;
}

.elementor-522 .elementor-widget-star-rating .elementor-star-rating i::before,
.elementor-1430 .elementor-widget-star-rating .elementor-star-rating i::before {
  content: "★" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: var(--amazon-star) !important;
  position: static !important;
  width: auto !important;
  display: inline-block !important;
  overflow: visible !important;
}

/* Review title beside stars */
.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-widget-text-editor p,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-widget-text-editor p,
.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-widget-text-editor .elementor-widget-container,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-widget-text-editor .elementor-widget-container {
  font-family: 'Nunito Sans', Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  color: var(--amazon-text);
  margin: 0;
}

/* Review date */
.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor:first-child p,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor:first-child p,
.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor:first-child:not(:has(p)) > .elementor-widget-container,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor:first-child:not(:has(p)) > .elementor-widget-container {
  margin: 0 0 0.15rem !important;
  font-family: 'Nunito Sans', Arial, sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--amazon-meta) !important;
}

/* Verified Purchase label */
.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section .elementor-widget-text-editor:has(p) + .elementor-widget-text-editor:not(:has(p)) > .elementor-widget-container,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section .elementor-widget-text-editor:has(p) + .elementor-widget-text-editor:not(:has(p)) > .elementor-widget-container {
  font-family: 'Nunito Sans', Arial, sans-serif;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--amazon-verified) !important;
  margin: 0 0 0.5rem !important;
  padding: 0 !important;
}

/* Review body text */
.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section .elementor-widget-text-editor:has(p):last-of-type p,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section .elementor-widget-text-editor:has(p):last-of-type p,
.elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor:last-child:not(:has(p)) > .elementor-widget-container,
.elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) + .elementor-inner-section > .elementor-column > .elementor-widget-wrap > .elementor-widget-text-editor:last-child:not(:has(p)) > .elementor-widget-container {
  margin: 0 !important;
  font-family: 'Nunito Sans', Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--amazon-text) !important;
}

@media (max-width: 767px) {
  .elementor-522 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating) > .elementor-container > .elementor-column > .elementor-widget-wrap,
  .elementor-1430 .elementor-top-section:has(img[src*="Blank-Profile"]):has(.elementor-widget-star-rating) > .elementor-container > .elementor-column > .elementor-widget-wrap {
    padding: 1rem;
  }

  .elementor-522 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-widget-text-editor .elementor-widget-container,
  .elementor-1430 .elementor-inner-section:has(.elementor-widget-star-rating) .elementor-widget-text-editor .elementor-widget-container {
    font-size: 13px !important;
  }
}