/* ===== FCT wpForo Modern Skin ===== */

/* Base polish */
#wpf-wrapper, .wpforo { --fct-acc: #E13333; --fct-acc2:#FF5A5A; }
.wpforo { font-synthesis-weight: none; }

/* Card feel */
.wpforo #wpforo-wrap .wpf-forum-item, 
.wpforo #wpforo-wrap .wpf-topic-item {
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 25px rgba(0,0,0,.04);
  overflow: hidden;
}

/* Headers */
.wpforo #wpforo-wrap .wpf-head-bar, 
.wpforo #wpforo-wrap .wpf-head {
  background: linear-gradient(135deg, var(--fct-acc), var(--fct-acc2));
  color: #fff;
  border-radius: 12px;
  border: none;
}

/* Buttons */
.wpforo #wpforo-wrap .wpf-action, 
.wpforo #wpforo-wrap .wpf-button, 
.wpforo #wpforo-wrap .wpf-action .wpf-button {
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.08);
}
.wpforo #wpforo-wrap .wpf-button-primary, 
.wpforo #wpforo-wrap .wpf-action .wpf-button-primary {
  background: linear-gradient(135deg, var(--fct-acc), var(--fct-acc2)) !important;
  border-color: transparent !important;
  color:#fff !important;
}

/* Topic list hover */
.wpforo #wpforo-wrap .wpf-topic-item:hover { transform: translateY(-1px); transition:.15s ease; }

/* Forum/Category title row — add space for icons */
.wpforo #wpforo-wrap .wpf-forum-title, 
.wpforo #wpforo-wrap .wpf-cat-title {
  display: flex; align-items: center; gap: .5rem;
  font-weight: 800;
}

/* Small badges */
.fct-badge { display:inline-flex; gap:.4rem; align-items:center; padding:.3rem .6rem; border-radius:999px; background:rgba(0,0,0,.04); font-weight:700; font-size:.78rem; }
.fct-badge--hot { background:linear-gradient(135deg, var(--fct-acc), var(--fct-acc2)); color:#fff; }

/* Emoji icon bubble before titles (inserted by JS) */
.fct-icon {
  display:inline-flex; align-items:center; justify-content:center;
  width:28px;height:28px; border-radius:50%;
  background: rgba(225,51,51,.12);
  font-size:16px; line-height:1;
  box-shadow: inset 0 0 0 1px rgba(225,51,51,.25);
}

/* Mobile tweaks */
@media (max-width: 782px){
  .wpforo #wpforo-wrap .wpf-head-bar, .wpforo #wpforo-wrap .wpf-head { border-radius:10px; }
  .wpforo #wpforo-wrap .wpf-forum-item, .wpforo #wpforo-wrap .wpf-topic-item { border-radius:12px; }
}

/* Optional: sticky new topic button */
.wpforo #wpforo-wrap .fct-sticky-new {
  position: fixed; right: 14px; bottom: 14px; z-index: 98;
  padding: .7rem 1rem; border-radius: 999px;
  background: linear-gradient(135deg, var(--fct-acc), var(--fct-acc2)); color:#fff;
  box-shadow: 0 10px 25px rgba(225,51,51,.35);
}