/* ============================================================================
   SPIRIT COLLECTIVE BUDDYBOSS OVERRIDE STYLES
   Complete replacement for BuddyBoss inline styles
   In Asset Cleanup Pro, unload <style id="buddyboss_theme-style"> when sc-variables-overrides.css is loaded. (DONE ON ALL PAGES)
   File location: /wp-content/plugins/spirit-collective/shared/styles/sc-variables-overrides.css
   ============================================================================ */

/* Override all BuddyBoss CSS variables with Spirit Collective equivalents */
:root {
    --bb-primary-color: var(--sc-color-primary);
    --bb-primary-color-rgb: var(--sc-color-primary-rgb);
    --bb-body-background-color: var(--sc-color-bg-page);
    --bb-body-background-color-rgb: var(--sc-color-bg-page-rgb);
    --bb-content-background-color: var(--sc-color-bg-base);
    --bb-content-alternate-background-color: var(--sc-color-bg-section-alt);
    --bb-content-border-color: var(--sc-color-border);
    --bb-content-border-color-rgb: var(--sc-color-border-rgb);
    --bb-cover-image-background-color: var(--sc-color-cover-bg);
    --bb-headings-color: var(--sc-color-text);
    --bb-headings-color-rgb: var(--sc-color-text-rgb);
    --bb-body-text-color: var(--sc-color-text);
    --bb-body-text-color-rgb: var(--sc-color-text-rgb);
    --bb-alternate-text-color: var(--sc-color-text);
    --bb-alternate-text-color-rgb: var(--sc-color-text-rgb);
    --bb-primary-button-background-regular: var(--sc-color-btn-primary);
    --bb-primary-button-background-hover: var(--sc-color-primary);
    --bb-primary-button-border-regular: var(--sc-color-border);
    --bb-primary-button-border-hover: var(--sc-color-primary);
    --bb-primary-button-text-regular: var(--sc-color-text);
    --bb-primary-button-text-regular-rgb: var(--sc-color-text-rgb);
    --bb-primary-button-text-hover: var(--sc-color-white);
    --bb-primary-button-text-hover-rgb: var(--sc-color-white-rgb);
    --bb-secondary-button-background-regular: var(--sc-color-btn-secondary);
    --bb-secondary-button-background-hover: var(--sc-color-btn-hover);
    --bb-secondary-button-border-regular: var(--sc-color-border);
    --bb-secondary-button-border-hover: var(--sc-color-border);
    --bb-secondary-button-text-regular: var(--sc-color-text);
    --bb-secondary-button-text-hover: var(--sc-color-text);
    --bb-header-background: var(--sc-color-admin-bg);
    --bb-header-alternate-background: var(--sc-color-white);
    --bb-header-links: var(--sc-color-text);
    --bb-header-links-hover: var(--sc-color-primary);
    --bb-header-mobile-logo-size: var(--sc-header-mobile-logo-size);
    --bb-header-height: var(--sc-header-height);
    --bb-sidenav-background: var(--sc-color-admin-bg);
    --bb-sidenav-text-regular: var(--sc-color-text);
    --bb-sidenav-text-hover: var(--sc-color-white);
    --bb-sidenav-text-active: var(--sc-color-text);
    --bb-sidenav-menu-background-color-regular: var(--sc-color-admin-bg);
    --bb-sidenav-menu-background-color-hover: var(--sc-color-primary);
    --bb-sidenav-menu-background-color-active: var(--sc-color-active-menu-item);
    --bb-sidenav-count-text-color-regular: var(--sc-color-text);
    --bb-sidenav-count-text-color-hover: var(--sc-color-white);
    --bb-sidenav-count-text-color-active: var(--sc-color-primary);
    --bb-sidenav-count-background-color-regular: var(--sc-color-btn-secondary);
    --bb-sidenav-count-background-color-hover: var(--sc-color-primary);
    --bb-sidenav-count-background-color-active: var(--sc-color-white);
    --bb-footer-background: var(--sc-color-bg-section-alt);
    --bb-footer-widget-background: var(--sc-color-bg-section-alt);
    --bb-footer-text-color: var(--sc-color-footer-text);
    --bb-footer-menu-link-color-regular: var(--sc-color-footer-link);
    --bb-footer-menu-link-color-hover: var(--sc-color-footer-link-hover);
    --bb-footer-menu-link-color-active: var(--sc-color-footer-link-active);
    --bb-admin-screen-bgr-color: var(--sc-color-admin-bg);
    --bb-admin-screen-txt-color: var(--sc-color-admin-text);
    --bb-login-register-link-color-regular: var(--sc-color-login-link);
    --bb-login-register-link-color-hover: var(--sc-color-login-link-hover);
    --bb-login-register-button-background-color-regular: var(--sc-color-login-button-bg);
    --bb-login-register-button-background-color-hover: var(--sc-color-login-button-bg-hover);
    --bb-login-register-button-border-color-regular: var(--sc-color-login-button-bg);
    --bb-login-register-button-border-color-hover: var(--sc-color-login-button-bg-hover);
    --bb-login-register-button-text-color-regular: var(--sc-color-login-button-text);
    --bb-login-register-button-text-color-hover: var(--sc-color-login-button-text);
    --bb-label-background-color: var(--sc-color-label-bg);
    --bb-label-text-color: var(--sc-color-label-text);
    --bb-tooltip-background: var(--sc-color-tooltip-bg);
    --bb-tooltip-background-rgb: var(--sc-color-primary-rgb);
    --bb-tooltip-color: var(--sc-color-tooltip-text);
    --bb-default-notice-color: var(--sc-color-info);
    --bb-default-notice-color-rgb: 139, 157, 195;
    --bb-success-color: var(--sc-color-success);
    --bb-success-color-rgb: 135, 169, 107;
    --bb-warning-color: var(--sc-color-warning);
    --bb-warning-color-rgb: 212, 165, 116;
    --bb-danger-color: var(--sc-color-error);
    --bb-danger-color-rgb: 192, 128, 129;
    --bb-login-custom-heading-color: var(--sc-color-login-heading);
    --bb-button-radius: var(--sc-radius-30);
    --bb-block-radius: var(--sc-radius-10);
    --bb-option-radius: var(--sc-radius-5);
    --bb-block-radius-inner: var(--sc-radius-6);
    --bb-input-radius: var(--sc-radius-6);
    --bb-label-type-radius: var(--sc-radius-6);
    --bb-checkbox-radius: var(--sc-radius-checkbox);
    --bb-primary-button-focus-shadow: var(--sc-shadow-button-focus);
    --bb-secondary-button-focus-shadow: var(--sc-shadow-button-focus);
    --bb-outline-button-focus-shadow: var(--sc-shadow-button-focus);
    --bb-input-focus-shadow: var(--sc-shadow-input-focus);
    --bb-input-focus-border-color: var(--sc-color-primary);
    --bb-widget-title-text-transform: var(--sc-widget-title-transform);
}

/* Typography line heights */
h1 { line-height: 1.2; }
h2 { line-height: 1.2; }
h3 { line-height: 1.4; }
h4 { line-height: 1.4; }
h5 { line-height: 1.4; }
h6 { line-height: 1.4; }

/* Utility classes */
.bb-style-primary-bgr-color {
    background-color: var(--sc-color-primary);
}

.bb-style-border-radius {
    border-radius: var(--sc-radius-30);
}

/* Logo and header styles */
#site-logo .site-title img {
    max-height: inherit;
}

.site-header-container .site-branding {
    min-width: var(--sc-logo-width);
}

#site-logo .site-title .bb-logo img,
#site-logo .site-title img.bb-logo,
.buddypanel .site-title img {
    width: var(--sc-logo-width);
}

/* Dark logo handling */
.site-header-container #site-logo .bb-logo.bb-logo-dark,
.llms-sidebar.bb-dark-theme .site-header-container #site-logo .bb-logo,
.site-header-container .ld-focus-custom-logo .bb-logo.bb-logo-dark,
.bb-custom-ld-focus-mode-enabled:not(.bb-custom-ld-logo-enabled) .site-header-container .ld-focus-custom-logo .bb-logo.bb-logo-dark,
.bb-dark-theme.bb-custom-ld-focus-mode-enabled:not(.bb-custom-ld-logo-enabled) .site-header-container .ld-focus-custom-logo img,
.bb-sfwd-aside.bb-dark-theme:not(.bb-custom-ld-logo-enabled) .site-header-container #site-logo .bb-logo,
.buddypanel .site-branding div img.bb-logo.bb-logo-dark,
.bb-sfwd-aside.bb-dark-theme .buddypanel .site-branding div img.bb-logo,
.buddypanel .site-branding h1 img.bb-logo.bb-logo-dark,
.bb-sfwd-aside.bb-dark-theme .buddypanel .site-branding h1 img.bb-logo {
    display: none;
}

.llms-sidebar.bb-dark-theme .site-header-container #site-logo .bb-logo.bb-logo-dark,
.bb-dark-theme.bb-custom-ld-focus-mode-enabled:not(.bb-custom-ld-logo-enabled) .site-header-container .ld-focus-custom-logo .bb-logo.bb-logo-dark,
.bb-sfwd-aside.bb-dark-theme .site-header-container #site-logo .bb-logo.bb-logo-dark,
.buddypanel .site-branding div img.bb-logo,
.bb-sfwd-aside.bb-dark-theme .buddypanel .site-branding div img.bb-logo.bb-logo-dark,
.buddypanel .site-branding h1 img.bb-logo,
.bb-sfwd-aside.bb-dark-theme .buddypanel .site-branding h1 img.bb-logo.bb-logo-dark {
    display: inline;
}

/* Mobile logo */
.site-title img.bb-mobile-logo {
    width: var(--sc-header-mobile-logo-size);
}

.site-title img.bb-mobile-logo.bb-mobile-logo-dark,
.llms-sidebar.bb-dark-theme .site-title img.bb-mobile-logo,
.bb-sfwd-aside.bb-dark-theme:not(.bb-custom-ld-logo-enabled) .site-title img.bb-mobile-logo {
    display: none;
}

.llms-sidebar.bb-dark-theme .site-title img.bb-mobile-logo.bb-mobile-logo-dark,
.bb-sfwd-aside.bb-dark-theme:not(.bb-custom-ld-logo-enabled) .site-title img.bb-mobile-logo.bb-mobile-logo-dark {
    display: inline;
}

.llms-sidebar.bb-dark-theme .site-title img.bb-mobile-logo.bb-mobile-logo-dark,
.bb-sfwd-aside.bb-dark-theme .site-title img.bb-mobile-logo.bb-mobile-logo-dark {
    width: var(--sc-header-mobile-logo-size);
}

/* Header heights and shadows */
.site-header-container #site-logo .bb-logo img,
.site-header-container #site-logo .site-title img.bb-logo,
.site-title img.bb-mobile-logo {
    max-height: var(--sc-header-height);
}

.site-header,
.sticky-header .site-header:not(.has-scrolled) {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.sticky-header .site-content,
body.buddypress.sticky-header .site-content,
.bb-buddypanel.sticky-header .site-content,
.single-sfwd-quiz.bb-buddypanel.sticky-header .site-content,
.single-sfwd-lessons.bb-buddypanel.sticky-header .site-content,
.single-sfwd-topic.bb-buddypanel.sticky-header .site-content {
    padding-top: var(--sc-header-height);
}

.site-header .site-header-container,
.header-search-wrap,
.header-search-wrap input.search-field,
.header-search-wrap form.search-form {
    height: var(--sc-header-height);
}

.sticky-header .bp-feedback.bp-sitewide-notice {
    top: var(--sc-header-height);
}

@media screen and (max-width: 767px) {
    .bb-mobile-header {
        height: var(--sc-header-height);
    }
    
    #learndash-content .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
        height: calc(90vh - var(--sc-header-height));
    }
}

/* Tooltips */
[data-balloon]:after,
[data-bp-tooltip]:after {
    background-color: var(--sc-color-tooltip-bg);
    box-shadow: none;
}

[data-balloon]:before,
[data-bp-tooltip]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(213,41,117,1)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
}

[data-bp-tooltip][data-bp-tooltip-pos="right"]:before,
[data-balloon][data-balloon-pos='right']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(213,41,117,1)%22%20transform%3D%22rotate(90%206%206)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
}

[data-bp-tooltip][data-bp-tooltip-pos="left"]:before,
[data-balloon][data-balloon-pos='left']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(213,41,117,1)%22%20transform%3D%22rotate(-90%2018%2018)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
}

[data-bp-tooltip][data-bp-tooltip-pos="down-left"]:before,
[data-bp-tooltip][data-bp-tooltip-pos="down"]:before,
[data-balloon][data-balloon-pos='down']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(213,41,117,1)%22%20transform%3D%22rotate(180%2018%206)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
}

/* Dark mode tooltip SVGs - update fill color */
[data-theme="dark"] [data-balloon]:before,
[data-theme="dark"] [data-bp-tooltip]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(231,58,129,1)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
}