/**
 * Paws in Our Hearts — bbPress brand styling
 * Falls back to its own color values if the child theme's CSS
 * variables aren't present, so this works even standalone.
 */

:root{
  --pioh-cream: #FBF8FC;
  --pioh-ink: #2B2733;
  --pioh-ink-soft: #6B6478;
  --pioh-rust: #7C4DA6;
  --pioh-rust-deep: #5F3985;
  --pioh-rust-pale: #EEE1F5;
  --pioh-sage: #C0574B;
  --pioh-sage-pale: #FBE3E0;
  --pioh-gold: #4E8A5F;
  --pioh-gold-pale: #DFF1E3;
  --pioh-line: #E7DCEF;
  --pioh-white: #FFFFFF;
  --pioh-radius: 16px;
}

#bbpress-forums{
  font-family: 'Karla', sans-serif;
  color: var(--pioh-ink);
  max-width: 900px;
  margin: 40px auto;
  padding: 0 20px;
}

#bbpress-forums h1,
#bbpress-forums h2,
#bbpress-forums h3{
  font-family: 'Lora', serif;
  color: var(--pioh-ink);
}

/* Forum / topic list tables → soft cards instead of harsh grid lines */
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-replies{
  background: var(--pioh-white);
  border: 1px solid var(--pioh-line);
  border-radius: var(--pioh-radius);
  overflow: hidden;
}

#bbpress-forums li.bbp-header{
  background: var(--pioh-rust-pale);
  color: var(--pioh-rust-deep);
  font-weight: 700;
  border-bottom: 1px solid var(--pioh-line);
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic,
#bbpress-forums li.bbp-body ul.reply{
  border-bottom: 1px solid var(--pioh-line);
  padding: 14px 12px;
}

#bbpress-forums li.bbp-body > ul:last-child{
  border-bottom: none;
}

#bbpress-forums a{
  color: var(--pioh-rust-deep);
}
#bbpress-forums a:hover{
  color: var(--pioh-rust);
}

/* New topic / reply buttons */
#bbpress-forums #new-topic-button,
#bbpress-forums button[type="submit"],
#bbpress-forums input[type="submit"]{
  background: var(--pioh-rust);
  color: var(--pioh-white);
  border: none;
  border-radius: 999px;
  padding: 11px 22px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
}
#bbpress-forums #new-topic-button:hover,
#bbpress-forums button[type="submit"]:hover,
#bbpress-forums input[type="submit"]:hover{
  background: var(--pioh-rust-deep);
}

/* Forms */
#bbpress-forums fieldset{
  border: 1px solid var(--pioh-line);
  border-radius: var(--pioh-radius);
  padding: 18px;
  margin-bottom: 16px;
  background: var(--pioh-cream);
}
#bbpress-forums fieldset legend{
  font-weight: 700;
  color: var(--pioh-ink);
  padding: 0 8px;
}
#bbpress-forums input[type="text"],
#bbpress-forums input[type="email"],
#bbpress-forums input[type="password"],
#bbpress-forums select,
#bbpress-forums textarea{
  border: 1px solid var(--pioh-line);
  border-radius: 10px;
  padding: 10px 12px;
  font-family: 'Karla', sans-serif;
  background: var(--pioh-white);
  width: 100%;
  max-width: 480px;
}

/* Pet-type field (added by this plugin) */
.pioh-pet-type-field select{
  max-width: 220px;
}

/* Pet type tag, matches homepage story cards */
#bbpress-forums .tag{
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 8px;
}
#bbpress-forums .tag-dog{ background: var(--pioh-rust-pale); color: var(--pioh-rust-deep); }
#bbpress-forums .tag-cat{ background: var(--pioh-sage-pale); color: var(--pioh-sage); }
#bbpress-forums .tag-other{ background: var(--pioh-gold-pale); color: var(--pioh-gold); }

/* Pending / moderation notice styling */
#bbpress-forums div.bbp-template-notice.message,
#bbpress-forums div.bbp-template-notice{
  background: var(--pioh-gold-pale);
  border: 1px solid var(--pioh-gold);
  color: var(--pioh-ink);
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 20px;
}

/* Breadcrumb */
#bbpress-forums .bbp-breadcrumb{
  color: var(--pioh-ink-soft);
  font-size: 0.85rem;
  margin-bottom: 16px;
}