/* --------------Colors */
/* --------------Highlight Active Note Title */

.workspace-leaf.mod-active .view-header-title {
  color: var(--h2-color);
}

.workspace-ribbon.side-dock-ribbon.mod-left.is-collapsed {
  border-right: var(--border-width-alt) solid var(--background-modifier-border);
}

/* --------------Checkboxes */

.checklist-plugin-main .group .compact > .toggle .checked,
.is-flashing input[type='checkbox']:checked,
input[type='checkbox']:checked {
  background-color: #33aaa0 !important;
}

input[type='checkbox'] {
  border-radius: 4px;
}

/* -------------- Navbar twiks */

/* ROOT FOLDER */
/* .nav-folder.mod-root > .nav-folder-children {
  padding-left: 12px;
} */
/* .is-mobile .nav-folder.mod-root > .nav-folder-children {
  padding-left: auto;
} */

.nav-folder.mod-root > .nav-folder-title > .nav-folder-title-content {
  display: block;
  /* color: hsl(169, 61%, 53%); VAULT COLOR */
}

/* FILES  */

.nav-file {
  border-top: 1px solid var(--background-modifier-border) !important;
  border-bottom: 1px solid var(--background-modifier-border) !important;
  padding-right: 0px;
  margin: 0px;
}

.nav-file-title {
  margin: 0px;
  padding-left: 4px;
  padding-bottom: 5px;
}

.full-file-names .nav-file-title {
  margin-bottom: 0px;
}

.nav-file-title.is-active {
  margin: 0px;
  padding-bottom: 5px;
}

.nav-file-title.is-being-dragged,
.nav-file-title.is-active {
  margin-bottom: 0;
}

.nav-file-title.is-being-dragged {
  padding-bottom: 5px;
}

/* .nav-file-title.is-being-dragged,
.nav-file-title.is-active,
body:not(.is-grabbing) {
  margin: 0;
} */

/* FOLDERS */

.nav-folder-title {
  margin: 0 0 0 0px;
  min-width: -webkit-fill-available;
  /* border: 1px solid #98989830 !important; */
  border-top: 1px solid var(--background-modifier-border) !important;
  border-bottom: 1px solid var(--background-modifier-border) !important;
  border-radius: 0px !important;
}

.nav-folder-title-content {
  padding: 2px 2px 5px 4px;
}

.nav-folder-title:hover {
  border: 1px solid rgba(118, 158, 165, 0.4) !important;
  /* background-color: #5b3ab415 !important; */
  background-color: #572bd12d !important;
}

.nav-folder-title:hover > .collapse-icon > svg {
  background-color: hsl(169, 61%, 53%);
}

body:not(.oz-show-all-num)
  .nav-folder:not(.is-collapsed)
  > .nav-folder-title.oz-with-subfolder[data-count]:not([data-path='/'])::after {
  opacity: 100 !important;
}

.nav-folder:not(.is-collapsed) > .nav-folder-title > .nav-folder-title-content {
  color: hsl(169, 61%, 53%);
}

.nav-folder:not(.is-collapsed)
  > .nav-folder-title
  > .nav-folder-collapse-indicator
  > svg {
  background-color: hsl(169, 61%, 53%);
  color: hsl(169, 61%, 53%);
}

/* .nav-files-container {
  background-color: #522bbb05;
}
.nav-file-title-content {
  background-color: #522bbb05; !important;
} */
.nav-folder-children .nav-folder-children {
  margin-left: 12px !important;
}

.is-mobile .nav-folder-title {
  margin: 0 0 0 0px;
  border: 0px solid #98989830 !important;
  border-radius: 0px !important;
}

.nav-folder-children .nav-folder-children {
  margin-left: 20px;
  padding-left: 0;
  border-left: 1px solid rgba(118, 158, 165, 0.2);
  /* border-left: 1px solid hsla(169, 61%, 53%, 0.267); */
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
  border-radius: 0px !important;
}
.nav-folder-children .nav-folder-children:hover {
  border-left-color: hsl(169, 61%, 53%);
  border-radius: 0px !important;
}

/* --------------ACTIVE */
.nav-file-title.is-active > .nav-file-title-content {
  color: var(--h2-color);
}

/* --------------Mobile Navbar titles Trimming -- off by default */

.is-mobile .full-file-names .tree-item-inner,
.full-file-names .nav-file-title-content,
.full-file-names .search-result-file-title {
  text-overflow: unset !important;
  white-space: normal !important;
  line-height: 1.4 !important;
}

/* --------------INJECTION FROM ITS THEME */
/* -Core Plugin Panes- */
/*Word Wrap Pane*/
.tree-item-inner {
  word-wrap: break-word;
  width: 100%;
}

/*--Tag Pane--*/
.tag-container > div > .tree-item {
  padding-left: 16px;
  border-top: var(--border-width-alt) solid var(--background-modifier-border);
  border-bottom: var(--border-width-alt) solid var(--background-modifier-border);
}

.tree-item.is-colapsed {
  border-top: var(--border-width-alt) solid var(--background-modifier-border);
  border-bottom: var(--border-width-alt) solid var(--background-modifier-border);
}

.tag-container.node-insert-event {
  border-top: var(--border-width-alt) solid var(--background-modifier-border);
  padding: 0px;
}

.tag-container > div {
  padding-top: 8px;
}

.tree-item:not(.is-colapsed) > .tree-item-children {
  border-left: 1px solid rgba(118, 158, 165, 0.2);
  margin-left: 0;
}

.tree-item-self.tag-pane-tag.is-clickable {
  padding-left: 10px;
}

.tag-container .tree-item-self:hover {
  font-weight: 600;
}

.tree-item-self {
  padding-left: 9px;
}

/*Count Squared*/
.tree-item-flair {
  border-radius: 4px;
}

/*Tag Pane Lines*/
.tag-container .tree-item-children {
  margin-left: 0.7em;
  border-left: 1px solid rgba(118, 158, 165, 0.2);
  /* border-bottom: 1px solid rgba(118, 158, 165, 0.2); */
  /*Removes Dot!!*/
  transition: all 0.5s ease-in-out;
  padding: 0;
}

.tag-container .tree-item-children:hover {
  border-left: 1px solid var(--text-accent);
}

/*Add # For Tag Pane*/
/*From California Coast.*/
.tag-pane-tag-text:before {
  content: '#';
  padding-right: 1.3em;
  position: relative;
  margin: -1em;
  color: var(--h1-color);
}
.collapse-icon + .tree-item-inner > .tag-pane-tag-text:before {
  content: none;
}

/*Outline*/
/*Set Outline Padding*/
.outline {
  margin: 0.2em 0.5em;
  user-select: text;
}
/*Outline Pane Lines*/
.outline .tree-item-children {
  margin-left: 0.7em;
  border-left: 1px solid var(--h1-color);
  transition: all 0.3s ease-in-out;
  padding: 0;
}
.outline .tree-item-children:hover {
  border-color: var(--headers);
  border-radius: 4px;
}
/*
.outline .tree-item-self .collapse-icon:before {
  content: "H";
  color: var(--table);
}
.outline .tree-item-self:hover .collapse-icon:before {
  content: none;
  color: var(--accent);
}

.outline .tree-item-self {
  padding-left: .3em;
}
.outline .tree-item-self:before {
  content: "H";
  color: var(--table);
  padding-right: .3em;
}
*/

/*--Outgoing Links--*/
.search-result-file-match-destination-file {
  border-radius: 4px;
  border: 0;
}