/** register form **/

.bbpress_custom_register_form {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #333;
    width: 100%;
    max-width: 100%;
}

.bbpress_custom_form_header {
    text-align: center;
    margin-bottom: 1.5rem;
    width: 100%;
    max-width: 100%;
}

.bbpress_custom_form_title {
    color: #2c3e50;
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    width: 100%;
}

.bbpress_custom_form_subtitle {
    color: #7f8c8d;
    font-size: 0.95rem;
    margin: 0;
    width: 100%;
}

.bbpress_custom_notice_card {
    background: #e8f4fc;
    border: 1px solid #b6e0fe;
    border-radius: 10px;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.bbpress_custom_fullwidth_notice {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.bbpress_custom_notice_icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    color: #2980b9;
    margin-top: 0.15rem;
}

.bbpress_custom_notice_content {
    flex: 1;
    width: 100%;
}

.bbpress_custom_notice_title {
    color: #2980b9;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    width: 100%;
}

.bbpress_custom_notice_list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.bbpress_custom_notice_item {
    color: #34495e;
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 0.35rem;
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    width: 100%;
}

.bbpress_custom_bullet_icon {
    color: #3498db;
    flex-shrink: 0;
    font-size: 0.85rem;
    margin-top: 0.05rem;
}

.bbpress_custom_form_container {
    width: 100%;
    max-width: 400px;
    margin: 2rem auto;
    padding: 0;
    box-sizing: border-box;
}

.bbpress_custom_form_fields {
    background: white;
    border-radius: 12px;
    padding: 1.75rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #e1e8ed;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.bbpress_custom_form_group {
    margin-bottom: 1.5rem;
    width: 100%;
}

.bbpress_custom_form_label {
    display: block;
    color: #2c3e50;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    width: 100%;
}

.bbpress_custom_required {
    color: #e74c3c;
    margin-left: 0.25rem;
}

.bbpress_custom_input_wrapper {
    position: relative;
    width: 100%;
}

.bbpress_custom_form_input {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #e1e8ed;
    border-radius: 8px;
    font-size: 0.95rem;
    color: #2c3e50;
    background: white;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.bbpress_custom_form_input:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.bbpress_custom_input_hint {
    color: #7f8c8d;
    font-size: 0.8rem;
    margin-top: 0.25rem;
    margin-left: 0;
    width: 100%;
}

.bbpress_custom_form_actions {
    margin-top: 2rem;
    width: 100%;
}

.bbpress_custom_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.875rem 1.75rem;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

.bbpress_custom_btn_primary {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

.bbpress_custom_btn_primary:hover {
    background: linear-gradient(135deg, #2980b9, #2573a7);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

.bbpress_custom_btn_primary:active {
    transform: translateY(0);
}

.bbpress_custom_btn_text {
    flex: 1;
    text-align: center;
}

.bbpress_custom_btn_icon {
    font-size: 0.95rem;
}

.bbpress_custom_form_footer {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e1e8ed;
    width: 100%;
    max-width: 100%;
}

.bbpress_custom_footer_text {
    color: #7f8c8d;
    font-size: 0.9rem;
    margin: 0;
    width: 100%;
}

.bbpress_custom_footer_link {
    color: #3498db;
    text-decoration: none;
    font-weight: 600;
    margin-left: 0.25rem;
}

.bbpress_custom_footer_link:hover {
    color: #2980b9;
    text-decoration: underline;
}

@media (max-width: 480px) {
    .bbpress_custom_form_container {
        max-width: 100%;
        padding: 0 1rem;
    }
    
    .bbpress_custom_form_fields {
        padding: 1.5rem;
    }
    
    .bbpress_custom_form_title {
        font-size: 1.5rem;
    }
    
    .bbpress_custom_btn {
        padding: 0.75rem 1.5rem;
    }
}


/** breadcumb **/
/* Style for the main breadcrumb container */
.bbp-breadcrumb {
    font-size: 0.85rem; 
    color: #6c757d;    
    /* Top and bottom padding kept very small (2px) */
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    
    /* Left and right padding are no longer forced to 0. 
       They revert to whatever your site's main CSS defines (e.g., inherited from a Bootstrap .container class). */
    /* REMOVED: padding-left: 0 !important; */
    /* REMOVED: padding-right: 0 !important; */
    
    margin-bottom: 20px; 
    box-sizing: border-box;
}

/* Ensure the paragraph inside has absolutely no default margin */
.bbp-breadcrumb p {
    margin: 0 !important; /* Forces margin off */
    line-height: 1.5;
}

/* Styling for all links within the breadcrumb */
.bbp-breadcrumb a {
    color: #007bff;            
    text-decoration: none;     
    transition: color 0.3s ease; 
}

/* Change link color on hover */
.bbp-breadcrumb a:hover,
.bbp-breadcrumb a:focus {
    color: #0056b3;
    text-decoration: underline; 
}

/* Styling for the separator character (›) */
.bbp-breadcrumb-sep {
    margin: 0 8px; 
    color: #adb5bd; 
    opacity: 0.7;
}

/* Styling for the current page indicator */
.bbp-breadcrumb-current {
    font-weight: 600; 
    color: #495057;   
}




/* Style forum description - remove list with 14px font */
.bbpress_custom_forum_description {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    color: #475569; /* Slightly darker for better readability */
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1.5; /* Increased from 1.4 for better spacing */
}

/* Remove the default list styling from bbPress */
.bbpress_custom_forum_description ul,
.bbpress_custom_forum_description li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: inline !important;
}

.bbpress_custom_forum_description p {
    margin: 0 !important;
    padding: 0 !important;
    display: inline;
}


/* form-topic.php */

/* Base form styling */
#new-topic-0.bbp-topic-form {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

/* Fieldset styling */
.bbp-form {
    border: none;
    padding: 0;
    margin: 0;
}

/* Legend/Header styling */
.bbp-form legend {
    font-size: 1.8rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 2rem;
    padding-bottom: 0.75rem;
    border-bottom: 3px solid #3498db;
    width: 100%;
    display: block;
}

/* Form group container */
.bbp-form > div {
    background: #ffffff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Labels */
.bbp-form label {
    display: block;
    font-weight: 600;
    color: #34495e;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

/* Title input */
#bbp_topic_title {
    width: 100%;
    padding: 0.875rem 1rem;
    font-size: 1rem;
    border: 2px solid #e0e6ed;
    border-radius: 8px;
    background: #f8fafc;
    transition: all 0.3s ease;
    box-sizing: border-box;
    margin-top: 0.25rem;
}

#bbp_topic_title:focus {
    outline: none;
    border-color: #3498db;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

/* Textarea container */
.bbp-the-content-wrapper {
    margin: 1.5rem 0;
}

/* Textarea */
.bbp-the-content {
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
    font-family: inherit;
    border: 2px solid #e0e6ed;
    border-radius: 8px;
    background: #f8fafc;
    min-height: 200px;
    resize: vertical;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.bbp-the-content:focus {
    outline: none;
    border-color: #3498db;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

/* Helper text - Soft blue background */
.no-html-tags {
    font-size: 0.85rem;
    color: #2c5282;
    margin: 0.5rem 0 1.5rem 0;
    font-style: italic;
    padding: 0.75rem 1rem;
    background: rgba(235, 248, 255, 0.9); /* Soft blue background */
    border-radius: 8px;
    border: 1px solid rgba(144, 202, 249, 0.3);
}

/* Checkbox section - Soft green background */
.bbp-form p:has(#bbp_topic_subscription) {
    background: rgba(240, 253, 244, 0.9); /* Soft green background */
    padding: 1.25rem;
    border-radius: 8px;
    margin: 1.5rem 0;
    border: 1px solid rgba(167, 243, 208, 0.4);
}

#bbp_topic_subscription {
    margin-right: 0.5rem;
    transform: scale(1.2);
    accent-color: #2ecc71;
}

#bbp_topic_subscription + label {
    display: inline;
    font-weight: 500;
    color: #0f766e;
    cursor: pointer;
}

/* Submit button wrapper */
.bbp-submit-wrapper {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(234, 234, 234, 0.7);
    text-align: right;
}

/* Submit button */
#bbp_topic_submit {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    border: none;
    padding: 0.875rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2);
}

#bbp_topic_submit:hover {
    background: linear-gradient(135deg, #2980b9, #3498db);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(52, 152, 219, 0.3);
}

#bbp_topic_submit:active {
    transform: translateY(0);
}

#bbp_topic_submit:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.4);
}

/* Input backgrounds with soft colors */
#bbp_topic_title {
    background: rgba(249, 250, 251, 0.9); /* Very light gray-blue */
    border-color: rgba(209, 213, 219, 0.5);
}

.bbp-the-content {
    background: rgba(249, 250, 251, 0.9); /* Very light gray-blue */
    border-color: rgba(209, 213, 219, 0.5);
}

/* Hover effects with soft colors */
#bbp_topic_title:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: #93c5fd;
}

.bbp-the-content:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: #93c5fd;
}

/* Focus effects with soft colors */
#bbp_topic_title:focus {
    background: rgba(255, 255, 255, 1);
    border-color: #3498db;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(240, 249, 255, 0.9));
}

.bbp-the-content:focus {
    background: rgba(255, 255, 255, 1);
    border-color: #3498db;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(240, 249, 255, 0.9));
}

/* Responsive design */
@media (max-width: 768px) {
    #new-topic-0.bbp-topic-form {
        margin: 1rem auto;
        padding: 0 0.75rem;
    }

    .bbp-form legend {
        font-size: 1.5rem;
    }

    .bbp-form > div {
        padding: 1.5rem;
    }

    .bbp-submit-wrapper {
        text-align: center;
    }

    #bbp_topic_submit {
        width: 100%;
        padding: 1rem;
    }
}

/* Focus styles for accessibility */
#bbp_topic_title:focus-visible,
.bbp-the-content:focus-visible,
#bbp_topic_subscription:focus-visible,
#bbp_topic_submit:focus-visible {
    outline: 2px solid #3498db;
    outline-offset: 2px;
}

/* Character count indicator (visual only, not functional) */
#bbp_topic_title {
    position: relative;
}

#bbp_topic_title::after {
    content: attr(maxlength);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
    color: #95a5a6;
    background: rgba(255, 255, 255, 0.9);
    padding: 2px 8px;
    border-radius: 12px;
    opacity: 0.7;
    border: 1px solid rgba(229, 231, 235, 0.7);
}

/* Additional soft color enhancements */
.bbp-form > div {
    background: linear-gradient(145deg, #ffffff, #fafcff);
}

/* Checkbox hover effect */
#bbp_topic_subscription:hover + label {
    color: #047857;
}

/* Custom focus for checkbox */
#bbp_topic_subscription:focus {
    outline: 2px solid #2ecc71;
    outline-offset: 2px;
}

/* Form section backgrounds on focus */
.no-html-tags:focus-within,
.bbp-form p:has(#bbp_topic_subscription):focus-within {
    border-color: rgba(52, 152, 219, 0.4);
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.05);
}

/* Style for the topic tags multi-select */
#bbp_topic_tags {
  width: 100%;               /* full width */
  max-width: 400px;          /* limit width */
  padding: 8px;              /* inner spacing */
  border: 1px solid #ccc;    /* subtle border */
  border-radius: 6px;        /* rounded corners */
  background-color: #fff;    /* white background */
  font-size: 14px;           /* readable text */
  line-height: 1.4;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); /* slight inner shadow */
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover and focus states */
#bbp_topic_tags:hover {
  border-color: #888;
}

#bbp_topic_tags:focus {
  border-color: #0073aa; /* WordPress blue */
  box-shadow: 0 0 0 3px rgba(0,115,170,0.2);
  outline: none;
}

/* Style the options inside */
#bbp_topic_tags option {
  padding: 6px;
  margin: 2px 0;
  border-radius: 4px;
}

/* Highlight selected options */
#bbp_topic_tags option:checked {
  background-color: #0073aa;
  color: #fff;
}







/* Main wrapper styling */
#bbpress-forums.bbpress-wrapper {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 1.5rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    color: #2c3e50;
}

/* Breadcrumb styling */
#bbpress-forums .bbp-breadcrumb {
    background: rgba(235, 248, 255, 0.8);
    padding: 1rem 1.5rem;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
    border: 1px solid rgba(144, 202, 249, 0.3);
}

#bbpress-forums .bbp-breadcrumb a {
    color: #2980b9;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

#bbpress-forums .bbp-breadcrumb a:hover {
    color: #1a5276;
    text-decoration: underline;
}

#bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-sep {
    color: #7f8c8d;
    margin: 0 0.5rem;
}

/* Action links (subscription & favorite) */
#bbpress-forums .bbp-topic-subscription-link,
#bbpress-forums .bbp-topic-favorite-link {
    display: inline-block;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    margin: 0 0.5rem 1rem 0;
    text-decoration: none;
    color: #495057;
    font-weight: 500;
    font-size: 0.9rem;
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
}

#bbpress-forums .bbp-topic-subscription-link:hover,
#bbpress-forums .bbp-topic-favorite-link:hover {
    background: linear-gradient(135deg, #e9ecef, #dee2e6);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    color: #2c3e50;
}

#bbpress-forums .bbp-topic-subscription-link:before,
#bbpress-forums .bbp-topic-favorite-link:before {
    content: "★ ";
    color: #f39c12;
    margin-right: 0.5rem;
}

#bbpress-forums .bbp-topic-subscription-link:before {
    content: "🔔 ";
    color: #3498db;
}

/* Topic tag list */
#bbpress-forums .bbp-topic-tags {
    background: rgba(240, 253, 244, 0.9);
    padding: 1.25rem;
    border-radius: 10px;
    margin: 1.5rem 0;
    border: 1px solid rgba(167, 243, 208, 0.4);
}

#bbpress-forums .bbp-topic-tags p {
    margin: 0 0 0.75rem 0;
    font-weight: 600;
    color: #0f766e;
    font-size: 0.95rem;
}

#bbpress-forums .bbp-topic-tags a {
    display: inline-block;
    background: rgba(255, 255, 255, 0.9);
    padding: 0.5rem 1rem;
    margin: 0.25rem;
    border-radius: 20px;
    text-decoration: none;
    color: #2d3748;
    font-size: 0.85rem;
    border: 1px solid rgba(167, 243, 208, 0.6);
    transition: all 0.3s ease;
}

#bbpress-forums .bbp-topic-tags a:hover {
    background: #2ecc71;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(46, 204, 113, 0.2);
}

/* Topic description */
#bbpress-forums .bbp-topic-description {
    background: linear-gradient(145deg, #fff9f0, #fff);
    padding: 1.5rem;
    border-radius: 10px;
    margin: 1.5rem 0;
    border-left: 4px solid #f39c12;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

#bbpress-forums .bbp-topic-description p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
    color: #2c3e50;
}

/* Lead topic styling */
#bbpress-forums .bbp-lead-topic {
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    border-radius: 12px;
    padding: 2rem;
    margin: 2rem 0;
    border: 1px solid rgba(229, 231, 235, 0.8);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
}

/* Replies loop styling */
#bbpress-forums .bbp-replies {
    margin: 2rem 0;
}

#bbpress-forums .bbp-body .bbp-reply {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(229, 231, 235, 0.8);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#bbpress-forums .bbp-body .bbp-reply:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

#bbpress-forums .bbp-reply-author {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(229, 231, 235, 0.8);
}

#bbpress-forums .bbp-reply-author .bbp-author-avatar img {
    border-radius: 50%;
    border: 3px solid #3498db;
    margin-right: 1rem;
}

#bbpress-forums .bbp-author-name {
    font-weight: 600;
    color: #2c3e50;
    font-size: 1rem;
}

#bbpress-forums .bbp-reply-post-date {
    font-size: 0.85rem;
    color: #7f8c8d;
    margin-top: 0.25rem;
}

#bbpress-forums .bbp-reply-content {
    line-height: 1.7;
    color: #2d3748;
    font-size: 1rem;
}

#bbpress-forums .bbp-reply-content p {
    margin: 0 0 1rem 0;
}

#bbpress-forums .bbp-reply-content p:last-child {
    margin-bottom: 0;
}

/* Pagination styling */
#bbpress-forums .bbp-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin: 2rem 0;
}

#bbpress-forums .bbp-pagination .page-numbers {
    display: inline-block;
    padding: 0.75rem 1.25rem;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    text-decoration: none;
    color: #495057;
    font-weight: 500;
    transition: all 0.3s ease;
}

#bbpress-forums .bbp-pagination .page-numbers:hover {
    background: #3498db;
    color: white;
    border-color: #3498db;
    transform: translateY(-2px);
}

#bbpress-forums .bbp-pagination .page-numbers.current {
    background: #3498db;
    color: white;
    border-color: #3498db;
}

#bbpress-forums .bbp-pagination .page-numbers.dots {
    background: transparent;
    border: none;
    color: #7f8c8d;
}

/* Reply form section */
#bbpress-forums .bbp-reply-form {
    background: linear-gradient(145deg, #ffffff, #fafcff);
    border-radius: 12px;
    padding: 2rem;
    margin-top: 3rem;
    border: 1px solid rgba(229, 231, 235, 0.8);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
}

#bbpress-forums .bbp-reply-form h3 {
    font-size: 1.5rem;
    color: #2c3e50;
    margin: 0 0 1.5rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 3px solid #3498db;
}

/* Alert/topic lock styling */
#bbpress-forums .bbp-alert {
    background: rgba(254, 252, 232, 0.9);
    border: 1px solid rgba(253, 224, 71, 0.4);
    border-radius: 10px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    color: #713f12;
    font-weight: 500;
}

#bbpress-forums .bbp-alert p {
    margin: 0;
    display: flex;
    align-items: center;
}

#bbpress-forums .bbp-alert:before {
    content: "⚠️";
    margin-right: 0.75rem;
    font-size: 1.25rem;
}

/* Protected form styling */
#bbpress-forums .bbp-protected {
    background: rgba(254, 242, 242, 0.9);
    border: 1px solid rgba(248, 113, 113, 0.3);
    border-radius: 10px;
    padding: 2rem;
    text-align: center;
    margin: 2rem 0;
}

#bbpress-forums .bbp-protected h3 {
    color: #dc2626;
    margin-bottom: 1rem;
}

#bbpress-forums .bbp-protected p {
    color: #7f1d1d;
    margin-bottom: 1.5rem;
}

/* Responsive design */
@media (max-width: 768px) {
    #bbpress-forums.bbpress-wrapper {
        padding: 0 1rem;
        margin: 1rem auto;
    }

    #bbpress-forums .bbp-lead-topic,
    #bbpress-forums .bbp-reply-form,
    #bbpress-forums .bbp-body .bbp-reply {
        padding: 1.25rem;
    }

    #bbpress-forums .bbp-reply-author {
        flex-direction: column;
        align-items: flex-start;
    }

    #bbpress-forums .bbp-reply-author .bbp-author-avatar {
        margin-bottom: 0.75rem;
    }

    #bbpress-forums .bbp-pagination {
        flex-wrap: wrap;
    }

    #bbpress-forums .bbp-topic-subscription-link,
    #bbpress-forums .bbp-topic-favorite-link {
        display: block;
        margin-bottom: 0.75rem;
        text-align: center;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    #bbpress-forums.bbpress-wrapper {
        color: #e2e8f0;
    }

    #bbpress-forums .bbp-body .bbp-reply,
    #bbpress-forums .bbp-lead-topic,
    #bbpress-forums .bbp-reply-form {
        background: #1e293b;
        border-color: #334155;
    }

    #bbpress-forums .bbp-reply-content,
    #bbpress-forums .bbp-author-name {
        color: #e2e8f0;
    }

    #bbpress-forums .bbp-pagination .page-numbers {
        background: #334155;
        border-color: #475569;
        color: #e2e8f0;
    }
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#bbpress-forums .bbp-body .bbp-reply {
    animation: fadeIn 0.5s ease-out;
}

/* Focus styles for accessibility */
#bbpress-forums a:focus-visible,
#bbpress-forums button:focus-visible,
#bbpress-forums input:focus-visible,
#bbpress-forums textarea:focus-visible {
    outline: 2px solid #3498db;
    outline-offset: 2px;
    border-radius: 4px;
}





/*** replies block include the topic **/
/* Main reply container */
#bbpress-forums .reply-wrapper {
    display: flex;
    gap: 16px;
    padding: 20px;
    margin-bottom: 1px;
    background: #ffffff;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 8px;
}

#bbpress-forums .reply-wrapper:hover {
    background: #f8f9fa;
    border-left-color: #3498db;
}

/* Even/odd reply styling for better readability */
#bbpress-forums .bbp-reply:nth-child(even) .reply-wrapper {
    background: #fcfdfe;
}

#bbpress-forums .bbp-reply:nth-child(even) .reply-wrapper:hover {
    background: #f5f7fa;
}

/* Left column - Author section (SMALLER) */
#bbpress-forums .reply-author {
    flex: 0 0 140px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 12px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

/* Author avatar (SMALLER) */
#bbpress-forums .reply-author .bbp-author-avatar {
    margin-bottom: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
}

#bbpress-forums .reply-author .bbp-author-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #3498db;
    background: white;
    padding: 2px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

/* Author name (SMALLER) */
#bbpress-forums .reply-author .bbp-author-name {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #2c3e50;
    width: 100%;
    word-break: break-word;
}

#bbpress-forums .reply-author .bbp-author-name a {
    color: #2c3e50;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#bbpress-forums .reply-author .bbp-author-name a:hover {
    color: #3498db;
}

/* Author role badge (SMALLER) */
#bbpress-forums .reply-author .bbp-author-role {
    display: inline-block;
    padding: 3px 10px;
    background: #3498db;
    color: white;
    font-size: 11px;
    font-weight: 600;
    border-radius: 16px;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    max-width: 100%;
    word-break: keep-all;
}

/* Special role styling */
#bbpress-forums .reply-author .bbp-role-keymaster,
#bbpress-forums .reply-author .bbp-role-moderator {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
}

#bbpress-forums .reply-author .bbp-role-participant {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

#bbpress-forums .reply-author .bbp-role-spectator {
    background: linear-gradient(135deg, #95a5a6, #7f8c8d);
}

/* IP address for moderators (SMALLER) */
#bbpress-forums .reply-author .bbp-reply-ip {
    font-size: 10px;
    color: #7f8c8d;
    background: rgba(236, 240, 241, 0.8);
    padding: 3px 6px;
    border-radius: 3px;
    font-family: 'Monaco', 'Consolas', monospace;
    margin-top: 4px;
    border: 1px solid #dfe6e9;
    width: 100%;
    box-sizing: border-box;
    word-break: break-all;
}

/* Right column - Main content */
#bbpress-forums .reply-main {
    flex: 1;
    min-width: 0;
    padding-right: 12px;
}

/* Reply content */
#bbpress-forums .reply-content {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.6;
    color: #2d3748;
}

#bbpress-forums .reply-content p {
    margin: 0 0 12px 0;
}

#bbpress-forums .reply-content p:last-child {
    margin-bottom: 0;
}

/* Code formatting */
#bbpress-forums .reply-content pre,
#bbpress-forums .reply-content code {
    font-family: 'SF Mono', Monaco, 'Consolas', 'Liberation Mono', monospace;
    font-size: 12px;
    background: #f6f8fa;
    border-radius: 3px;
}

#bbpress-forums .reply-content pre {
    padding: 12px;
    margin: 12px 0;
    overflow-x: auto;
    border-left: 3px solid #3498db;
    background: linear-gradient(to right, #f6f8fa, #fafbfc);
}

#bbpress-forums .reply-content code {
    padding: 2px 4px;
    color: #d35400;
}

/* Links in content */
#bbpress-forums .reply-content a {
    color: #2980b9;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease;
}

#bbpress-forums .reply-content a:hover {
    color: #1a5276;
    border-bottom-color: #1a5276;
}

/* Reply meta bar (SMALLER) */
#bbpress-forums .reply-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid #eaeaea;
    font-size: 12px;
    color: #7f8c8d;
    flex-wrap: wrap;
}

/* Reply date */
#bbpress-forums .reply-date {
    font-weight: 500;
    color: #3498db;
}

/* Permalink (SMALLER) */
#bbpress-forums .reply-permalink {
    color: #7f8c8d;
    text-decoration: none;
    padding: 3px 6px;
    background: #f1f2f4;
    border-radius: 3px;
    font-family: 'SF Mono', Monaco, monospace;
    font-size: 11px;
    transition: all 0.2s ease;
}

#bbpress-forums .reply-permalink:hover {
    background: #3498db;
    color: white;
    text-decoration: none;
}

/* Admin links (SMALLER) */
#bbpress-forums .reply-meta .bbp-admin-links {
    margin-left: auto;
    display: flex;
    gap: 6px;
}

#bbpress-forums .reply-meta .bbp-admin-links a {
    color: #7f8c8d;
    text-decoration: none;
    padding: 3px 6px;
    border-radius: 3px;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 11px;
}

#bbpress-forums .reply-meta .bbp-admin-links a:hover {
    background: #f1f2f4;
    color: #2c3e50;
}

#bbpress-forums .reply-meta .bbp-admin-links .bbp-reply-edit-link:hover {
    background: #3498db;
    color: white;
}

#bbpress-forums .reply-meta .bbp-admin-links .bbp-reply-delete-link:hover {
    background: #e74c3c;
    color: white;
}

#bbpress-forums .reply-meta .bbp-admin-links .bbp-reply-spam-link:hover {
    background: #f39c12;
    color: white;
}

/* Best answer highlight */
#bbpress-forums .bbp-reply-is-sticky .reply-wrapper {
    border-left-color: #2ecc71;
    background: linear-gradient(to right, #f0fff4, #ffffff);
}

#bbpress-forums .bbp-reply-is-sticky .reply-wrapper:hover {
    background: linear-gradient(to right, #e8f5e9, #f8f9fa);
}

#bbpress-forums .bbp-reply-is-sticky .reply-author {
    border-color: #2ecc71;
}

#bbpress-forums .bbp-reply-is-sticky .reply-author .bbp-author-avatar img {
    border-color: #2ecc71;
}

#bbpress-forums .bbp-reply-is-sticky::before {
    content: "✓ Best Answer";
    position: absolute;
    top: -10px;
    left: -4px;
    background: #2ecc71;
    color: white;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 3px 3px 0 0;
    z-index: 1;
}

/* Style for the main question (first post) to differentiate */
#bbpress-forums .bbp-topic .reply-wrapper {
    border-left: 4px solid #f39c12;
    background: linear-gradient(to right, #fff9f0, #ffffff);
}

#bbpress-forums .bbp-topic .reply-wrapper:hover {
    background: linear-gradient(to right, #fff5e6, #f8f9fa);
}

#bbpress-forums .bbp-topic .reply-author {
    border-color: #f39c12;
}

#bbpress-forums .bbp-topic .reply-author .bbp-author-avatar img {
    border-color: #f39c12;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    #bbpress-forums .reply-wrapper {
        flex-direction: column;
        gap: 12px;
        padding: 16px;
    }

    #bbpress-forums .reply-author {
        flex: none;
        flex-direction: column;
        text-align: center;
        gap: 0;
        align-items: center;
        padding: 10px;
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
    }

    #bbpress-forums .reply-author .bbp-author-avatar {
        margin-bottom: 10px;
    }

    #bbpress-forums .reply-author .bbp-author-avatar img {
        width: 50px;
        height: 50px;
    }

    #bbpress-forums .reply-author .bbp-author-name {
        margin-bottom: 8px;
        font-size: 13px;
    }

    #bbpress-forums .reply-main {
        padding-right: 0;
    }

    #bbpress-forums .reply-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        font-size: 11px;
    }

    #bbpress-forums .reply-meta .bbp-admin-links {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
    }

    #bbpress-forums .bbp-reply-is-sticky::before {
        top: -8px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 3px;
        font-size: 9px;
    }
}

/* Tablet responsiveness */
@media (max-width: 1024px) and (min-width: 769px) {
    #bbpress-forums .reply-author {
        flex: 0 0 120px;
    }

    #bbpress-forums .reply-author .bbp-author-avatar img {
        width: 50px;
        height: 50px;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    #bbpress-forums .reply-wrapper {
        background: #1e293b;
    }

    #bbpress-forums .reply-wrapper:hover {
        background: #2d3748;
        border-left-color: #60a5fa;
    }

    #bbpress-forums .bbp-reply:nth-child(even) .reply-wrapper {
        background: #18202f;
    }

    #bbpress-forums .bbp-reply:nth-child(even) .reply-wrapper:hover {
        background: #252f3f;
    }

    #bbpress-forums .reply-author {
        background: #0f172a;
        border-color: #334155;
    }

    #bbpress-forums .reply-author .bbp-author-avatar img {
        border-color: #60a5fa;
        background: #1e293b;
    }

    #bbpress-forums .reply-author .bbp-author-name,
    #bbpress-forums .reply-author .bbp-author-name a {
        color: #e2e8f0;
    }

    #bbpress-forums .reply-author .bbp-author-name a:hover {
        color: #60a5fa;
    }

    #bbpress-forums .reply-author .bbp-reply-ip {
        background: rgba(51, 65, 85, 0.8);
        border-color: #475569;
        color: #94a3b8;
    }

    #bbpress-forums .reply-content {
        color: #e2e8f0;
    }

    #bbpress-forums .reply-content pre,
    #bbpress-forums .reply-content code {
        background: #0f172a;
    }

    #bbpress-forums .reply-content pre {
        background: linear-gradient(to right, #0f172a, #1e293b);
        border-left-color: #60a5fa;
    }

    #bbpress-forums .reply-content a {
        color: #60a5fa;
    }

    #bbpress-forums .reply-content a:hover {
        color: #93c5fd;
    }

    #bbpress-forums .reply-meta {
        border-top-color: #334155;
        color: #94a3b8;
    }

    #bbpress-forums .reply-date {
        color: #60a5fa;
    }

    #bbpress-forums .reply-permalink {
        color: #94a3b8;
        background: #334155;
    }

    #bbpress-forums .reply-permalink:hover {
        background: #60a5fa;
        color: #0f172a;
    }

    #bbpress-forums .reply-meta .bbp-admin-links a {
        color: #94a3b8;
    }

    #bbpress-forums .reply-meta .bbp-admin-links a:hover {
        background: #334155;
        color: #e2e8f0;
    }

    #bbpress-forums .bbp-reply-is-sticky .reply-wrapper {
        background: linear-gradient(to right, #064e3b, #1e293b);
        border-left-color: #10b981;
    }

    #bbpress-forums .bbp-reply-is-sticky .reply-wrapper:hover {
        background: linear-gradient(to right, #065f46, #2d3748);
    }

    /* Question styling in dark mode */
    #bbpress-forums .bbp-topic .reply-wrapper {
        background: linear-gradient(to right, #1c1607, #1e293b);
        border-left-color: #f59e0b;
    }

    #bbpress-forums .bbp-topic .reply-wrapper:hover {
        background: linear-gradient(to right, #292013, #2d3748);
    }

    #bbpress-forums .bbp-topic .reply-author {
        border-color: #f59e0b;
    }

    #bbpress-forums .bbp-topic .reply-author .bbp-author-avatar img {
        border-color: #f59e0b;
    }
}

/* Animations */
@keyframes highlightReply {
    0% {
        background: #fffacd;
        border-left-color: #ffd700;
    }
    100% {
        background: #ffffff;
        border-left-color: transparent;
    }
}

#bbpress-forums .bbp-reply.highlighted .reply-wrapper {
    animation: highlightReply 1.5s ease-out;
}

/* Focus states for accessibility */
#bbpress-forums .reply-wrapper:focus-within {
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.3);
    border-radius: 4px;
}

/* Print styles */
@media print {
    #bbpress-forums .reply-wrapper {
        break-inside: avoid;
        border: 1px solid #ddd;
    }
}

/* Smooth scrolling for permalink clicks */
html:has(#bbpress-forums .reply-permalink:target) {
    scroll-behavior: smooth;
}

#bbpress-forums .bbp-reply:target .reply-wrapper {
    background: #fffacd !important;
    border-left-color: #ffd700 !important;
    transition: all 0.3s ease;
}

/** content single question **/
/* Topic Lead Container - StackOverflow Inspired */
#bbpress-forums .bbp-lead-topic {
    list-style: none;
    margin: 0 0 2.5rem 0;
    padding: 0;
    background: #ffffff;
    border-radius: 12px;
    border: 2px solid #ffce4e;
    box-shadow: 0 2px 8px rgba(255, 206, 78, 0.15), 0 8px 25px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: visible;
}

#bbpress-forums .bbp-lead-topic::before {
    content: "⭐ Question";
    position: absolute;
    top: -14px;
    left: 20px;
    background: linear-gradient(135deg, #ffce4e, #f5a623);
    color: #2c3e50;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 16px;
    border-radius: 16px;
    z-index: 2;
    letter-spacing: 0.3px;
    box-shadow: 0 3px 10px rgba(255, 206, 78, 0.3);
    border: 2px solid white;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

/* Hide header/footer */
#bbpress-forums .bbp-lead-topic .bbp-header,
#bbpress-forums .bbp-lead-topic .bbp-footer {
    display: none;
}

/* Topic wrapper - StackOverflow style layout */
#bbpress-forums .bbp-lead-topic .topic-wrapper {
    display: flex;
    gap: 20px;
    padding: 25px;
    position: relative;
}

/* =========================================== */
/* FIX: USERNAME UNDER PROFILE PICTURE */
/* =========================================== */

/* Left column - Author section */
#bbpress-forums .bbp-lead-topic .topic-author {
    flex: 0 0 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 18px 12px;
    background: #f8f9fa;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
}

#bbpress-forums .bbp-lead-topic .topic-author::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #ffce4e, #f5a623);
}

/* AUTHOR SECTION LAYOUT FIX */
#bbpress-forums .bbp-lead-topic .bbp-topic-author {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Author avatar - StackOverflow style */
#bbpress-forums .bbp-lead-topic .bbp-author-avatar {
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    order: 1;
}

#bbpress-forums .bbp-lead-topic .bbp-author-avatar img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #ffce4e;
    background: white;
    padding: 2px;
    box-shadow: 0 3px 8px rgba(255, 206, 78, 0.25);
    object-fit: cover;
    transition: all 0.3s ease;
}

#bbpress-forums .bbp-lead-topic .bbp-author-avatar img:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(255, 206, 78, 0.4);
}

/* Author name - FORCE UNDER AVATAR */
#bbpress-forums .bbp-lead-topic .bbp-author-name {
    margin: 10px 0 8px 0 !important;
    font-size: 15px;
    font-weight: 700;
    color: #2c3e50;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    width: 100%;
    word-break: break-word;
    line-height: 1.3;
    order: 2;
    text-align: center !important;
    display: block !important;
    float: none !important;
    clear: both !important;
}

#bbpress-forums .bbp-lead-topic .bbp-author-name a {
    color: #2c3e50;
    text-decoration: none;
    transition: all 0.2s ease;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px 4px;
    border-radius: 4px;
}

#bbpress-forums .bbp-lead-topic .bbp-author-name a:hover {
    color: #f5a623;
    background: rgba(245, 166, 35, 0.08);
}

/* Author role badge - AFTER NAME */
#bbpress-forums .bbp-lead-topic .bbp-author-role {
    display: inline-block;
    padding: 4px 12px;
    background: linear-gradient(135deg, #ffce4e, #f5a623);
    color: #2c3e50;
    font-size: 11px;
    font-weight: 700;
    border-radius: 12px;
    margin: 0 0 8px 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    max-width: 100%;
    word-break: keep-all;
    box-shadow: 0 2px 4px rgba(255, 206, 78, 0.2);
    border: 1px solid rgba(255, 206, 78, 0.3);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    order: 3;
    clear: both;
}

/* Special role styling */
#bbpress-forums .bbp-lead-topic .bbp-role-keymaster {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
    border-color: rgba(255, 107, 107, 0.3);
}

#bbpress-forums .bbp-lead-topic .bbp-role-moderator {
    background: linear-gradient(135deg, #48dbfb, #0abde3);
    border-color: rgba(72, 219, 251, 0.3);
}

/* IP address for moderators - LAST */
#bbpress-forums .bbp-lead-topic .bbp-topic-ip {
    font-size: 10px;
    color: #666;
    background: rgba(0, 0, 0, 0.03);
    padding: 4px 8px;
    border-radius: 4px;
    font-family: 'SF Mono', Monaco, 'Consolas', monospace;
    margin: 8px 0 0 0 !important;
    border: 1px solid #eee;
    width: 100%;
    box-sizing: border-box;
    word-break: break-all;
    font-weight: 500;
    order: 4;
    clear: both;
}

/* =========================================== */
/* KEEP ADMIN LINKS INSIDE THE BOX */
/* =========================================== */

/* Admin links container - ensure it stays inside */
#bbpress-forums .bbp-lead-topic .bbp-admin-links {
    margin-left: auto;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    max-width: 100%;
    justify-content: flex-end;
}

#bbpress-forums .bbp-lead-topic .bbp-admin-links a {
    color: #6a737c;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 12px;
    background: #f8f9fa;
    border: 1px solid #e4e6e8;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    white-space: nowrap;
    margin: 2px 0;
}

#bbpress-forums .bbp-lead-topic .bbp-admin-links a:hover {
    background: #ffce4e;
    color: #2c3e50;
    border-color: #ffce4e;
    text-decoration: none;
}

/* Specific admin link styles */
#bbpress-forums .bbp-lead-topic .bbp-admin-links .bbp-topic-edit-link:hover {
    background: #48dbfb;
    color: #2c3e50;
    border-color: #48dbfb;
}

#bbpress-forums .bbp-lead-topic .bbp-admin-links .bbp-topic-merge-link:hover {
    background: #9b59b6;
    color: white;
    border-color: #9b59b6;
}

#bbpress-forums .bbp-lead-topic .bbp-admin-links .bbp-topic-close-link:hover {
    background: #e74c3c;
    color: white;
    border-color: #e74c3c;
}

#bbpress-forums .bbp-lead-topic .bbp-admin-links .bbp-topic-stick-link:hover {
    background: #2ecc71;
    color: white;
    border-color: #2ecc71;
}

#bbpress-forums .bbp-lead-topic .bbp-admin-links .bbp-topic-trash-link:hover {
    background: #e74c3c;
    color: white;
    border-color: #e74c3c;
}

#bbpress-forums .bbp-lead-topic .bbp-admin-links .bbp-topic-spam-link:hover {
    background: #f39c12;
    color: white;
    border-color: #f39c12;
}

#bbpress-forums .bbp-lead-topic .bbp-admin-links .bbp-topic-unapprove-link:hover {
    background: #95a5a6;
    color: white;
    border-color: #95a5a6;
}

#bbpress-forums .bbp-lead-topic .bbp-admin-links .bbp-topic-reply-link:hover {
    background: #3498db;
    color: white;
    border-color: #3498db;
}

/* Right column - Main content */
#bbpress-forums .bbp-lead-topic .topic-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* Topic content - StackOverflow style */
#bbpress-forums .bbp-lead-topic .bbp-topic-content {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.6;
    color: #242729;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

#bbpress-forums .bbp-lead-topic .bbp-topic-content p {
    margin: 0 0 18px 0;
    font-size: 15px;
    line-height: 1.6;
}

#bbpress-forums .bbp-lead-topic .bbp-topic-content p:last-child {
    margin-bottom: 0;
}

/* Code formatting - StackOverflow style */
#bbpress-forums .bbp-lead-topic .bbp-topic-content pre,
#bbpress-forums .bbp-lead-topic .bbp-topic-content code {
    font-family: 'SF Mono', Monaco, 'Consolas', 'Liberation Mono', monospace;
    font-size: 13px;
    background: #f6f8fa;
    border-radius: 3px;
}

#bbpress-forums .bbp-lead-topic .bbp-topic-content pre {
    padding: 16px;
    margin: 18px 0;
    overflow-x: auto;
    border: 1px solid #e1e4e8;
    background: #f6f8fa;
    border-radius: 6px;
    border-left: 3px solid #ffce4e;
}

#bbpress-forums .bbp-lead-topic .bbp-topic-content code {
    padding: 2px 4px;
    color: #d35400;
    background: rgba(255, 206, 78, 0.1);
    border: 1px solid rgba(255, 206, 78, 0.2);
}

/* Links in content - StackOverflow style */
#bbpress-forums .bbp-lead-topic .bbp-topic-content a {
    color: #0077cc;
    text-decoration: none;
    transition: all 0.2s ease;
    font-weight: 500;
}

#bbpress-forums .bbp-lead-topic .bbp-topic-content a:hover {
    color: #005999;
    text-decoration: underline;
}

/* Topic meta bar - StackOverflow style - ENSURE IT STAYS INSIDE */
#bbpress-forums .bbp-lead-topic .topic-meta {
    font-size: 0.85em;
    color: #666;
    margin-top: 10px;
    padding: 12px 0 0 0;
    border-top: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#bbpress-forums .bbp-lead-topic .topic-meta .bbp-topic-post-date {
    color: #6a737c;
    font-weight: 500;
    padding: 4px 10px;
    background: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e4e6e8;
    white-space: nowrap;
}

#bbpress-forums .bbp-lead-topic .topic-meta .bbp-topic-permalink {
    color: #6a737c;
    text-decoration: none;
    padding: 4px 10px;
    background: #f8f9fa;
    border-radius: 4px;
    font-family: 'SF Mono', Monaco, monospace;
    font-size: 12px;
    transition: all 0.2s ease;
    border: 1px solid #e4e6e8;
    white-space: nowrap;
}

#bbpress-forums .bbp-lead-topic .topic-meta .bbp-topic-permalink:hover {
    background: #ffce4e;
    color: #2c3e50;
    text-decoration: none;
    border-color: #ffce4e;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    #bbpress-forums .bbp-lead-topic {
        margin: 0 0 1.5rem 0;
        border-width: 1px;
    }
    
    #bbpress-forums .bbp-lead-topic::before {
        left: 50%;
        transform: translateX(-50%);
        font-size: 10px;
        padding: 4px 12px;
        top: -12px;
    }
    
    #bbpress-forums .bbp-lead-topic .topic-wrapper {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }
    
    #bbpress-forums .bbp-lead-topic .topic-author {
        flex: none;
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-author-avatar {
        margin-bottom: 12px;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-author-avatar img {
        width: 60px;
        height: 60px;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-author-name {
        margin: 8px 0 6px 0 !important;
        font-size: 14px;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-author-role {
        margin: 0 0 6px 0 !important;
        font-size: 10px;
        padding: 3px 10px;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-ip {
        margin: 6px 0 0 0 !important;
        font-size: 9px;
    }
    
    #bbpress-forums .bbp-lead-topic .topic-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-admin-links {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-admin-links a {
        margin: 2px;
        padding: 5px 10px;
        font-size: 11px;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-content {
        font-size: 14px;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-content p {
        font-size: 14px;
        line-height: 1.5;
    }
}

/* Tablet responsiveness */
@media (max-width: 1024px) and (min-width: 769px) {
    #bbpress-forums .bbp-lead-topic .topic-author {
        flex: 0 0 130px;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-author-avatar img {
        width: 60px;
        height: 60px;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-admin-links {
        flex-wrap: wrap;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-admin-links a {
        padding: 5px 10px;
        font-size: 11px;
        margin: 1px;
    }
}

/* Dark mode - StackOverflow Dark */
@media (prefers-color-scheme: dark) {
    #bbpress-forums .bbp-lead-topic {
        background: #1c1c1c;
        border-color: #ffce4e;
        box-shadow: 0 2px 8px rgba(255, 206, 78, 0.1), 0 8px 25px rgba(0, 0, 0, 0.2);
    }
    
    #bbpress-forums .bbp-lead-topic::before {
        background: linear-gradient(135deg, #ffce4e, #f5a623);
        color: #1c1c1c;
        border-color: #2c2c2c;
        box-shadow: 0 3px 10px rgba(255, 206, 78, 0.2);
    }
    
    #bbpress-forums .bbp-lead-topic .topic-author {
        background: #2c2c2c;
        border-color: #404040;
    }
    
    #bbpress-forums .bbp-lead-topic .topic-author::after {
        background: linear-gradient(90deg, #ffce4e, #f5a623);
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-author-avatar img {
        border-color: #ffce4e;
        background: #2c2c2c;
        box-shadow: 0 3px 8px rgba(255, 206, 78, 0.2);
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-author-name,
    #bbpress-forums .bbp-lead-topic .bbp-author-name a {
        color: #e0e0e0;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-author-name a:hover {
        color: #ffce4e;
        background: rgba(255, 206, 78, 0.1);
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-author-role {
        background: linear-gradient(135deg, #ffce4e, #f5a623);
        color: #1c1c1c;
        border-color: rgba(255, 206, 78, 0.4);
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-ip {
        color: #aaa;
        background: rgba(255, 255, 255, 0.05);
        border-color: #404040;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-content {
        color: #e0e0e0;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-content pre,
    #bbpress-forums .bbp-lead-topic .bbp-topic-content code {
        background: #2c2c2c;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-content pre {
        border-color: #404040;
        background: #2c2c2c;
        border-left-color: #ffce4e;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-content code {
        color: #ffa726;
        background: rgba(255, 206, 78, 0.15);
        border-color: rgba(255, 206, 78, 0.3);
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-content a {
        color: #64b5f6;
    }
    
    #bbpress-forums .bbp-lead-topic .bbp-topic-content a:hover {
        color: #42a5f5;
    }
    
    #bbpress-forums .bbp-lead-topic .topic-meta {
        border-top-color: #404040;
        color: #aaa;
    }
    
    #bbpress-forums .bbp-lead-topic .topic-meta .bbp-topic-post-date,
    #bbpress-forums .bbp-lead-topic .topic-meta .bbp-topic-permalink,
    #bbpress-forums .bbp-lead-topic .topic-meta .bbp-admin-links a {
        background: #2c2c2c;
        border-color: #404040;
        color: #aaa;
    }
    
    #bbpress-forums .bbp-lead-topic .topic-meta .bbp-topic-permalink:hover,
    #bbpress-forums .bbp-lead-topic .topic-meta .bbp-admin-links a:hover {
        background: #ffce4e;
        color: #1c1c1c;
        border-color: #ffce4e;
    }
}

/* Animation */
@keyframes slideInQuestion {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#bbpress-forums .bbp-lead-topic {
    animation: slideInQuestion 0.5s ease-out;
}

/* Focus states */
#bbpress-forums .bbp-lead-topic:focus-within {
    box-shadow: 0 0 0 3px rgba(255, 206, 78, 0.4);
    outline: none;
}

/* Print styles */
@media print {
    #bbpress-forums .bbp-lead-topic {
        border: 1px solid #ddd;
        box-shadow: none;
    }
    
    #bbpress-forums .bbp-lead-topic::before {
        border: 1px solid #ddd;
        background: #f8f9fa;
        color: #333;
    }
}


/** loop-topic.php **/
/* Container - Transparent wrapper */
div[id^="bbp-topic-"].container {
    margin-bottom: 0 !important; 
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* The Row - The individual card with white space gap */
div[id^="bbp-topic-"] .row {
    padding: 15px !important;
    margin: 0 0 18px 0 !important; 
    display: flex;
    align-items: center; /* Vertically centers the two columns */
    border-radius: 12px; 
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}

/* Randomized Light Backgrounds */
div[id^="bbp-topic-"]:nth-of-type(5n+1) .row { background-color: #f8fafc; } 
div[id^="bbp-topic-"]:nth-of-type(5n+2) .row { background-color: #f0f9ff; } 
div[id^="bbp-topic-"]:nth-of-type(5n+3) .row { background-color: #fdf2f8; } 
div[id^="bbp-topic-"]:nth-of-type(5n+4) .row { background-color: #f0fdf4; } 
div[id^="bbp-topic-"]:nth-of-type(5n+5) .row { background-color: #fffbeb; } 

/* Left Column: CENTERED Author Styling */
.col-md-3.col-sm-4 {
    display: flex;
    flex-direction: column;
    align-items: center;    
    justify-content: center; 
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.05);
}

.bbp-topic-author img.avatar {
    border-radius: 50% !important;
    border: 2px solid #fff;
    width: 48px !important;
    height: 48px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}

.bbp-author-name {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748b;
    margin-top: 8px;
    display: block;
}

.bbp-topic-freshness {
    font-size: 10px;
    color: #94a3b8;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Right Column: Perfect Left Alignment for Content */
.col-md-9.col-sm-8 {
    padding-left: 25px !important; /* Consistent gutter for alignment */
    text-align: left; /* Ensure everything here is left aligned */
}

.bbp-topic-title {
    font-size: 1.15rem !important;
    margin: 0 0 4px 0 !important; /* Small bottom margin to hug the meta info */
    padding: 0 !important;        /* Reset padding to align with meta */
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
}

.bbp-topic-title a {
    color: #1e293b;
    text-decoration: none;
}

.bbp-topic-meta {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0 !important;        /* Remove margin to align with title */
    padding: 0 !important;
    text-align: left;
}

/* Stats Badges */
.bbp-topic-stats {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.bbp-topic-voice-count, 
.bbp-topic-reply-count {
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(0,0,0,0.05);
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #475569;
}

/* Actions Bar */
.bbp-topic-row-actions {
    margin-top: 10px;
    font-size: 10px;
    opacity: 0.7;
}

.bbp-topic-row-actions a {
    color: #64748b;
    text-decoration: none;
    margin-right: 12px;
}

/* Mobile Tweak */
@media (max-width: 767px) {
    .col-md-3.col-sm-4 {
        border-right: none;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .col-md-9.col-sm-8 {
        padding-left: 15px !important;
    }
}


/** loop-topics.php **/

/* ==================================================================== */
/* Combined CSS from all requests, with empty .bbp-forum-row removed */
/* ==================================================================== */


/* --- Row Background Colors (Requirement 3 from original list, adapted for the new class) --- */
/* 1. Add random bg color for <div class="row bbp-forum-grid-row align-items-start mb-4"> */
.bbp-forum-grid-row {
    padding: 15px; /* Adds space inside the colored block */
    border-radius: 8px; /* Optional: adds nice rounded corners to the colored row */
    margin-bottom: 20px; /* Using mb-4 class from HTML, adding a slight default here */
}

/* Cycle through a sequence of light, soft colors for different rows */
.bbp-forum-grid-row:nth-child(4n+1) { background-color: #e1f5fe; /* Light Cyan/Blue */ }
.bbp-forum-grid-row:nth-child(4n+2) { background-color: #e8f5e9; /* Light Mint Green */ }
.bbp-forum-grid-row:nth-child(4n+3) { background-color: #fff3e0; /* Light Orange/Cream */ }
.bbp-forum-grid-row:nth-child(4n+4) { background-color: #fce4ec; /* Light Pink */ }


/* --- Left Column Styling (Requirements 4, 5, 6 from original list) --- */

/* 5. Center the content in <div class="col-md-4 bbp-forum-info"> (Vertical & Horizontal) */
.bbp-forum-info {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically centers content */
    align-items: center; /* Horizontally centers content */
    text-align: center; 
}

/* 6. Make the <a> text in <div class="col-md-4 bbp-forum-info"> with a thinner size font */
.bbp-forum-info .bbp-forum-title {
    font-weight: 400 !important; /* Overrides Bootstrap's fw-bold */
    font-size: 1.1rem;
    color: #0056b3; 
}

/* 4. Make the image there a little round corner */
.bbp-forum-info img {
    border-radius: 8px; 
    max-width: 100%;
    height: auto;
}


/* --- Right Column Styling (New Requirement 2, plus 1 & 2 from original list) --- */

/* 2. Vertical centered content for <div class="col-md-8 bbp-forum-details"> */
.bbp-forum-details {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centers items vertically */
    height: 100%; /* Ensures alignment works correctly across columns */
}

/* 1. Make font a little smaller and better in bbp-forum-content mb-2 */
/* 2. Make the text align justify in bbp-forum-content */
.bbp-forum-content {
    font-size: 0.9rem;
    line-height: 1.5;
    text-align: justify;
    color: #333;
}

/* Styling for the stats area (added previously) */
.bbp-forum-stats {
    font-size: 0.8rem;
    color: #555;
    margin-top: 10px;
}




/** loop-single-topic.php **/
/* bbPress topic tags styling */

.bbp-topic-tags-label {
  font-size: 0.8em;
  font-weight: bold;
  margin-right: 6px;
  color: #333;
}

.bbp-topic-tag {
  display: inline-block;
  background-color: #ff4716; /* bright orange-red */
  color: #fff;               /* white text */
  font-size: 0.75em;         /* smaller font */
  padding: 2px 6px;
  margin-right: 4px;
  border-radius: 4px;
}

.bbp-topic-tag a {
  color: #fff;               /* keep links white */
  text-decoration: none;
}

.bbp-topic-tag a:hover {
  text-decoration: underline;
}



/** hide all search **/
#bbpress-forums .bbp-search-form {
    display: none !important;
}



/*** bbpress widget ul **/


/* ============================================
   BBPress Widgets Styling in Sidebar (#secondary)
   ============================================ */

/* Target ALL BBPress list items in #secondary */
#secondary .bbp-forums-widget li,
#secondary .widget_display_forums li,
#secondary .bbp-topics-widget li,
#secondary .widget_display_topics li,
#secondary .bbp-replies-widget li,
#secondary .widget_display_replies li,
#secondary .bbp-views-widget li,
#secondary .widget_display_views li,
#secondary .bbp-stats-widget li,
#secondary .widget_display_stats li {
    padding: 12px 15px !important;
    margin-bottom: 10px !important;
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04) !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Hover effects for ALL BBPress widgets - SOFT LIGHT BLUE */
#secondary .bbp-forums-widget li:hover,
#secondary .widget_display_forums li:hover,
#secondary .bbp-topics-widget li:hover,
#secondary .widget_display_topics li:hover,
#secondary .bbp-replies-widget li:hover,
#secondary .widget_display_replies li:hover,
#secondary .bbp-views-widget li:hover,
#secondary .widget_display_views li:hover,
#secondary .bbp-stats-widget li:hover,
#secondary .widget_display_stats li:hover {
    background: #f0f8ff !important; /* Soft light blue */
    border-color: #c0d8f0 !important; /* Slightly darker blue border */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,115,170,0.1) !important; /* Blue tint shadow */
}

/* Add blue left accent border to ALL BBPress widgets */
#secondary .bbp-forums-widget li::before,
#secondary .widget_display_forums li::before,
#secondary .bbp-topics-widget li::before,
#secondary .widget_display_topics li::before,
#secondary .bbp-replies-widget li::before,
#secondary .widget_display_replies li::before,
#secondary .bbp-views-widget li::before,
#secondary .widget_display_views li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #0073aa !important;
    border-radius: 6px 0 0 6px !important;
    transition: all 0.25s ease !important;
}

/* Make left border slightly thicker on hover */
#secondary .bbp-forums-widget li:hover::before,
#secondary .widget_display_forums li:hover::before,
#secondary .bbp-topics-widget li:hover::before,
#secondary .widget_display_topics li:hover::before,
#secondary .bbp-replies-widget li:hover::before,
#secondary .widget_display_replies li:hover::before,
#secondary .bbp-views-widget li:hover::before,
#secondary .widget_display_views li:hover::before {
    width: 4px !important;
    background: #005a87 !important; /* Slightly darker blue on hover */
}

/* Forum/Topic links for ALL widgets - NOW WITH BOLD TEXT */
#secondary .bbp-forums-widget a,
#secondary .widget_display_forums a,
#secondary .bbp-topics-widget a,
#secondary .widget_display_topics a,
#secondary .bbp-replies-widget a,
#secondary .widget_display_replies a,
#secondary .bbp-views-widget a,
#secondary .widget_display_views a,
#secondary .bbp-stats-widget a,
#secondary .widget_display_stats a {
    color: #2d3748 !important;
    text-decoration: none !important;
    font-weight: 600 !important; /* BOLD - changed from 500 to 600 */
    display: block !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
    transition: color 0.2s ease !important;
}

/* Link hover states for ALL widgets - darker blue & slightly bolder */
#secondary .bbp-forums-widget a:hover,
#secondary .widget_display_forums a:hover,
#secondary .bbp-topics-widget a:hover,
#secondary .widget_display_topics a:hover,
#secondary .bbp-replies-widget a:hover,
#secondary .widget_display_replies a:hover,
#secondary .bbp-views-widget a:hover,
#secondary .widget_display_views a:hover,
#secondary .bbp-stats-widget a:hover,
#secondary .widget_display_stats a:hover {
    color: #0056b3 !important; /* Darker blue for better contrast on light blue */
    font-weight: 700 !important; /* EVEN BOLDER on hover */
}

/* Forum counts/stats - targeting ALL count classes */
#secondary .bbp-forum-topic-count,
#secondary .bbp-forum-reply-count,
#secondary .bbp-topic-voice-count,
#secondary .bbp-topic-reply-count,
#secondary .bbp-reply-count,
#secondary .bbp-view-count,
#secondary .bbp-topic-count,
#secondary .bbp-reply-count {
    float: right !important;
    background: #0073aa !important;
    color: white !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important; /* BOLD count badges */
    min-width: 35px !important;
    text-align: center !important;
    line-height: 1.4 !important;
    margin-left: 10px !important;
    transition: all 0.25s ease !important;
}

/* Count badges on hover - slightly darker */
#secondary .bbp-forums-widget li:hover .bbp-forum-topic-count,
#secondary .bbp-forums-widget li:hover .bbp-forum-reply-count,
#secondary .bbp-topics-widget li:hover .bbp-topic-voice-count,
#secondary .bbp-topics-widget li:hover .bbp-topic-reply-count,
#secondary li:hover .bbp-reply-count,
#secondary li:hover .bbp-view-count {
    background: #005a87 !important;
    transform: scale(1.05) !important;
    font-weight: 800 !important; /* EXTRA BOLD on hover */
}

/* Adjust for smaller counts */
#secondary .bbp-forum-topic-count:empty,
#secondary .bbp-topic-reply-count:empty,
#secondary .bbp-reply-count:empty,
#secondary .bbp-view-count:empty {
    display: none !important;
}

/* Empty state for ALL widgets */
#secondary .bbp-no-forum,
#secondary .bbp-no-topic,
#secondary .bbp-no-reply,
#secondary .bbp-no-view,
#secondary .bbp-no-stat {
    text-align: center !important;
    color: #718096 !important;
    padding: 20px !important;
    font-style: italic !important;
    background: #f7fafc !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}

/* Empty state on hover */
#secondary .bbp-no-forum:hover,
#secondary .bbp-no-topic:hover,
#secondary .bbp-no-reply:hover,
#secondary .bbp-no-view:hover,
#secondary .bbp-no-stat:hover {
    background: #f0f8ff !important;
    border-color: #e0efff !important;
    font-weight: 600 !important; /* Bolder on hover */
}

/* Meta information for ALL widgets - make it bold too */
#secondary .bbp-forum-freshness,
#secondary .bbp-topic-freshness,
#secondary .bbp-reply-freshness,
#secondary .bbp-freshness {
    font-size: 12px !important;
    color: #718096 !important;
    display: block !important;
    margin-top: 5px !important;
    clear: both !important;
    transition: color 0.2s ease !important;
    font-weight: 500 !important; /* Semi-bold for meta text */
}

/* Meta text on hover - slightly darker & bolder */
#secondary .bbp-forums-widget li:hover .bbp-forum-freshness,
#secondary .bbp-topics-widget li:hover .bbp-topic-freshness,
#secondary .bbp-replies-widget li:hover .bbp-reply-freshness {
    color: #4a5568 !important;
    font-weight: 600 !important; /* Bolder on hover */
}

/* Author links in meta - bold */
#secondary .bbp-author-name,
#secondary .bbp-user-name {
    color: #0073aa !important;
    font-weight: 600 !important; /* BOLD author names */
    transition: color 0.2s ease !important;
}

/* Author links on hover */
#secondary li:hover .bbp-author-name,
#secondary li:hover .bbp-user-name {
    color: #0056b3 !important;
    text-decoration: underline !important;
    font-weight: 700 !important; /* EVEN BOLDER on hover */
}

/* Widget titles - Now for ALL BBPress widgets - Already bold, but let's make it extra bold */
#secondary .widget_display_forums .widget-title,
#secondary .widget_display_topics .widget-title,
#secondary .widget_display_replies .widget-title,
#secondary .widget_display_views .widget-title,
#secondary .widget_display_stats .widget-title,
#secondary .bbp-forums-widget .widget-title,
#secondary .bbp-topics-widget .widget-title,
#secondary .bbp-replies-widget .widget-title,
#secondary .bbp-views-widget .widget-title,
#secondary .bbp-stats-widget .widget-title {
    color: #1a202c !important;
    font-size: 18px !important;
    font-weight: 700 !important; /* EXTRA BOLD widget titles */
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #0073aa !important;
    letter-spacing: -0.3px !important; /* Slightly tighter letter spacing for bold text */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #secondary .bbp-forums-widget li,
    #secondary .widget_display_forums li,
    #secondary .bbp-topics-widget li,
    #secondary .widget_display_topics li,
    #secondary .bbp-replies-widget li,
    #secondary .widget_display_replies li,
    #secondary .bbp-views-widget li,
    #secondary .widget_display_views li {
        padding: 10px 12px !important;
        margin-bottom: 8px !important;
    }
    
    #secondary .bbp-forum-topic-count,
    #secondary .bbp-topic-reply-count,
    #secondary .bbp-reply-count {
        padding: 2px 8px !important;
        font-size: 11px !important;
    }
    
    /* Slightly lighter blue on mobile for better visibility */
    #secondary .bbp-forums-widget li:hover,
    #secondary .widget_display_forums li:hover,
    #secondary .bbp-topics-widget li:hover {
        background: #f5fbff !important;
    }
    
    /* Slightly reduce boldness on mobile for better readability */
    #secondary .bbp-forums-widget a,
    #secondary .widget_display_forums a,
    #secondary .bbp-topics-widget a {
        font-weight: 600 !important;
    }
}


/* Unique styling for language forum select popup */
.lang-forum-select-popup {
  border-radius: 8px;
  overflow: hidden;
  font-family: "Segoe UI", Arial, sans-serif;
}

.lang-forum-select-popup-header {
  background-color: #ff4716; /* bright orange-red */
  color: #fff;
  text-align: center;
  padding: 1rem;
}

.lang-forum-select-popup-body {
  padding: 1.5rem;
}

.lang-forum-select-popup-info-en,
.lang-forum-select-popup-info-zh {
  font-size: 1rem;
  margin-bottom: 0.75rem;
  color: #333;
}

.lang-forum-select-popup-buttons {
  margin-top: 1rem;
}

.lang-forum-select-popup-btn {
  min-width: 140px;
  font-weight: 600;
  border-radius: 4px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lang-forum-select-popup-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}