/* Jooking V2.5.23
   Built on V2.5.21.
   Final cleanup: remove Risk Signal/score/bars and yellow/red moderation badges.
   Keep category badge, green Approved badge, View details and Comment.
*/

/* --- Risk signal / score / bars removal --- */
.result-actions h4,
.result-actions p,
.risk-panel h4,
.risk-panel p,
.card-actions h4,
.card-actions p,
.result-side h4,
.result-side p,
.risk-score,
.score-box,
.risk-bars,
.confidence-bars,
.signal-bars,
.source-confidence,
.based-on-confidence,
[class*="risk-score"],
[class*="score-box"],
[class*="risk-bars"],
[class*="confidence-bars"],
[class*="signal-bars"],
[class*="source-confidence"] {
  display: none !important;
  visibility: hidden !important;
}

/* Right column should only hold action buttons */
.result-actions,
.risk-panel,
.card-actions,
.result-side {
  width: 190px !important;
  min-width: 190px !important;
  padding: 18px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
}

.result-actions .btn,
.risk-panel .btn,
.card-actions .btn,
.result-side .btn,
.result-actions button,
.risk-panel button,
.card-actions button,
.result-side button,
.result-actions a,
.risk-panel a,
.card-actions a,
.result-side a {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 11px 14px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  text-decoration: none !important;
}

/* --- Remove yellow/red moderation badges --- */
.badge.media,
.badge.source,
.badge.warning,
.badge.pending,
.badge.needs,
.badge.needs-verification,
.badge.needs_verification,
.badge.approved-report,
.badge.approved_report,
.badge.rejected,
.tag.media,
.tag.source,
.tag.warning,
.tag.pending,
.tag.needs,
.tag.needs-verification,
.tag.needs_verification,
.tag.approved-report,
.tag.approved_report,
.tag.rejected,
.pill.media,
.pill.source,
.pill.warning,
.pill.pending,
.pill.needs,
.pill.needs-verification,
.pill.needs_verification,
.pill.approved-report,
.pill.approved_report,
.pill.rejected,
[class*="media-report"],
[class*="approved-report"],
[class*="needs-verification"],
[class*="needs_verification"] {
  display: none !important;
}

/* Extra compact cards after risk score removal */
.results-grid > article,
.results-grid > div:not(.empty-state),
.result-card,
.incident-card,
.place-card {
  min-height: 176px !important;
  max-height: 198px !important;
}

.result-card .card-image,
.incident-card .card-image,
.place-card .card-image,
.result-icon-panel,
.result-image,
.card-left {
  min-height: 176px !important;
  height: 176px !important;
  max-height: 176px !important;
}

.result-card .card-body,
.incident-card .card-body,
.place-card .card-body,
.result-content,
.card-content {
  min-height: 176px !important;
}

@media (max-width: 980px) {
  .result-actions,
  .risk-panel,
  .card-actions,
  .result-side {
    width: 100% !important;
    min-width: 100% !important;
    flex-direction: row !important;
    border-left: 0 !important;
    border-top: 1px solid #d9e2ee !important;
  }

  .result-actions .btn,
  .risk-panel .btn,
  .card-actions .btn,
  .result-side .btn,
  .result-actions button,
  .risk-panel button,
  .card-actions button,
  .result-side button,
  .result-actions a,
  .risk-panel a,
  .card-actions a,
  .result-side a {
    flex: 1 1 160px !important;
  }

  .results-grid > article,
  .results-grid > div:not(.empty-state),
  .result-card,
  .incident-card,
  .place-card {
    max-height: none !important;
  }
}

@media (max-width: 560px) {
  .result-actions,
  .risk-panel,
  .card-actions,
  .result-side {
    flex-direction: column !important;
  }
}