/* =========================================================
   ReleaseOwl bbPress — Single Topic / Discussion Detail theme
   Enqueue this file from your theme's functions.php, e.g.:

   add_action( 'wp_enqueue_scripts', function () {
       if ( is_bbpress() ) {
           wp_enqueue_style(
               'ro-bbpress-single-topic',
               get_stylesheet_directory_uri() . '/bbpress/assets/css/single-topic.css',
               array(),
               '1.0.0'
           );
       }
   } );
   ========================================================= */

:root{
  --ro-primary:      #1f9d55;
  --ro-primary-dark: #167a42;
  --ro-primary-light:#e6f6ec;
  --ro-border:        #e6e8eb;
  --ro-text:           #14151a;
  --ro-text-muted:     #6b7280;
  --ro-bg-card:        #ffffff;
  --ro-bg-page:        #f7f8f9;
  --ro-radius-lg:      18px;
  --ro-radius-md:      12px;
  --ro-radius-pill:    999px;
  --ro-shadow:         0 1px 2px rgba(16,24,40,.04);
}

.ro-discussion{
  color: var(--ro-text);
  font-family: inherit;
}
button.ro-toolbar-btn:hover
 {
    background-color:transparent;
 border-radius:20px;
  color:#000;
}
button.ro-lb-tab {
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 500;
    color: #A4A4A4;
}
span.ro-avatar.ro-avatar-xs img {
    border-radius: 100px !important;
}
.ro-leaderboard-list[hidden] { display: none !important; }
.ro-leaderboard-list { display: block; }

ol.ro-leaderboard-list li
 {

    padding: 4px 0px;
}

/* Break the discussion area out of the theme's narrower page/content
   container so it can use the full page width, regardless of what that
   container is called. Expands to the full viewport width and re-centers;
   ".ro-discussion-inner" below then restores a comfortable reading
   max-width inside that full-width band. */
.ro-full-bleed{
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

#bbpress-forums a{
 
    font-weight: 400 !important;
    text-decoration: none;
      font-family: 'Roboto';
    text-transform: capitalize;
    }
#bbpress-forums{
    max-width:100% !important;
}
.ro-discussion-inner{
  max-width: 1320px;
  margin: 0 auto;
  padding: 24px 32px 64px;
  box-sizing: border-box;
}

.ro-breadcrumb{
  font-size: 13px;
  color: var(--ro-text-muted);
  margin-bottom: 14px;
}
.ro-breadcrumb a{ color: var(--ro-text-muted); text-decoration: none; }
.ro-breadcrumb a:hover{ color: var(--ro-primary); }

/* ---- Page heading ---- */
.ro-topic-heading{
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.ro-back-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  text-decoration: none;
  color: var(--ro-text);
  font-size: 0px;
}
.ro-back-link:hover{ background: var(--ro-bg-page); }
.ro-topic-title{
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}

/* ---- Cards ---- */
.ro-card{
  background: var(--ro-bg-card);
  border: 1px solid var(--ro-border);
  border-radius: var(--ro-radius-lg);
  box-shadow: var(--ro-shadow);
  padding: 24px;
  margin-bottom: 20px;
}

/* ---- Author block (shared by topic + reply) ---- */
.ro-author{
  display: flex;
  align-items: center;
  gap: 12px;
}
.ro-author-sm{ gap: 10px; }
.ro-avatar img{
  border-radius: 50%;
  display: block;
  object-fit: cover;
}
.ro-author-meta{ display: flex; flex-direction: column; gap: 2px; }
.ro-author-sm .ro-author-meta{ flex-direction: row; align-items: center; gap: 8px;margin-top: -8px; }
.ro-author-name-row{ display: flex; align-items: center; gap: 8px; }
.ro-author-name{ font-weight: 600; font-size: 15px; color: var(--ro-text); }
.ro-reply-time{ font-size: 12px; color: var(--ro-text-muted); }

.ro-badge{
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  padding: 4px 10px;
  border-radius: var(--ro-radius-pill);
}
.ro-badge-admin{ background: var(--ro-primary-light); color: var(--ro-primary-dark); }
.ro-badge-member{ background: #f1f2f4; color: var(--ro-text-muted); }

/* ---- Topic lead ---- */
.ro-topic-lead-top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.ro-follow a,
.ro-follow button{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--ro-primary);
  color: var(--ro-primary-dark);
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: var(--ro-radius-pill);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.ro-follow a:hover,
.ro-follow button:hover{ background: var(--ro-primary-light); }

.ro-topic-meta-row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 13px;
  color: var(--ro-text-muted);
  margin-bottom: 14px;
}
.ro-meta-item{ display: inline-flex; align-items: center; gap: 6px; }
.ro-meta-admin-links a{ color: var(--ro-text-muted); font-size: 13px; margin-right: 8px; }

.ro-tag-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.ro-tag-list a{
  display: inline-block;
  background: var(--ro-bg-page);
  color: var(--ro-text);
  font-size: 12px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: var(--ro-radius-pill);
  text-decoration: none;
}

.ro-topic-content{
  font-size: 15px;
  line-height: 1.7;
  color: var(--ro-text);
}
.ro-topic-content p{ margin: 0 0 14px; }
.ro-topic-content p:last-child{ margin-bottom: 0; }

.ro-topic-ip{ font-size: 11px; color: var(--ro-text-muted); margin-top: 10px; }

/* ---- Replies header ---- */
.ro-replies-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 28px;
}
.ro-replies-title{ font-size: 17px; font-weight: 700; margin: 0; }
.ro-replies-sort select{
  border: 1px solid var(--ro-border);
  border-radius: var(--ro-radius-md);
  font-size: 13px;
  padding: 6px 10px;
  color: var(--ro-text-muted);
  background: #fff;
}
.ro-replies-divider{
  height: 3px;
  width: 48px;
  background: var(--ro-primary);
  border-radius: var(--ro-radius-pill);
  margin: 10px 0 18px;
}

/* ---- Reply thread & nesting ---- */
.ro-reply-thread{ display: flex; flex-direction: column; gap: 16px; }
.ro-reply-thread ul.children,
.ro-reply-thread ol.children{
  list-style: none;
  margin: 14px 0 0 24px;
  padding: 0 0 0 20px;
  border-left: 2px solid var(--ro-border);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ro-reply-thread li{ list-style: none; }

.ro-reply-card{
  background: var(--ro-bg-page);
  border: 1px solid var(--ro-border);
  border-radius: var(--ro-radius-md);
  padding: 18px;
}

.ro-reply-top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.ro-reply-actions-menu{ color: var(--ro-text-muted); font-size: 13px; position: relative; }
.ro-reply-actions-menu a{ color: var(--ro-text-muted); margin-left: 6px; text-decoration: none; }

.ro-actions-trigger{
  background: none;
  border: 0;
  cursor: pointer;
  padding: 4px;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: var(--ro-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ro-actions-trigger:hover{ background: var(--ro-bg-page); color: var(--ro-text); }
.ro-actions-trigger .ro-icon{ width: 18px; height: 18px; }

.ro-actions-panel{
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 20;
  margin-top: 4px;
  background: #fff;
  border: 1px solid var(--ro-border);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.14);
  min-width: 150px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ro-actions-panel[hidden]{ display: none !important; }
.ro-actions-panel a.ro-actions-item,
.ro-actions-item{
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  color: var(--ro-text);
  text-decoration: none;
  margin-left: 0 !important;
}
.ro-actions-panel a,
.ro-actions-panel button{
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  color: var(--ro-text);
  text-decoration: none;
  margin-left: 0 !important;
}
.ro-actions-panel a:hover,
.ro-actions-panel button:hover{ background: var(--ro-bg-page); }
.ro-actions-danger{ color: #d33 !important; }
.ro-actions-danger:hover{ background: #fdecea !important; }

.ro-reply-content{ font-size: 14px; line-height: 1.6; color: var(--ro-text); }
.ro-reply-content p{ margin: 0 0 10px; }
.ro-reply-content p:last-child{ margin-bottom: 0; }
.ro-reply-content ul,
.ro-reply-content ol{ margin: 0 0 10px 20px; padding: 0; list-style: revert; }
.ro-reply-content ul:last-child,
.ro-reply-content ol:last-child{ margin-bottom: 0; }
.ro-reply-content li{ list-style: revert; margin: 0 0 4px; }
.ro-reply-content li:last-child{ margin-bottom: 0; }
.ro-reply-content a{ color: var(--ro-primary-dark); text-decoration: underline; word-break: break-word; }
.ro-reply-content strong{ font-weight: 700; }
.ro-reply-content em{ font-style: italic; }

.ro-reply-footer{
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
  font-size: 13px;
  color: var(--ro-text-muted);
}
.ro-reply-like{ display: inline-flex; align-items: center; gap: 6px; }
.ro-reply-link a{ color: var(--ro-text-muted); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.ro-reply-link a:hover{ color: var(--ro-primary-dark); }

/* ---- Join the conversation / reply form ---- */
.ro-reply-form-card{ padding: 24px; }
.ro-join-heading{ display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.ro-join-heading h3{ font-size: 16px; font-weight: 700; margin-top: -8; }

.ro-avatar-badge{ position: relative; width: 40px; height: 40px; flex: none; }
.ro-avatar-badge img{ width: 40px; height: 40px; }
.ro-avatar-star{
  position: absolute;
  left: -3px;
  bottom: -3px;
  width: 16px;
  height: 16px;
  fill: #f0883e;
  stroke: #fff;
  stroke-width: 1;
}

.ro-join-fieldset{ border: 0; margin: 0; padding: 0; }

.ro-reply-editor-wrap{ position: relative; }

.ro-join-fieldset textarea,
.ro-join-fieldset .wp-editor-area,
.ro-reply-textarea{
  width: 100%;
  min-height: 100px;
  border: 1px solid var(--ro-border);
  border-radius: var(--ro-radius-md);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
  padding: 14px;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
  display: block;
  box-sizing: border-box;
}
.ro-join-fieldset textarea:focus,
.ro-join-fieldset .wp-editor-area:focus,
.ro-reply-textarea:focus{
  outline: none;
  border-color: var(--ro-primary);
}

/* The visual contenteditable box that replaces the real (hidden) textarea */

div#ro-emoji-panel button.ro-emoji-option {
    padding:0px !important;
    color:#000 !important;
}

ul.bbp-replies-list li {
    border: 1px solid #a1a1a157;
    padding:10px;
    border-radius:20px
    margin-bottom:20px !important;
}

#bbpress-forums ul.bbp-threaded-replies{
    margin-left: 0px !important; 
}
ul.bbp-replies-list li {
    margin: 10px !important;
    border-radius:20px;
}

div#ro-emoji-panel button.ro-emoji-option {
    padding:0px !important;
    color:#000 !important;
}

ul.bbp-replies-list li {
    border: 1px solid #a1a1a157;
    padding:20px;
    border-radius:20px
    margin-bottom:20px !important;
}


ul.bbp-replies-list li {
    margin: 10px !important;
    border-radius:20px;
}



/* Hide bbPress' own quicktags/tinymce chrome + the allowed-tags notice,
   in case the editor filter in inc/reply-editor.php isn't active yet. */
.ro-visually-hidden{
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.ro-join-fieldset .quicktags-toolbar,
.ro-join-fieldset .wp-editor-tabs,
.ro-join-fieldset .mce-toolbar-grp{ display: none !important; }

/* TinyMCE's real editable area is an iframe inside .mce-tinymce, not the
   textarea itself - the textarea height rule above doesn't reach it, so
   it needs its own explicit height to actually look compact. */
.ro-join-fieldset .mce-tinymce,
.ro-join-fieldset .mce-edit-area,
.ro-join-fieldset .mce-edit-area iframe{
  min-height: 100px !important;
  height: 100px !important;
}

/* Toolbar back to a single visible row: Bold, Italic, List, Attach,
   Link, Emoji - matches the requested simplified icon set. */

.ro-editor-toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: nowrap;
  border: 1px solid var(--ro-border);
  border-top: 0;
  border-bottom-left-radius: var(--ro-radius-md);
  border-bottom-right-radius: var(--ro-radius-md);
  background: var(--ro-bg-page);
  padding: 8px 10px;
  overflow-x: auto;
}
.ro-editor-toolbar-top{
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: nowrap;
  flex: none;
}
.ro-editor-toolbar-bottom{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  flex: none;
  margin-left: auto;
}
.ro-editor-toolbar-left{ display: flex; align-items: center; gap: 4px; }
.ro-editor-toolbar-right-actions{ display: flex; align-items: center; gap: 8px; margin-left: auto; }

.ro-toolbar-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  border-radius: var(--ro-radius-md);
  color: #5b6470;
  font-size: 15px;
  cursor: pointer;
}
.ro-toolbar-btn:hover{ background: var(--ro-border); color: var(--ro-text); }
.ro-toolbar-btn strong,
.ro-toolbar-btn em,
.ro-toolbar-btn s{ font-size: 15px; font-family: inherit; }
.ro-toolbar-btn svg.ro-icon{
  width: 18px;
  height: 18px;
  stroke: #000;
}
.ro-editor-toolbar-top [type=button]{
    color:#000;
}
.ro-cancel-reply-link{ display: inline-flex; }
.ro-cancel-reply-link a{
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--ro-text-muted);
  text-decoration: none;
  padding: 9px 18px;
  border-radius: var(--ro-radius-pill);
  background: transparent;
}
.ro-cancel-reply-link a:hover{ background: var(--ro-border); color: var(--ro-text); }

.ro-post-reply-btn{
  background: var(--ro-primary);
  color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: var(--ro-radius-pill);
  cursor: pointer;
}
.ro-post-reply-btn:hover{ background: var(--ro-primary-dark); }

/* Attachment preview chip */
.ro-attachment-preview{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 8px 12px;
  background: var(--ro-primary-light);
  border: 1px solid var(--ro-border);
  border-radius: var(--ro-radius-md);
  font-size: 13px;
  color: var(--ro-text);
  width: fit-content;
}
.ro-attachment-preview[hidden]{ display: none; }
.ro-attachment-preview svg.ro-icon,
.ro-attachment-file svg.ro-icon{ width: 15px; height: 15px; stroke: currentColor; flex: none; }
.ro-attachment-preview-name{ font-weight: 600; }
.ro-attachment-remove{
  border: 0;
  background: transparent;
  color: var(--ro-text-muted);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  padding: 0 2px;
}
.ro-attachment-remove:hover{ color: var(--ro-text); }

/* Rendered attachment on a posted topic/reply */
.ro-attachment{ margin-top: 12px; }
.ro-attachment-image img{
  max-width: 260px;
  max-height: 200px;
  border-radius: var(--ro-radius-md);
  border: 1px solid var(--ro-border);
  display: block;
}
.ro-attachment-file{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid var(--ro-border);
  border-radius: var(--ro-radius-md);
  font-size: 13px;
  color: var(--ro-text);
  text-decoration: none;
}
.ro-attachment-file:hover{ border-color: var(--ro-primary); color: var(--ro-primary-dark); }

/* Emoji picker */
.ro-emoji-panel{
  position: absolute;
  z-index: 20;
  top: 100%;
  left: 0;
  margin-top: 6px;
  display: grid;
  grid-template-columns: repeat(8, 28px);
  gap: 2px;
  background: var(--ro-bg-card);
  border: 1px solid var(--ro-border);
  border-radius: var(--ro-radius-md);
  box-shadow: 0 8px 24px rgba(16,24,40,.12);
  padding: 8px;
  width: max-content;
}
.ro-emoji-panel[hidden]{ display: none; }
.ro-emoji-option{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  font-size: 17px;
  line-height: 1;
  padding: 0;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Noto Emoji", "Twemoji Mozilla", sans-serif;
}
.ro-emoji-option:hover{ background: var(--ro-bg-page); }

/* ---- Simple inline icon set for meta rows (likes/replies/views/time) ---- */
.ro-icon{ display: inline-block; width: 14px; height: 14px; }
.ro-icon-thumb::before,
.ro-icon-reply::before,
.ro-icon-eye::before,
.ro-icon-clock::before{
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Noto Emoji", "Twemoji Mozilla", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ro-icon-thumb::before{ content: "\1F44D"; font-size: 13px; }
.ro-icon-reply::before{ content: "\1F4AC"; font-size: 13px; }
.ro-icon-eye::before{ content: "\1F441"; font-size: 13px; }
.ro-icon-clock::before{ content: "\1F551"; font-size: 13px; }

/* SVG icons (toolbar, attachment chip) render via stroke=currentColor, no ::before needed */
svg.ro-icon{ vertical-align: middle; fill: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;fill:#00000000; }

/* ---- Responsive ---- */
@media (max-width: 600px){
  .ro-discussion-inner{ padding: 24px 16px 64px; }
  .ro-card{ padding: 18px; }
  .ro-topic-lead-top{ flex-direction: column; align-items: flex-start; }
  .ro-replies-header{ flex-direction: column; align-items: flex-start; gap: 8px; }
  .ro-reply-thread ul.children,
  .ro-reply-thread ol.children{ margin-left: 12px; padding-left: 12px; }
}

/* =========================================================
   ReleaseOwl bbPress — Sidebar (Quick Links / LeaderBoard /
   Trending Topics / Tags / Online Members)
   ========================================================= */
   


.ro-discussion-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 24px;
  align-items: start;
}
.ro-main-col{ min-width: 0; }

.ro-sidebar{
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 20px;
}

.ro-widget-card{
  background: var(--ro-bg-card);
  border: 1px solid var(--ro-border);
  border-radius: var(--ro-radius-lg);
  box-shadow: var(--ro-shadow);
  padding: 20px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10196078431372549);
  border-radious:20px;
  width:100%;
}

.ro-widget-title{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px !important;
  font-weight: 700;
  margin: 0 0 14px;
  color: var(--ro-text);
      margin-left: -21px !important;
}
.ro-title-bar{
  display: inline-block;
  width: 4px;
  height: 16px;
  border-radius:0 !important;
    background: #2FD069;
  flex: none;
  margin-right:25px !important;
}

/* ---- Quick Links ---- */
.ro-quick-links{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ro-quick-links a{
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    font-weight: 400 !important;
    font-family: 'Roboto';
    margin-left: 20px;
}
.ro-quick-links a:hover{ text-decoration: underline; }

/* ---- LeaderBoard ---- */
.ro-leaderboard-tabs{
  display: inline-flex;
  gap: 18px;
  border-bottom: 1px solid var(--ro-border);
  width: 100%;
  margin-bottom: 20px;
  margin-top: 4px;
}
.ro-lb-tab{
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ro-text-muted);
  cursor: pointer;
}
.ro-lb-tab.is-active{
    color: #167a42;
    border-bottom: 2px solid #2FD069;
}
a.ro-widget-viewall{
    font-family: Roboto;
font-weight: 400 !important;
font-style: Regular;
font-size: 12px;
leading-trim: CAP_HEIGHT;
line-height: 28px;
letter-spacing: 0%;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;
color:#000000;
    margin-left: 17px;
}
.ro-leaderboard-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.ro-leaderboard-list[hidden]{ display: none; }
.ro-lb-row{ display: flex; align-items: center; gap: 16px; padding-left: 10px; }
.ro-lb-rank{
  width: 16px;
  flex: none;
  font-size: 13px;
  font-weight: 600;
  color: var(--ro-text-muted);
  text-align: center;
}
.ro-avatar-xs img{ width: 43px; height: 43px; border-radius: 50%; }
.ro-lb-meta{ display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ro-lb-name{ font-size: 14px; font-weight: 500; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Roboto';}
.ro-lb-points{ font-size: 12px; color: var(--ro-text-muted); }
.ro-lb-empty{ font-size: 13px; color: #828282; }

.ro-widget-viewall{
  display: inline-block;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ro-primary-dark);
  text-decoration: none;
}
.ro-widget-viewall:hover{ text-decoration: underline; }

/* ---- Trending Topics ---- */
.ro-trending-list{ display: flex; flex-direction: column; }
.ro-trending-item{
  padding: 12px 20px;
  border-bottom: 1px solid var(--ro-border);
}
.ro-trending-item:last-child{ border-bottom: 0; padding-bottom: 0; }
.ro-trending-item:first-child{ padding-top: 0; }
.ro-trending-title{
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #27A955;
    text-decoration: none !important;
    margin-bottom: 4px;
    font-weight: 600 !important;
}
.ro-trending-title:hover{ text-decoration: underline; }
.ro-trending-excerpt{
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #000000;
    font-weight: 400;
    font-family: 'Roboto';
    padding-top: 8px;
    padding-bottom: 6px;
}

/* ---- Sidebar Tags ---- */
.ro-sidebar-tags{ display: flex; flex-wrap: wrap; gap: 8px; }
.ro-sidebar-tags a{
  display: inline-block;
  background: var(--ro-bg-page);
  color: var(--ro-text);
  font-size: 12px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: var(--ro-radius-pill);
  text-decoration: none;
}
.ro-sidebar-tags a:hover{ background: var(--ro-primary-light); color: var(--ro-primary-dark); }

/* ---- Online Members ---- */
.ro-online-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  background: var(--ro-bg-page);
  box-shadow: none;
}
.ro-online-label{ font-size: 13px; font-weight: 600; color: var(--ro-text-muted); }
.ro-online-avatars{ display: flex; }
.ro-online-avatar{
  position: relative;
  margin-left: -8px;
  border: 2px solid var(--ro-bg-page);
  border-radius: 50%;
  line-height: 0;
}
.ro-online-avatar:first-child{ margin-left: 0; }
.ro-online-avatar img{ width: 32px; height: 32px; border-radius: 50%; display: block; }
.ro-online-dot{
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #22c55e;
  border: 2px solid var(--ro-bg-page);
}

/* ---- Responsive: sidebar drops below main content ---- */
@media (max-width: 960px){
  .ro-discussion-grid{ grid-template-columns: 1fr; }
  .ro-sidebar{ position: static; }
}

/* =========================================================
   Like buttons (topic thumb + reply thumbs)
   ========================================================= */
.ro-like-btn{
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  color: inherit;
}
.ro-like-btn:disabled{ cursor: default; opacity: .6; }
.ro-like-btn .ro-icon-thumb{ transition: transform .15s ease; }
.ro-like-btn:hover .ro-icon-thumb{ transform: translateY(-1px); }
.ro-like-btn.is-liked{ color: var(--ro-primary-dark); font-weight: 600; }
.ro-like-btn.is-liked .ro-icon-thumb::before{ content: "\1F44D"; filter: none; }

/* =========================================================
   Hide the theme's own duplicate page-title banner on bbPress
   pages (our template shows its own .ro-topic-title instead).
   Covers common theme/Elementor page-title selectors; harmless
   if a given selector doesn't exist on your site.
   ========================================================= */
body.ro-bbpress-page .elementor-page-title,
body.ro-bbpress-page .page-header,
body.ro-bbpress-page .entry-header,
body.ro-bbpress-page h1.entry-title,
body.ro-bbpress-page .page-title,
body.ro-bbpress-page .ehf-page-title{
  display: none !important;
}