/**
 * BuddyBoss / BuddyPress – mörkt läge via CruiseCTRL365:s html[data-theme="dark"].
 *
 * BuddyBoss Theme skriver ljusa --bb-* till :root (Customizer). Denna fil återdefinierar
 * samma variabler på html när dark är aktivt → profil, tidslinje, inställningar/aviserings-
 * sidor som använder variabler får rätt kontrast utan att peka ut varje container.
 *
 * Kompletteras med några !important-regler där BB använder hårdkodad #fff.
 *
 * Laddas efter cctrl-buddyboss.css (enqueue.php).
 */

html[data-theme="dark"] {
  /* Brand – oförändrad enligt style guide */
  --bb-primary-color: var(--lav-500, #6264a7);
  --bb-primary-color-rgb: 98, 100, 167;

  /* Ytor & text (cctrl-core tokens + fallback) */
  --bb-body-background-color: var(--bg, #151726);
  --bb-body-background-color-rgb: 21, 23, 38;

  --bb-content-background-color: var(--bg-elev, #1e2132);
  --bb-content-alternate-background-color: rgba(255, 255, 255, 0.06);
  --bb-content-border-color: var(--outline, #333854);
  --bb-content-border-color-rgb: 51, 56, 84;

  --bb-cover-image-background-color: var(--lav-900, #3d3e66);

  --bb-headings-color: var(--text, #f7f7ff);
  --bb-headings-color-rgb: 247, 247, 255;
  --bb-body-text-color: var(--text, #f7f7ff);
  --bb-body-text-color-rgb: 247, 247, 255;
  --bb-alternate-text-color: var(--muted, #a3a8c2);
  --bb-alternate-text-color-rgb: 163, 168, 194;

  /* Primärknapp */
  --bb-primary-button-background-regular: var(--lav-600, #55578f);
  --bb-primary-button-background-hover: var(--lav-500, #6264a7);
  --bb-primary-button-border-regular: var(--lav-700, #4a4c7a);
  --bb-primary-button-border-hover: var(--lav-500, #6264a7);
  --bb-primary-button-text-regular: #ffffff;
  --bb-primary-button-text-regular-rgb: 255, 255, 255;
  --bb-primary-button-text-hover: #ffffff;
  --bb-primary-button-text-hover-rgb: 255, 255, 255;

  /* Sekundärknapp */
  --bb-secondary-button-background-regular: rgba(255, 255, 255, 0.08);
  --bb-secondary-button-background-hover: rgba(255, 255, 255, 0.14);
  --bb-secondary-button-border-regular: var(--outline, #333854);
  --bb-secondary-button-border-hover: var(--lav-600, #55578f);
  --bb-secondary-button-text-regular: var(--text, #f7f7ff);
  --bb-secondary-button-text-hover: var(--text, #f7f7ff);

  /* Header (Gemenskap med BuddyBoss-header) */
  --bb-header-background: var(--lav-900, #3d3e66);
  --bb-header-alternate-background: var(--lav-800, #464770);
  --bb-header-links: rgba(255, 255, 255, 0.92);
  --bb-header-links-hover: #ffffff;

  /* Buddypanel */
  --bb-sidenav-background: var(--lav-900, #3d3e66);
  --bb-sidenav-text-regular: rgba(255, 255, 255, 0.88);
  --bb-sidenav-text-hover: #ffffff;
  --bb-sidenav-text-active: #ffffff;
  --bb-sidenav-menu-background-color-regular: transparent;
  --bb-sidenav-menu-background-color-hover: rgba(255, 255, 255, 0.08);
  --bb-sidenav-menu-background-color-active: rgba(255, 255, 255, 0.12);
  --bb-sidenav-count-text-color-regular: var(--text, #f7f7ff);
  --bb-sidenav-count-text-color-hover: #ffffff;
  --bb-sidenav-count-text-color-active: #ffffff;
  --bb-sidenav-count-background-color-regular: rgba(255, 255, 255, 0.12);
  --bb-sidenav-count-background-color-hover: rgba(255, 255, 255, 0.2);
  --bb-sidenav-count-background-color-active: var(--lav-500, #6264a7);

  /* Sidfot */
  --bb-footer-background: var(--bg, #151726);
  --bb-footer-widget-background: var(--bg-elev, #1e2132);
  --bb-footer-text-color: var(--muted, #a3a8c2);
  --bb-footer-menu-link-color-regular: var(--text, #f7f7ff);
  --bb-footer-menu-link-color-hover: var(--lav-300, #cfd3ec);
  --bb-footer-menu-link-color-active: var(--lav-200, #d0d1e8);

  /* Admin-inloggning / kantfärger (sällan men säkert) */
  --bb-admin-screen-bgr-color: var(--bg-elev, #1e2132);
  --bb-admin-screen-txt-color: var(--text, #f7f7ff);
  --bb-login-register-link-color-regular: var(--lav-300, #cfd3ec);
  --bb-login-register-link-color-hover: #ffffff;
  --bb-login-register-button-background-color-regular: var(--lav-600, #55578f);
  --bb-login-register-button-background-color-hover: var(--lav-500, #6264a7);
  --bb-login-register-button-border-color-regular: var(--outline, #333854);
  --bb-login-register-button-border-color-hover: var(--lav-400, #aeb3da);
  --bb-login-register-button-text-color-regular: #ffffff;
  --bb-login-register-button-text-color-hover: #ffffff;

  /* Etiketter & tooltip */
  --bb-label-background-color: rgba(255, 255, 255, 0.12);
  --bb-label-text-color: var(--text, #f7f7ff);
  --bb-tooltip-background: var(--lav-900, #3d3e66);
  --bb-tooltip-background-rgb: 61, 62, 102;
  --bb-tooltip-color: #ffffff;

  /* Notiser / feedback-bakgrunder (rgba använder *-rgb) */
  --bb-default-notice-color: rgba(255, 255, 255, 0.08);
  --bb-default-notice-color-rgb: 30, 33, 50;
  --bb-success-color: var(--green-500, #3fa370);
  --bb-success-color-rgb: 63, 163, 112;
  --bb-warning-color: #d4a017;
  --bb-warning-color-rgb: 212, 160, 23;
  --bb-danger-color: #e85d5d;
  --bb-danger-color-rgb: 232, 93, 93;

  --bb-login-custom-heading-color: var(--text, #f7f7ff);

  /* Fokus (tema stil 2 använder primary-rgb) */
  --bb-input-focus-border-color: var(--lav-400, #aeb3da);
  --bb-input-focus-shadow: 0 0 0 2px rgba(98, 100, 167, 0.35);
  --bb-primary-button-focus-shadow: 0 0 0 2px rgba(98, 100, 167, 0.45);
  --bb-secondary-button-focus-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12);
  --bb-outline-button-focus-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15);
}

/* =====================================================================
   Hårdkodade ytor i buddypress.css (ignorerar --bb-*)
   ===================================================================== */

html[data-theme="dark"] .buddypress-wrap table.wp-profile-fields,
html[data-theme="dark"] .buddypress-wrap .bp-tables-report,
html[data-theme="dark"] .buddypress-wrap table.forum {
  background-color: var(--bg-elev, #1e2132) !important;
}

html[data-theme="dark"] .buddypress-wrap .select-wrap {
  background-color: var(--bg-elev, #1e2132) !important;
}

html[data-theme="dark"] .buddypress-wrap .select-wrap select {
  background-color: var(--bg-elev, #1e2132) !important;
  color: var(--text, #f7f7ff) !important;
}

/* #whats-new-form m.m. – BP core ljus bakgrund */
html[data-theme="dark"] #buddypress form#whats-new-form,
html[data-theme="dark"] .buddypress-wrap form#whats-new-form {
  background-color: var(--bb-content-background-color) !important;
  border-color: var(--bb-content-border-color) !important;
  color: var(--bb-body-text-color) !important;
}

/* Profil / inställningar: standardformulär */
html[data-theme="dark"] #buddypress form.standard-form,
html[data-theme="dark"] .buddypress-wrap form.standard-form,
html[data-theme="dark"] #buddypress .standard-form label,
html[data-theme="dark"] .buddypress-wrap .standard-form label {
  color: var(--text, #f7f7ff);
}

html[data-theme="dark"] #buddypress .standard-form input[type="text"],
html[data-theme="dark"] #buddypress .standard-form input[type="email"],
html[data-theme="dark"] #buddypress .standard-form input[type="password"],
html[data-theme="dark"] #buddypress .standard-form input[type="number"],
html[data-theme="dark"] #buddypress .standard-form input[type="url"],
html[data-theme="dark"] #buddypress .standard-form textarea,
html[data-theme="dark"] #buddypress .standard-form select,
html[data-theme="dark"] .buddypress-wrap .standard-form input[type="text"],
html[data-theme="dark"] .buddypress-wrap .standard-form input[type="email"],
html[data-theme="dark"] .buddypress-wrap .standard-form input[type="password"],
html[data-theme="dark"] .buddypress-wrap .standard-form textarea,
html[data-theme="dark"] .buddypress-wrap .standard-form select {
  background-color: var(--bg-elev, #1e2132) !important;
  border-color: var(--outline, #333854) !important;
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] #buddypress .standard-form input::placeholder,
html[data-theme="dark"] #buddypress .standard-form textarea::placeholder,
html[data-theme="dark"] .buddypress-wrap .standard-form input::placeholder,
html[data-theme="dark"] .buddypress-wrap .standard-form textarea::placeholder {
  color: var(--muted, #a3a8c2) !important;
  opacity: 1;
}

html[data-theme="dark"] .buddypress-wrap table.notifications,
html[data-theme="dark"] .buddypress-wrap table.notification-settings {
  background-color: var(--bg-elev, #1e2132) !important;
}

/* Aviseringar – tabellrader / beskrivningar */
html[data-theme="dark"] .buddypress-wrap table.notifications td,
html[data-theme="dark"] .buddypress-wrap table.notifications th,
html[data-theme="dark"] .buddypress-wrap table.notification-settings td,
html[data-theme="dark"] .buddypress-wrap table.notification-settings th {
  color: var(--text, #f7f7ff);
  border-color: var(--outline, #333854);
}

html[data-theme="dark"] td.notification-description,
html[data-theme="dark"] td.notification-description a {
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] .buddypress-wrap table.notifications thead tr,
html[data-theme="dark"] .buddypress-wrap table.notification-settings thead tr {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* bp-wrap / item-body – undvik ljusa “kort” ovanpå mörk gradient */
html[data-theme="dark"] body.buddypress #buddypress .buddypress-wrap,
html[data-theme="dark"] body.buddypress #buddypress .bp-wrap,
html[data-theme="dark"] body.buddypress #buddypress #item-body {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Undernavigation (Profil / Notiser / Inställningar) */
html[data-theme="dark"] #buddypress .bp-navs li a,
html[data-theme="dark"] #buddypress .bp-navs li span,
html[data-theme="dark"] .buddypress-wrap .bp-navs li a {
  color: var(--muted, #a3a8c2);
}

html[data-theme="dark"] #buddypress .bp-navs li.selected a,
html[data-theme="dark"] #buddypress .bp-navs li.current a,
html[data-theme="dark"] .buddypress-wrap .bp-navs li.selected a,
html[data-theme="dark"] .buddypress-wrap .bp-navs li.current a {
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] #buddypress .bp-navs,
html[data-theme="dark"] .subnav-filters,
html[data-theme="dark"] #buddypress .subnav-filters {
  border-bottom-color: var(--outline, #333854) !important;
}

/* =====================================================================
   BuddyBoss Todo (bp-user-to-do-list) – ljusa ytor / #fff i plugin-CSS
   Laddas efter temat; !important matchar övriga BP-överskridningar ovan.
   ===================================================================== */

html[data-theme="dark"] #buddypress .bptodo-progress-section {
  background: var(--bg-elev, #1e2132) !important;
  border: 1px solid var(--outline, #333854) !important;
}

html[data-theme="dark"] #buddypress .bptodo-progress-section h5 {
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] #buddypress .bptodo-progress-section .task-progress-task-count {
  background: var(--lav-700, #4a4c7a) !important;
  border-color: var(--lav-700, #4a4c7a) !important;
  color: #fff !important;
}

html[data-theme="dark"] #buddypress .bptodo-progress-section .task-progress-task-count::after {
  border-top-color: var(--lav-700, #4a4c7a) !important;
}

html[data-theme="dark"] #buddypress .bptodo-light-grey {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] #buddypress .bptodo-light-grey > span {
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] #buddypress #bptodo-tabs {
  background: transparent !important;
}

html[data-theme="dark"] #buddypress #bptodo-task-tabs .bptodo-task-tabs-btn li {
  background: transparent !important;
}

html[data-theme="dark"] #buddypress #bptodo-task-tabs .bptodo-task-tabs-btn li a {
  background: var(--lav-700, #4a4c7a) !important;
  color: #fff !important;
}

html[data-theme="dark"] #buddypress #bptodo-task-tabs .bptodo-task-tabs-btn li.active a {
  background: var(--lav-500, #6264a7) !important;
  color: #fff !important;
}

html[data-theme="dark"] #buddypress #bptodo-task-tabs .bptodo-task-tabs-btn li a .bpdoto-count-tab {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}

html[data-theme="dark"] #buddypress #bptodo-task-tabs .bptodo-task-tabs-head .all-bp-todo-list-export {
  background: var(--lav-700, #4a4c7a) !important;
}

html[data-theme="dark"] #buddypress #bptodo-task-tabs .bptodo-task-tabs-head .all-bp-todo-list-export a#export_my_tasks {
  color: #fff !important;
}

html[data-theme="dark"] #buddypress #bptodo-task-tabs .bptodo-task-tabs-btn li a .bptodo-btn-icon img {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

html[data-theme="dark"] #buddypress .todo-header {
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] #buddypress .todo-header .todo-header-head {
  color: var(--text, #f7f7ff);
}

html[data-theme="dark"] #buddypress .todo-header-list .todo-header-list-row {
  background: var(--bg-elev, #1e2132) !important;
  border-top-color: var(--outline, #333854) !important;
  color: var(--text, #f7f7ff);
}

html[data-theme="dark"] #buddypress .todo-header-list .todo-header-list-row.completed {
  background: rgba(98, 100, 167, 0.14) !important;
}

html[data-theme="dark"] #buddypress .todo-header-list .todo-header-list-row a {
  color: var(--lav-300, #cfd3ec);
}

html[data-theme="dark"] #buddypress .bp-to-do-actions .bp-to-do-actions-list button.trigger {
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] #buddypress .option-input {
  background: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] #buddypress .option-input:hover {
  background: rgba(255, 255, 255, 0.18) !important;
}

html[data-theme="dark"] #buddypress .option-input:checked {
  background: var(--lav-500, #6264a7) !important;
}

html[data-theme="dark"] #buddypress .option-input:checked::after {
  background: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] #buddypress .option-input.disabled,
html[data-theme="dark"] #buddypress .option-input.disabled:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] #buddypress table.bp-todo-reminder th {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text, #f7f7ff);
}

html[data-theme="dark"] #buddypress table.bp-todo-reminder tbody td {
  color: var(--text, #f7f7ff);
  border-color: var(--outline, #333854);
}

html[data-theme="dark"] #buddypress table.bp-todo-reminder tbody td.bp-to-do-actions ul li a {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] #buddypress .bptodo-expires-today,
html[data-theme="dark"] #buddypress .bptodo-expired .bptodo-date {
  color: var(--bb-danger-color, #e85d5d) !important;
}

html[data-theme="dark"] #buddypress .bptodo-progress-bar {
  background: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] #buddypress .bptodo-progress-text,
html[data-theme="dark"] #buddypress .bptodo-completion-details {
  color: var(--muted, #a3a8c2) !important;
}

html[data-theme="dark"] #buddypress .bptodo-completion-percentage {
  color: var(--lav-300, #cfd3ec) !important;
}

/* =====================================================================
   Att göra – Mina uppgifter i app shell (body saknar ofta .buddypress)
   ===================================================================== */

html[data-theme="dark"] .app-page-attgora .attgora-todo-embed {
  color: var(--text, #f7f7ff);
}

html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .bp-template-notice,
html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .bp-feedback,
html[data-theme="dark"] .app-page-attgora .attgora-todo-embed #message.info {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid var(--outline, #333854) !important;
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .bp-template-notice p,
html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .bp-feedback p {
  color: inherit !important;
}

html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .select2-container--default .select2-selection--single,
html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .select2-container--default .select2-selection--multiple {
  background-color: var(--bg-elev, #1e2132) !important;
  border-color: var(--outline, #333854) !important;
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .select2-dropdown {
  background-color: var(--bg-elev, #1e2132) !important;
  border-color: var(--outline, #333854) !important;
}

html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .select2-results__option {
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] .app-page-attgora .attgora-todo-embed .select2-results__option--highlighted[aria-selected] {
  background-color: var(--lav-700, #4a4c7a) !important;
  color: #fff !important;
}

/* Select2-lista kan flyttas till body – samma sida (Att göra) */
html[data-theme="dark"] body.app-page-attgora .select2-dropdown {
  background-color: var(--bg-elev, #1e2132) !important;
  border-color: var(--outline, #333854) !important;
}

html[data-theme="dark"] body.app-page-attgora .select2-results__option {
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] body.app-page-attgora .select2-results__option--highlighted[aria-selected] {
  background-color: var(--lav-700, #4a4c7a) !important;
  color: #fff !important;
}

/* jQuery UI datepicker fästs ofta direkt under body */
html[data-theme="dark"] body.app-page-attgora .ui-datepicker {
  background: var(--bg-elev, #1e2132) !important;
  border: 1px solid var(--outline, #333854) !important;
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] body.app-page-attgora .ui-datepicker .ui-datepicker-header {
  background: var(--lav-900, #3d3e66) !important;
  color: #fff !important;
  border-color: var(--outline, #333854) !important;
}

html[data-theme="dark"] body.app-page-attgora .ui-datepicker th,
html[data-theme="dark"] body.app-page-attgora .ui-datepicker .ui-state-default {
  color: var(--text, #f7f7ff) !important;
}

html[data-theme="dark"] body.app-page-attgora .ui-datepicker .ui-state-default {
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.app-page-attgora .ui-datepicker .ui-state-hover,
html[data-theme="dark"] body.app-page-attgora .ui-datepicker .ui-state-active {
  background: var(--lav-600, #55578f) !important;
  border-color: var(--lav-500, #6264a7) !important;
  color: #fff !important;
}