/* Forum Toggle Functionality - All Layouts */

/* Layout 1 (Extended) */
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap {
    display: none; /* Hide forum content by default */
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category {
    cursor: pointer; /* Make category headers clickable */
    position: relative;
    transition: background-color 0.3s ease;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category:hover {
    background-color: rgba(0, 0, 0, 0.05); /* Subtle hover effect */
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category::after {
    content: "▼"; /* Down arrow to indicate expandable */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform 0.3s ease;
    color: #666;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category.wpf-collapsed::after {
    transform: translateY(-50%) rotate(-90deg); /* Rotate arrow when collapsed */
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category.wpf-expanded::after {
    transform: translateY(-50%) rotate(0deg); /* Normal arrow when expanded */
}

/* Show forum content when section is expanded */
#wpforo #wpforo-wrap .wpfl-1.wpf-expanded .forum-wrap {
    display: block;
}

/* Smooth transition for forum content */
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap {
    transition: all 0.3s ease;
}

/* Layout 2 (Simplified) */
#wpforo #wpforo-wrap .wpfl-2 .forum-wrap {
    display: none; /* Hide forum content by default */
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-category {
    cursor: pointer; /* Make category headers clickable */
    position: relative;
    transition: background-color 0.3s ease;
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-category:hover {
    background-color: rgba(0, 0, 0, 0.05); /* Subtle hover effect */
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-category::after {
    content: "▼"; /* Down arrow to indicate expandable */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform 0.3s ease;
    color: #666;
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-category.wpf-collapsed::after {
    transform: translateY(-50%) rotate(-90deg); /* Rotate arrow when collapsed */
}

#wpforo #wpforo-wrap .wpfl-2 .wpforo-category.wpf-expanded::after {
    transform: translateY(-50%) rotate(0deg); /* Normal arrow when expanded */
}

/* Show forum content when section is expanded */
#wpforo #wpforo-wrap .wpfl-2.wpf-expanded .forum-wrap {
    display: block;
}

/* Smooth transition for forum content */
#wpforo #wpforo-wrap .wpfl-2 .forum-wrap {
    transition: all 0.3s ease;
}

/* Layout 3 (Q&A) */
#wpforo #wpforo-wrap .wpfl-3 .forum-wrap {
    display: none; /* Hide forum content by default */
}

#wpforo #wpforo-wrap .wpfl-3 .wpforo-category {
    cursor: pointer; /* Make category headers clickable */
    position: relative;
    transition: background-color 0.3s ease;
}

#wpforo #wpforo-wrap .wpfl-3 .wpforo-category:hover {
    background-color: rgba(0, 0, 0, 0.05); /* Subtle hover effect */
}

#wpforo #wpforo-wrap .wpfl-3 .wpforo-category::after {
    content: "▼"; /* Down arrow to indicate expandable */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform 0.3s ease;
    color: #666;
}

#wpforo #wpforo-wrap .wpfl-3 .wpforo-category.wpf-collapsed::after {
    transform: translateY(-50%) rotate(-90deg); /* Rotate arrow when collapsed */
}

#wpforo #wpforo-wrap .wpfl-3 .wpforo-category.wpf-expanded::after {
    transform: translateY(-50%) rotate(0deg); /* Normal arrow when expanded */
}

/* Show forum content when section is expanded */
#wpforo #wpforo-wrap .wpfl-3.wpf-expanded .forum-wrap {
    display: block;
}

/* Smooth transition for forum content */
#wpforo #wpforo-wrap .wpfl-3 .forum-wrap {
    transition: all 0.3s ease;
}

/* Layout 4 (Threaded) */
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forums {
    display: none; /* Hide forum content by default */
}

#wpforo #wpforo-wrap .wpfl-4 .wpforo-category {
    cursor: pointer; /* Make category headers clickable */
    position: relative;
    transition: background-color 0.3s ease;
}

#wpforo #wpforo-wrap .wpfl-4 .wpforo-category:hover {
    background-color: rgba(0, 0, 0, 0.05); /* Subtle hover effect */
}

#wpforo #wpforo-wrap .wpfl-4 .wpforo-category::after {
    content: "▼"; /* Down arrow to indicate expandable */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform 0.3s ease;
    color: #666;
}

#wpforo #wpforo-wrap .wpfl-4 .wpforo-category.wpf-collapsed::after {
    transform: translateY(-50%) rotate(-90deg); /* Rotate arrow when collapsed */
}

#wpforo #wpforo-wrap .wpfl-4 .wpforo-category.wpf-expanded::after {
    transform: translateY(-50%) rotate(0deg); /* Normal arrow when expanded */
}

/* Show forum content when section is expanded */
#wpforo #wpforo-wrap .wpfl-4.wpf-expanded .wpf-cat-forums {
    display: block;
}

/* Smooth transition for forum content */
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forums {
    transition: all 0.3s ease;
}