/* Abang Related Post Block styles */
.arp-related-card {
  display: flex;
  gap: 12px;
  align-items: center;
  border-radius: 12px;
  padding: 10px 12px;
  background: #FFEDEB;
}

.arp-thumb {
  flex: 0 0 114px;
  width: 114px !important;
  height: 80px !important;
  border-radius: 8px !important;
  overflow: hidden;
  background: #fee2e2;
  display: grid;
  place-items: center;
}

.arp-thumb picture {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0;
}

.arp-thumb img {
  border-radius: 8px !important;
  width: 114px !important;
  height: 80px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

.arp-thumb-fallback {
  background: linear-gradient(135deg, #fda4af, #fecaca);
}

.arp-body {
  min-width: 0;
}

.arp-label {
  font-weight: 700;
  margin-bottom: 2px;
  color: black;
}

.arp-title {
  font-weight: 700;
  text-decoration: none;
  color: #b91c1c;
  display: block;
}

.arp-title:hover {
  text-decoration: underline;
  color: #991b1b;
}

/* Editor helper */
.arp-editor-box .components-base-control {
  margin-bottom: 12px;
}

.arp-preview {
  margin-top: 10px;
}

.arp-thumb--editor {
  background: repeating-linear-gradient(45deg, #fee2e2, #fee2e2 10px, #fecaca 10px, #fecaca 20px);
}

.arp-desc {
  font-size: 0.9rem;
  color: #64748b;
  margin-top: 4px;
  line-height: 1.4;
}