/**
 * BuddyBoss Profile Completion Widget - Enhanced Step Styling
 *
 * Makes ALL completion steps visually clickable and consistent.
 * Applies to Details, Profile Photo, Identity, and any other steps.
 *
 * @package User_Profile_Pro
 * @since 1.1.0
 */

/* Base link styling - bold, interactive (applies to ALL steps) */
.pc_detailed_progress .section_name a.group_link {
    color: var(--bb-primary-button-background-regular) !important;
    font-weight: 600 !important;
    cursor: pointer;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

/* Right arrow icon indicator (applies to ALL steps) */
.pc_detailed_progress .section_name a.group_link::after {
    content: "\f345";
    font-family: dashicons;
    margin-left: 6px;
    font-size: 14px;
    vertical-align: middle;
    opacity: 0.7;
}

/* Hover state - gold (applies to ALL steps) */
.pc_detailed_progress li.single_section_wrap:hover .section_name a.group_link {
    color: var(--bb-sidenav-text-hover) !important;
}

/* Hover state for arrow - gold */
.pc_detailed_progress li.single_section_wrap:hover .section_name a.group_link::after {
    color: var(--bb-sidenav-text-hover) !important;
    opacity: 1;
}

/* ==========================================================================
   WIDGET CONTAINER & TITLE (Nouveau Template)
   Targets .widget_bp_profile_completion_widget + .pc_detailed_progress_wrap
   structure used in newer BuddyBoss/BuddyPress versions.
   ========================================================================== */

.widget_bp_profile_completion_widget {
    background-color: var(--bb-content-background-color) !important;
    border: 1px solid var(--bb-primary-color) !important;
    padding: 24px !important;
    box-shadow: none !important;
}

.widget_bp_profile_completion_widget .widget-title {
    font-family: 'Cinzel', serif !important;
    color: var(--bb-headings-color) !important;
    border-bottom: 1px solid var(--bb-content-border-color) !important;
    margin-bottom: 20px !important;
}

.widget_bp_profile_completion_widget .percentage-label span,
.widget_bp_profile_completion_widget h3 {
    color: var(--bb-primary-color) !important;
    font-family: 'Cinzel', serif !important;
}

/* Incomplete steps */
.widget_bp_profile_completion_widget .pc_detailed_progress_wrap li:not(.completed) a {
    color: var(--bb-body-text-color) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
}

.widget_bp_profile_completion_widget .pc_detailed_progress_wrap li:not(.completed) .bb-icon-circle,
.widget_bp_profile_completion_widget .pc_detailed_progress_wrap li:not(.completed) .fa-circle-o,
.widget_bp_profile_completion_widget .pc_detailed_progress_wrap li:not(.completed) i {
    color: var(--bb-primary-color) !important;
    opacity: 1 !important;
    margin-right: 8px !important;
}

.widget_bp_profile_completion_widget .pc_detailed_progress_wrap li:not(.completed) a:hover {
    color: var(--bb-primary-color) !important;
    transform: translateX(4px);
}

/* Completed steps */
.widget_bp_profile_completion_widget .pc_detailed_progress_wrap li.completed a {
    color: var(--bb-primary-button-background-regular) !important;
    opacity: 0.8;
}

.widget_bp_profile_completion_widget .pc_detailed_progress_wrap li.completed i {
    color: var(--bb-primary-button-background-regular) !important;
}