/* MRO Ratings Section: styles for the acf/mro-ratings block. */

.mro-ratings { padding-top: 0; }

.mro-ratings .mro-stats {
  position: relative;
  z-index: var(--wp--custom--z--raised);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: calc(var(--wp--preset--spacing--100) * -1);
  background: var(--wp--preset--color--base);
  border-radius: var(--wp--custom--radius--lg);
  box-shadow: var(--wp--preset--shadow--lg);
}
.mro-ratings .mro-stat { padding: var(--wp--preset--spacing--70); }
.mro-ratings .mro-stat + .mro-stat { border-left: 1px solid var(--wp--preset--color--line); }
.mro-ratings .mro-stat__value {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--30);
  margin: 0 0 var(--wp--preset--spacing--20);
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--wp--preset--font-size--xxxl);
  line-height: var(--wp--custom--leading--display);
}
.mro-ratings .mro-stat__unit { font-size: var(--wp--preset--font-size--xl); color: var(--wp--preset--color--subtle); }
.mro-ratings .mro-stat__label {
  margin: 0 0 var(--wp--preset--spacing--10);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 700;
  letter-spacing: var(--wp--custom--tracking--caps);
  text-transform: uppercase;
  color: var(--wp--preset--color--accent-deep);
}
.mro-ratings .mro-stat__desc {
  margin: 0;
  font-size: var(--wp--preset--font-size--sm);
  line-height: var(--wp--custom--leading--tight);
  color: var(--wp--preset--color--subtle);
}

.mro-ratings .mro-ratings__body {
  display: grid;
  grid-template-columns: 5fr 7fr;
  align-items: start;
  gap: var(--wp--custom--layout--grid-gap);
  margin-top: var(--wp--preset--spacing--110);
}

.mro-ratings .mro-platforms {
  margin-top: var(--wp--preset--spacing--70);
  padding-top: var(--wp--preset--spacing--60);
  border-top: 1px solid var(--wp--preset--color--line);
}
.mro-ratings .mro-platforms__label {
  margin: 0 0 var(--wp--preset--spacing--30);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 600;
  letter-spacing: var(--wp--custom--tracking--caps);
  text-transform: uppercase;
  color: var(--wp--preset--color--subtle);
}
.mro-ratings .mro-platforms__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--70); }
.mro-ratings .mro-platform {
  font-size: var(--wp--preset--font-size--xl);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--wp--preset--color--line-strong);
  text-decoration: none;
  transition: color var(--wp--custom--duration--fast) var(--wp--custom--ease--standard);
}
.mro-ratings .mro-platform:hover { color: var(--wp--preset--color--contrast); }

.mro-ratings .mro-highlights { display: grid; gap: var(--wp--preset--spacing--40); }
.mro-ratings .mro-highlight {
  display: flex;
  gap: var(--wp--preset--spacing--50);
  padding: var(--wp--preset--spacing--60);
  background: var(--wp--preset--color--base);
  border-radius: var(--wp--custom--radius--lg);
  box-shadow: var(--wp--preset--shadow--sm);
}
.mro-ratings .mro-highlight:nth-child(2) { margin-left: var(--wp--preset--spacing--90); }
.mro-ratings .mro-highlight:nth-child(3) { margin-left: var(--wp--preset--spacing--60); }
.mro-ratings .mro-highlight__title {
  margin: 0 0 var(--wp--preset--spacing--10);
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 700;
  letter-spacing: var(--wp--custom--tracking--caps);
  text-transform: uppercase;
  color: var(--wp--preset--color--accent-deep);
}
.mro-ratings .mro-highlight__quote { margin: 0 0 var(--wp--preset--spacing--20); padding: 0; border: 0; }
.mro-ratings .mro-highlight__quote p {
  margin: 0;
  font-size: var(--wp--preset--font-size--lg);
  font-weight: 600;
  font-style: normal;
  line-height: var(--wp--custom--leading--tight);
}
.mro-ratings .mro-highlight__cite { margin: 0; font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--subtle); }

@media (max-width: 1023.98px) {
  .mro-ratings .mro-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mro-ratings .mro-stat:nth-child(3) { border-left: 0; }
  .mro-ratings .mro-stat:nth-child(n+3) { border-top: 1px solid var(--wp--preset--color--line); }
  .mro-ratings .mro-ratings__body { grid-template-columns: minmax(0, 1fr); margin-top: var(--wp--preset--spacing--100); }
  .mro-ratings .mro-highlight:nth-child(n) { margin-left: 0; }
}

@media (max-width: 767.98px) {
  .mro-ratings .mro-stat { padding: var(--wp--preset--spacing--50); }
  .mro-ratings .mro-stat__value { flex-wrap: wrap; gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--xxl); }
  .mro-ratings .mro-stat__value .mro-star-row { font-size: var(--wp--preset--font-size--sm); }
  .mro-ratings .mro-highlight { padding: var(--wp--preset--spacing--50); gap: var(--wp--preset--spacing--40); }
}