/* Recent Comments widget – theme-switch aware */
.widget_recent_comments_widget{
  --rcw-accent: var(--brand);
  --rcw-accent-2: color-mix(in srgb, var(--brand) 40%, #a855f7 60%);
}

.widget_recent_comments_widget .rcw-title,
.widget_recent_comments_widget > .widget-title,
.recent-comments-list-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  font-size:1rem;
  line-height:1.1;
  color:var(--text);
  margin:0 0 .7rem !important;
  position:relative;
  letter-spacing:.2px;
  text-transform:uppercase;
}
.widget_recent_comments_widget .rcw-title::before,
.widget_recent_comments_widget > .widget-title::before,
.recent-comments-list-title::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:3px;
  background:linear-gradient(135deg,var(--rcw-accent),var(--rcw-accent-2));
  box-shadow:0 0 0 4px color-mix(in srgb, var(--rcw-accent) 20%, #ffffff 80%);
}
.widget_recent_comments_widget .rcw-title::after,
.widget_recent_comments_widget > .widget-title::after,
.recent-comments-list-title::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-6px;
  height:3px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--rcw-accent),var(--rcw-accent-2));
  opacity:.75;
}

.recent-comments-list .comment-text{
  display:inline-block;
  max-width:100%;
  margin-top:4px;
  padding:6px 10px;
  background:var(--base-3);
  border-left:3px solid var(--rcw-accent);
  border-radius:4px;
  font-size:.95rem;
  line-height:1.4;
  color:var(--text);
}
.recent-comments-list a{
  color:var(--rcw-accent);
  text-decoration:underline;
  font-weight:600;
}
.recent-comments-list a:hover{
  color:color-mix(in srgb, var(--rcw-accent) 70%, #ef4444 30%);
  text-decoration:none;
}

.rcw-avatar-wrap,
.avatar-frame-wrapper{
  position:relative;
  width:72px;
  height:72px;
  flex:0 0 72px;
}
.rcw-avatar-wrap.has-frame{ --rcw-ratio:1.5; }
.rcw-avatar,
.avatar-inside{
  position:absolute;
  top:50%; left:50%;
  width:48px; height:48px;
  transform:translate(-50%,-50%);
  display:block;
  object-fit:cover;
  border-radius:50%;
  z-index:1;
}
.rcw-frame,
.avatar-frame{
  position:absolute;
  inset:0;
  width:100%; height:100%;
  object-fit:contain;
  pointer-events:none;
  z-index:2;
}

.footer-widgets .widget :last-child,
.sidebar .widget :last-child{ margin-bottom:0; }
.rcw-post:hover{ color:#ef4444; }
