/* review-single.css — individual platform review page styles */

/* =====================
   REVIEW DISCLOSURE
   ===================== */
.review-disclosure {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  background: var(--color-amber-light);
  border: 1px solid rgba(184,122,42,0.2);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  margin-top: var(--space-lg);
  font-size: var(--text-sm);
}

.review-disclosure p {
  color: var(--color-amber) !important;
  font-size: var(--text-sm) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.review-disclosure strong {
  color: var(--color-amber) !important;
}

.review-disclosure a {
  color: var(--color-amber) !important;
  font-weight: 700;
}

/* =====================
   VERDICT BOX
   ===================== */
.verdict-box {
  background: var(--color-warm-bg);
  border: 2px solid var(--color-rose);
  border-radius: var(--radius-xl);
  overflow: hidden;
  margin-block: var(--space-xl);
}

.verdict-box__header {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  padding: var(--space-xl);
  background: var(--color-rose-pale);
  border-bottom: 1px solid var(--color-rose-light);
  flex-wrap: wrap;
}

.verdict-box__platform {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex: 1;
  min-width: 200px;
}

.verdict-box__icon {
  font-size: 36px;
  line-height: 1;
  flex-shrink: 0;
}

.verdict-box__name {
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 2px;
}

.verdict-box__tagline {
  font-size: var(--text-sm);
  color: var(--color-text-light);
  font-weight: 500;
}

.verdict-box__score {
  background: var(--color-white);
  border-radius: var(--radius-md);
  padding: var(--space-md) var(--space-lg);
  text-align: center;
  border: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

.verdict-box__score-num {
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: 700;
  color: var(--color-rose-dark);
  line-height: 1;
  display: block;
}

.verdict-box__score-label {
  font-size: var(--text-xs);
  color: var(--color-text-light);
  font-weight: 600;
  display: block;
  margin-top: 2px;
}

/* Score bars */
.verdict-box__scores {
  padding: var(--space-lg) var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  border-bottom: 1px solid var(--color-border-light);
}

.verdict-score-row {
  display: grid;
  grid-template-columns: 180px 1fr 40px;
  align-items: center;
  gap: var(--space-md);
}

.verdict-score-row__label {
  font-size: var(--text-sm);
  color: var(--color-text-mid);
  font-weight: 500;
}

.verdict-score-row__bar {
  height: 8px;
  background: var(--color-border);
  border-radius: var(--radius-full);
  overflow: hidden;
}

.verdict-score-row__fill {
  height: 100%;
  background: var(--color-rose);
  border-radius: var(--radius-full);
}

.verdict-score-row__num {
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--color-rose-dark);
  text-align: right;
}

/* Pros/Cons */
.verdict-box__summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-bottom: 1px solid var(--color-border-light);
}

.verdict-box__pros,
.verdict-box__cons {
  padding: var(--space-lg) var(--space-xl);
}

.verdict-box__pros {
  border-right: 1px solid var(--color-border-light);
}

.verdict-box__pros h3,
.verdict-box__cons h3 {
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: var(--space-md);
}

.verdict-box__pros h3 { color: var(--color-green); }
.verdict-box__cons h3 { color: #C62828; }

.verdict-box__pros ul,
.verdict-box__cons ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.verdict-box__pros li,
.verdict-box__cons li {
  font-size: var(--text-sm);
  color: var(--color-text-mid);
  line-height: 1.5;
  padding-left: var(--space-lg);
  position: relative;
}

.verdict-box__pros li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-green);
  font-weight: 700;
  font-size: 12px;
}

.verdict-box__cons li::before {
  content: '!';
  position: absolute;
  left: 2px;
  color: #C62828;
  font-weight: 700;
  font-size: 12px;
}

/* CTA */
.verdict-box__cta {
  padding: var(--space-lg) var(--space-xl);
  text-align: center;
}

/* =====================
   FEATURE COMPARE
   ===================== */
.feature-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-block: var(--space-lg);
}

.feature-compare__heading {
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-md);
  text-align: center;
}

.feature-compare__heading--free {
  background: var(--color-warm-bg);
  color: var(--color-text-mid);
}

.feature-compare__heading--paid {
  background: var(--color-rose);
  color: var(--color-white);
}

.feature-compare__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.feature-compare__item {
  font-size: var(--text-sm);
  color: var(--color-text-mid);
  padding: 6px var(--space-sm) 6px var(--space-lg);
  border-radius: var(--radius-sm);
  position: relative;
  line-height: 1.4;
}

.feature-compare__item--yes {
  background: var(--color-green-light);
}

.feature-compare__item--yes::before {
  content: '✓';
  position: absolute;
  left: var(--space-sm);
  color: var(--color-green);
  font-weight: 700;
  font-size: 12px;
}

.feature-compare__item--no {
  background: var(--color-warm-bg);
  color: var(--color-text-light);
  text-decoration: line-through;
  text-decoration-color: var(--color-text-muted);
}

.feature-compare__item--no::before {
  content: '–';
  position: absolute;
  left: var(--space-sm);
  color: var(--color-text-muted);
  font-weight: 700;
}

/* =====================
   FULL PRICING TABLE
   ===================== */
.full-pricing-table {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-top: var(--space-md);
}

.full-pricing-row {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  padding: var(--space-md) var(--space-lg);
  font-size: var(--text-sm);
  color: var(--color-text-mid);
  border-bottom: 1px solid var(--color-border-light);
  align-items: center;
}

.full-pricing-row:last-child { border-bottom: none; }

.full-pricing-row--header {
  background: var(--color-warm-bg);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text);
}

.full-pricing-row--best {
  background: var(--color-rose-pale);
  font-weight: 600;
  color: var(--color-text);
}

.pricing-best-tag {
  display: inline-block;
  background: var(--color-rose);
  color: var(--color-white);
  font-size: 10px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: var(--radius-full);
  margin-left: var(--space-xs);
  vertical-align: middle;
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pricing-renew {
  font-weight: 700;
  font-size: var(--text-xs);
}

.pricing-renew--yes { color: #C62828; }
.pricing-renew--no  { color: var(--color-green); }

/* =====================
   COMPLAINT BLOCKS
   ===================== */
.complaint-block {
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: var(--space-lg);
}

.complaint-block__header {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-xl);
}

.complaint-block__icon {
  font-size: 24px;
  flex-shrink: 0;
}

.complaint-block__title {
  font-family: var(--font-heading);
  font-size: var(--text-base);
  font-weight: 700;
  line-height: 1.3;
}

.complaint-block p {
  font-size: var(--text-base) !important;
  color: var(--color-text-mid) !important;
  line-height: 1.75 !important;
  padding-inline: var(--space-xl);
  margin-bottom: var(--space-md) !important;
}

.complaint-block__bottom-line {
  background: rgba(0,0,0,0.04);
  padding: var(--space-md) var(--space-xl);
  font-size: var(--text-sm);
  color: var(--color-text-mid);
  line-height: 1.6;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.complaint-block__bottom-line strong {
  color: var(--color-text);
}

.complaint-block--distance {
  background: #FFF8E1;
  border: 1px solid #FFE082;
}

.complaint-block--distance .complaint-block__header {
  background: #FFF3CD;
}

.complaint-block--distance .complaint-block__title {
  color: #795548;
}

.complaint-block--cancel {
  background: #FFF5F5;
  border: 1px solid #FFCDD2;
}

.complaint-block--cancel .complaint-block__header {
  background: #FFEBEE;
}

.complaint-block--cancel .complaint-block__title {
  color: #C62828;
}

/* =====================
   FOR-WHOM BLOCKS
   ===================== */
.for-whom-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-top: var(--space-lg);
}

.for-whom-block {
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
}

.for-whom-block h3 {
  font-family: var(--font-heading);
  font-size: var(--text-base);
  font-weight: 700;
  margin-bottom: var(--space-lg);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.for-whom-block ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.for-whom-block li {
  font-size: var(--text-sm);
  color: var(--color-text-mid);
  line-height: 1.6;
}

.for-whom-block li strong {
  display: block;
  color: var(--color-text);
  margin-bottom: 2px;
  font-size: var(--text-sm);
}

.for-whom-block--yes {
  background: var(--color-green-light);
}

.for-whom-block--yes h3 { color: var(--color-green); }

.for-whom-block--no {
  background: #FFF5F5;
}

.for-whom-block--no h3 { color: #C62828; }

/* =====================
   RESPONSIVE
   ===================== */
@media (max-width: 900px) {
  .verdict-box__summary  { grid-template-columns: 1fr; }
  .verdict-box__pros     { border-right: none; border-bottom: 1px solid var(--color-border-light); }
  .feature-compare       { grid-template-columns: 1fr; }
  .for-whom-blocks       { grid-template-columns: 1fr; }
  .verdict-score-row     { grid-template-columns: 140px 1fr 36px; }
}

@media (max-width: 600px) {
  .verdict-box__header   { flex-direction: column; align-items: flex-start; }
  .verdict-score-row     { grid-template-columns: 1fr auto auto; }
  .verdict-score-row__bar { display: none; }

  .full-pricing-row {
    grid-template-columns: 1.2fr 1fr 1fr;
  }
  .full-pricing-row > span:nth-child(3) { display: none; }
  .full-pricing-row--header > span:nth-child(3) { display: none; }

  .complaint-block p { padding-inline: var(--space-lg); }
  .complaint-block__bottom-line { padding-inline: var(--space-lg); }
}