/*
==========================================================================
 Cinesist BuddyPress Body Text Color Override
==========================================================================
*/

/* Target all paragraph tags specifically within the BuddyPress container */
#buddypress p {
    color: var(--body-fcolor); /* Apply the Foxiz body text color variable */
}

/* Optional: Target other common text elements within BuddyPress if needed */
/*
#buddypress div,
#buddypress span,
#buddypress li {
    color: var(--body-fcolor);
}
*/

/*
==========================================================================
 Cinesist BuddyPress Link Hover Override (Match Foxiz Style)
==========================================================================
*/

/* Apply Foxiz base link styles (underline effect) to standard BuddyPress links */
#buddypress a:not(.button):not(.bp-title-button) { /* Target links, but exclude buttons */
    transition: var(--effect); /* Use Foxiz transition timing */
    text-decoration-color: transparent; /* Start with transparent underline */
    text-decoration-line: underline;
    text-decoration-thickness: 0.1em; /* Adjust thickness as needed */
    text-underline-offset: min(4px, 0.125em); /* Adjust offset as needed */
    /* Ensure vendor prefixes for compatibility if needed */
    -webkit-text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
}

/* Apply Foxiz hover link styles */
#buddypress a:not(.button):not(.bp-title-button):hover {
    color: 0; /* Keep text color unchanged on hover */
    text-decoration-color: var(--title-e-hcolor, var(--g-color)); /* Foxiz underline hover color */
    /* Ensure vendor prefixes for compatibility if needed */
    -webkit-text-decoration-color: var(--title-e-hcolor, var(--g-color));
}

/* ==========================================================================
   BuddyPress Activity Text Area - Light Mode (Default)
   ========================================================================== */
/* The styles here are what the theme will display when data-theme="default" */
#buddypress form#whats-new-form textarea {
    background: var(--input-bg,var(--flex-gray-7));
    box-sizing: border-box;
    color: #1a1a1a;
    font-family: inherit;
    font-size: medium;
    height: 2.2em;
    line-height: 1.4;
    padding: 6px;
    width: 100%;
}


/* ==========================================================================
   BuddyPress Activity Text Area - Dark Mode
   ========================================================================== */
/* The styles below will be applied when the body has the data-theme="dark" attribute */
body[data-theme="dark"] #buddypress form#whats-new-form textarea {
    /*
     * The `var()` function retrieves the CSS custom properties from the Foxiz theme.
     * This allows your custom CSS to dynamically adapt to the theme's colors.
     */
    background: var(--input-bg, var(--flex-gray-7));
    color: var(--input-fcolor);

    /*
     * Include other properties here if they also need to change in dark mode.
     * In this case, your light and dark mode styles for these properties are identical,
     * so they can be defined just once in the light mode section to reduce redundancy.
     */
}
/*
==========================================================================
 Cinesist BuddyPress Button Overrides - Make BP buttons match Foxiz theme
==========================================================================
*/

/* Target all BuddyPress Legacy button types */
#buddypress .comment-reply-link,
#buddypress .generic-button a,
#buddypress .standard-form button,
#buddypress a.button,
#buddypress input[type=button],
#buddypress input[type=reset],
#buddypress input[type=submit],
#buddypress ul.button-nav li a,
a.bp-title-button {
    /* --- Reset BP Styles & Apply Foxiz Base --- */
    background: var(--btn-primary, var(--g-color)); /* Use Foxiz primary button background */
    color: var(--btn-accent, var(--awhite));      /* Use Foxiz primary button text color */
    border: none;                               /* Remove BP border */
    border-radius: var(--round-3);              /* Use Foxiz border radius */
    padding: var(--padding-40);                 /* Use Foxiz padding */
    line-height: var(--height-40);              /* Use Foxiz line height */
    font-size: var(--btn-fsize);                /* Use Foxiz font size */
    font-family: var(--btn-family);             /* Use Foxiz font family */
    font-weight: var(--btn-fweight);            /* Use Foxiz font weight */
    font-style: var(--btn-fstyle);              /* Use Foxiz font style */
    letter-spacing: var(--btn-fspace);          /* Use Foxiz letter spacing */
    text-transform: var(--btn-transform);       /* Use Foxiz text transform */
    text-decoration: none;                      /* Ensure no underlines */
    text-align: center;                         /* Keep text centered */
    cursor: pointer;                            /* Ensure pointer cursor */
    outline: none !important;                   /* Ensure no outline (matches Foxiz) */
    box-shadow: none;                           /* Remove BP shadow */
    transition: var(--effect);                  /* Use Foxiz transition effect */
    white-space: nowrap;                        /* Keep text on one line */

    /* Ensure specific BP styles are reset */
    box-sizing: border-box;                     /* Maintain box-sizing */
}

/* --- Apply Foxiz Hover Effect --- */
#buddypress .comment-reply-link:hover,
#buddypress .generic-button a:hover,
#buddypress .standard-form button:hover,
#buddypress a.button:hover,
#buddypress input[type=button]:hover,
#buddypress input[type=reset]:hover,
#buddypress input[type=submit]:hover,
#buddypress ul.button-nav li a:hover,
a.bp-title-button:hover, 
#bp-delete-cover-image.button.edit:hover {
    background: var(--btn-h-primary, var(--primary-color)); /* Use Foxiz primary button hover background */
    color: var(--btn-h-accent, var(--awhite));           /* Use Foxiz primary button hover text color */
    box-shadow: none;                                  /* Ensure no shadow on hover */
}
/*
==========================================================================
 Cinesist BuddyPress Button Hover Overrides
==========================================================================
*/

/* Apply Foxiz hover/focus styles to all BuddyPress button states */
#buddypress .comment-reply-link:hover,
#buddypress .comment-reply-link:focus, /* Add focus state */
#buddypress .generic-button a:hover,
#buddypress .generic-button a:focus, /* Add focus state */
#buddypress .standard-form button:hover,
#buddypress .standard-form button:focus, /* Add focus state */
#buddypress a.button:hover,
#buddypress a.button:focus,
#buddypress input[type=button]:hover,
#buddypress input[type=button]:focus, /* Add focus state */
#buddypress input[type=reset]:hover,
#buddypress input[type=reset]:focus, /* Add focus state */
#buddypress input[type=submit]:hover,
#buddypress input[type=submit]:focus, /* Add focus state */
#buddypress ul.button-nav li a:hover,
#buddypress ul.button-nav li a:focus, /* Add focus state */
#buddypress ul.button-nav li.current a, /* Style current nav item like hover */
a.bp-title-button:hover,
a.bp-title-button:focus, 
#bp-delete-cover-image.button.edit:hover,
#bp-delete-cover-image.button.edit:focus /* Add focus state */ {
    /* --- Apply Foxiz Hover Styles --- */
    color: var(--btn-accent-h, var(--awhite));           /* Foxiz hover text color */
    background-color: var(--btn-primary-h, var(--g-color)); /* Foxiz hover background */
    box-shadow: var(--btn-shadow, 0 3px 12px var(--btn-primary-h-90, var(--g-color-90))); /* Foxiz hover shadow */
    transform: var(--btn-animation);                 /* Foxiz hover transform/animation */

    /* --- Reset Conflicting BP Styles --- */
    border: none;                   /* Ensure BP border doesn't reappear */
    outline: none !important;       /* Ensure BP outline doesn't reappear */
    text-decoration: none;          /* Ensure no underlines */
}

/*
==========================================================================
 Cinesist BuddyPress Input Overrides
==========================================================================
*/
#buddypress .standard-form input[type=tel], #buddypress .standard-form input[type=text], 
#buddypress .standard-form input[type=time], #buddypress .standard-form input[type=url], 
#buddypress .standard-form input[type=week], #buddypress .standard-form select, 
#buddypress .standard-form textarea {
    background-color: var(--input-bg, var(--flex-gray-7)); /* Use Foxiz input background */
    color: var(--input-fcolor); /* Use Foxiz input text color */
    font-family: var(--input-family); /* Use Foxiz input font family */
    font-size: var(--input-fsize); /* Use Foxiz input font size */
    border-radius: var(--round-5); /* Use Foxiz input border radius */
}

/* Focus state for inputs */
.standard-form input:focus, #buddypress .standard-form select:focus, 
#buddypress .standard-form textarea:focus, #buddypress .standard-form input[type=text]:focus, 
#buddypress .standard-form input[type=tel]:focus, #buddypress .standard-form input[type=url]:focus, 
#buddypress .standard-form input[type=time]:focus, #buddypress .standard-form input[type=week]:focus {
    background-color: var(--input-bg, var(--flex-gray-15)) !important; /* Use Foxiz input background */
    color: var(--input-fcolor); /* Use Foxiz input text color */
}


/*
==========================================================================
 Cinesist BuddyPress BProfiles
==========================================================================
*/

/* BuddyPress Avatars */
#buddypress #item-header-cover-image #item-header-avatar img.avatar {
    background: rgb(255 255 255 / 0%);
    border: solid 2px var(--flex-gray-15); /* Use Foxiz gray border around avatars */
    border-radius: 50%;  /* Use Foxiz round border radius for avatars */
}

/* BuddyPress Profile Navigation Tabs */
#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a {
    background-color: var(--g-color);
    color: var(--awhite);
    opacity: .9;
    font-weight: 700;
    border-radius: var(--round-5);
}

/* Edit Profile Tab Buttons */
#buddypress ul.button-nav li a, #bp-delete-cover-image.button.edit {
    padding: var(--padding-c40); /* Use Cinesist custom padding variable */
}

/* Form Descriptions Text */
#buddypress .standard-form p.description {
    color: var(--flex-desc); /* Use Cinesist custom variable for form description text color */
    font-size: 80%;
    margin: 5px 0;
}

/* Profile Field Tables */
#buddypress table.forum thead tr, #buddypress table.messages-notices thead tr, 
#buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, 
#buddypress table.profile-fields thead tr, #buddypress table.profile-settings thead tr, 
#buddypress table.wp-profile-fields thead tr {
    background: var(--cs-spy); /* Cinesist Spy Profile Field Table Headers */
    color: var(--body-fcolor); /* Use Foxiz Body Color variable */
    font-weight: 700; /* Make text bold for better readability */
}

/* Alt Profile Field Tables */
#buddypress table.forum tr.alt td, #buddypress table.messages-notices tr.alt td, 
#buddypress table.notifications tr.alt td, #buddypress table.notifications-settings tr.alt td, 
#buddypress table.profile-fields tr.alt td, #buddypress table.profile-settings tr.alt td, 
#buddypress table.wp-profile-fields tr.alt td {
    background: var(--cs-spy); /* Cinesist Spy Profile Field Alt Tables */
    color: var(--body-fcolor); /* Use Foxiz Body Color variable */
    font-weight: 600; /* Make text bold for better readability */
}

/* Cinesist BuddyPress - Add Quote Before & After Latest Update */

/* Target the container for the latest update */
#buddypress div#item-header div#item-meta div#latest-update {
    position: relative; /* Needed for absolute positioning of the pseudo-element */
    padding-left: 25px; /* Add some space so the quote doesn't overlap text */
}

/* Create the opening quotation mark using ::before */
#buddypress div#item-header div#item-meta div#latest-update::before {
    content: "“"; /* The opening quote character */
    position: absolute; /* Position it relative to the parent */
    left: 0; /* Align to the far left */
    top: 0; /* Align to the top */
    font-size: 4em; /* Make the quote large (adjust as needed) */
    font-family: Georgia, serif; /* Optional: Use a serif font for quotes */
    color: var(--body-fcolor); /* Use your theme's body text color */
    line-height: 1; /* Adjust line height for positioning */
    opacity: 0.5; /* Optional: Make it slightly faded */
}

/* Add padding to the RIGHT side of the container to make space */
#buddypress div#item-header div#item-meta div#latest-update {
    position: relative; /* Already set for ::before */
    padding-left: 25px; /* Already set for ::before */
    padding-right: 25px; /* Add space on the right for the closing quote */
    /* Optional: Add padding-bottom if the quote overlaps elements below */
    /* padding-bottom: 20px; */
}

/* Create and position the closing quotation mark */
#buddypress div#item-header div#item-meta div#latest-update::after {
    content: "”"; /* The closing quote character */
    position: absolute;
/*    right: 0; /* Align to the far right - Uncomment if needed */
    font-size: 4em; /* Match the opening quote size or adjust */
    font-family: Georgia, serif;
    color: var(--body-fcolor);
    line-height: 1;
    opacity: 0.5;
}