/* Red Graphite — Modified by Olivier Spinnler
	I’ve dealt only with the “theme-light”.
	The positions where I modified something are flagged with “OpSpl”.

	Version: 2020-10-11

	For the accent color, there are 4 values to adjust:
		* --post-it-color-light
		* --post-it-color-normal
		* --post-it-color-dark
		* --tag-background
*/

:root	/*	OpSpl	*/
{
    --font-size-normal:         18px;
    --font-size-code:           13.5px;
    --font-size-side-dock:      13.5px;
    --font-size-side-dock-title:15px;
    --font-size-status-bar:     12px;
    --font-size-h1:             2.2rem;
    --font-size-h2:             1.5rem;
    --font-size-h3:             1.3rem;
    --font-size-h4:             1.15rem;
    --font-size-h5:             1rem;
    --font-size-h6:             1rem;
    --font-weight-h1:			600;				/* semibold is enough and more readable		*/
    --font-weight-h2:			550;				/* bolder is not necessary…					*/
    --font-weight-h3:			600;				/* semibold is enough and more readable		*/
    --font-weight-h4:			700;				/* to make them really stand up	as headers	*/
    --font-weight-h5:			700;				/* to make them really stand up	as headers	*/
    --font-weight-h6:			700;				/* to make them really stand up	as headers	*/
	--font-family-editor:		/*"Helvetica Monospaced W1G",
								"iA Writer Duo",
								"Palatino Sans Com", */
								"Palatino Sans Informal LT Pro",
								"Between 2", "ITC Stone Sans Std", "ITC Stone Sans II" , Candara, Verdana, sans;
	--font-family-preview:		/*"Palatino Sans Com", "Between 2",  */
								"ITC Stone Sans Std",
								"ITC Stone Sans II" ,
								Candara, Verdana, sans;
	--font-size-editor:			14pt;
    --img-max-height:			25rem;				/* to prevent images with portrait proportions from overwhelming text; put "100%" if you don’t like this idea*/
	--post-it-color-light:		#ECF9F8; 		/*	to identify different vaults */
	--post-it-color-normal:		#B9E7FA;
	--post-it-color-dark:		#B9E7FA;
}

.theme-light {
	--background-inline-code: 	rgb(255, 255, 255);
	--background-nav-alt: 		var(--post-it-color-dark);
	--background-nav-file-tag: 	var(--post-it-color-normal);			/* Background color of file tags, like "png" */
	--background-nav-selected: 	var(--post-it-color-dark);
  	--background-nav: 			var(--post-it-color-light);
	--background-primary: 		var(--post-it-color-light);
	--background-secondary:		var(--post-it-color-normal);
	--background-secondary-alt:	var(--post-it-color-dark);
	--tag-background: 			#27A4D0;					/* OpSpl — treated as an “accent” color */
	--background-transcludes:	#f8f8f2;					/*	OpSpl	*/
	--border-inline-code: 		rgb(215, 215, 215);
	--code-block-background: 	#ffffff;
	--code-block-border: 		#92a1a17a;
	--interactive-accent: 		#4183c4;					/* OpSpl */
	--text-accent: 				#4183c4;					/* for links, etc. aussi le fond des pastilles avec le nombre de fichiers, dans le panneau des tags	*/
	--text-faint: 				rgb(100, 127, 201);			/* OpSpl */
	--text-muted:				#4D68B1;					/* OpSpl — wasn’t defined; needed for text extracts in side pannels */
	--text-header: 				#000060;
	--text-highlight-bg: 		#b4ff0066;					/* I don’t know where it’s used. (OpSpl) */
	--text-inline-code: 			rgb(78, 78, 78);
	--text-nav-selected: 		var(--post-it-color-light);	/* OpSpl — text in the hovering bar  */
	--text-nav: 				#1A399F;					/* OpSpl — text in side pannels */
	--text-normal: 				#000060;
	--background-hover-bar:		var(--post-it-color-dark);					/*	OpSpl — I needed a consistent color for the hover bar */
	--editor-background-color:	var(--post-it-color-light);	/* OpSpl — background in edit mode */
}

.theme-dark {
  --background-inline-code: 		rgb(32, 32, 32);
  --background-nav-alt: 			rgb(58, 62, 63);
  --background-nav-file-tag: 	rgb(116, 190, 247);
  --background-nav-selected: 	rgb(73, 73, 73);
  --background-nav: 				rgb(41, 44, 46);
  --background-primary: 			rgb(28, 30, 32);
  --tag-background: 				rgb(111, 112, 116);
  --border-inline-code: 			rgb(76, 76, 76);
  --code-block-background: 		rgb(32, 32, 32);
  --code-block-border: 			rgb(77, 77, 77);
  --interactive-accent: 			rgb(116, 190, 247);
  --text-accent: 				rgb(116, 190, 247);
  --text-faint: 					rgb(150, 150, 150);
  --text-header: 				rgb(198, 213, 224);
  --text-highlight-bg: 			rgb(64, 73, 181);
  --text-inline-code: 			rgb(255, 255, 255);
  --text-nav-selected: 			rgb(255, 255, 255);
  --text-nav: 					rgb(190, 190, 190);
  --text-normal: 				rgb(216, 216, 216);
	--editor-background-color:	#3C3C3C;					/* OpSpl — background in edit mode */
}

/*********************************/
/* Headings - EDITOR and PREVIEW */
/*********************************/

/*	OpSpl — font-family of headings in PREVIEW mode	*/
.markdown-preview-view h1, .markdown-preview-view h2, .markdown-preview-view h3,
.markdown-preview-view h4, .markdown-preview-view h5, .markdown-preview-view h6
{
  	font-family: 	var(--font-family-preview);
}

/* OpSpl — font-family of headings in EDITOR mode	*/
.cm-header-1, .cm-header-2, .cm-header-3, .cm-header-4, .cm-header-5, .cm-header-6
{
  	font-family: 	var(--font-family-editor);
}

.markdown-preview-view h1			/* preview mode */
{
  	font-weight: 	var(--font-weight-h1);
  	font-size: 		var(--font-size-h1);
  	color: 			var(--text-title-h1);
	border-bottom: 	.12em solid;
	font-variant:	small-caps;
	padding: 		0;
	margin-top:		0em;	/* a top margin is unnecessary, as it is always at the top of the note! Any other use is discouraged */
	margin-bottom: 	1em;
}

.cm-header-1		/* edit mode */
{
  	font-weight: 	var(--font-weight-h1);
  	font-size: 		var(--font-size-h1);
  	color: 			var(--text-title-h1);
	padding: 		0;
	margin-top:		2em;
	margin-bottom: 	1em;
}

.cm-header-2		/* edit mode */
{
  	font-weight: 	var(--font-weight-h2);
  	font-size: 		var(--font-size-h2);
  	color: 			var(--text-title-h2);
	padding: 		0;
}

.markdown-preview-view h2	/* preview mode */
{
  	font-weight: 	var(--font-weight-h2);
  	font-size: 		var(--font-size-h2);
  	color: 			var(--text-title-h2);
	border-bottom:	0.15em solid;
	padding: 		0;
	margin-top:		1.2em;
	margin-bottom: 	1em;
}

.cm-header-3, .markdown-preview-view h3
{
  	font-weight: 	var(--font-weight-h3);
	font-style: 	italic;
  	font-size: 		var(--font-size-h3);
  	color: 			var(--text-title-h3);
	padding: 		0;
	margin-top:		1.2em;
	margin-bottom: 	0.5em;
}

.cm-header-4, .markdown-preview-view h4
{
  	font-weight: 	var(--font-weight-h4);
	font-style: 	italic;
  	font-size: 		var(--font-size-h4);
  	color: 			var(--text-title-h4);
}

.cm-header-5, .markdown-preview-view h5
{
  	font-weight: 	var(--font-weight-h5);
	font-style: 	italic;
  	font-size: 		var(--font-size-h5);
  	color: 			var(--text-title-h5);
}

.cm-header-6, .markdown-preview-view h6
{
  	font-weight: 	var(--font-weight-h6);
	font-style: 	italic;
  	font-size: 		var(--font-size-h6);
  	color: 			var(--text-title-h6);
}

/* Changing size/color of the header hashtags ## */
.cm-formatting-header {
	color: 		var(--text-faint);
  	font-size: 	0.8em;
}

/* Headers in editor - hide the #'s */
/* .cm-formatting-header-1, .cm-formatting-header-2, .cm-formatting-header-3, .cm-formatting-header-4, .cm-formatting-header-5, .cm-formatting-header-6, .cm-formatting-header-7 {
  visibility: hidden;
  position: relative;
  width: 20px;
  display: inline-block;
} */

/* Headers in editor - show custom content - common */
/* .cm-formatting-header-1:after, .cm-formatting-header-2:after, .cm-formatting-header-3:after, .cm-formatting-header-4:after, .cm-formatting-header-5:after, .cm-formatting-header-6:after, .cm-formatting-header-7:after {
  visibility: visible;
  position: absolute;
  left: 0;
  font-size: 12px;
} */

/* Headers in editor - show custom content - specifics */
/* .cm-formatting-header-1:after { bottom:  2px; content: "H1"; }
.cm-formatting-header-2:after { bottom:  0px; content: "H2"; }
.cm-formatting-header-3:after { bottom:  0px; content: "H3"; }
.cm-formatting-header-4:after { bottom: -1px; content: "H4"; }
.cm-formatting-header-5:after { bottom: -1px; content: "H5"; }
.cm-formatting-header-6:after { bottom: -1px; content: "H6"; }
.cm-formatting-header-7:after { bottom: -1px; content: "H7"; } */


/***************************************/
/*            Tables (OpSpl)           */
/***************************************/

table {
	/* margin:	 1.5em auto;	some space above and below; centering horizontally*/
	margin-top:	 	1.5em;	/* some space above and below	*/
	margin-bottom:	1.5em;
}

th {
	font-weight:		600!important;
	font-style: 		italic;
	vertical-align:		bottom;
}

td {
	vertical-align:	top;
}

.markdown-preview-view th {
    /* font-weight:		600;		*/
	font-style: 			italic;
    background-color:	var(--background-secondary) !important;
}

/* thead {
  border-bottom: 3px solid var(--background-modifier-border);
}	*/

.table {
  padding: 						4px;
  line-height: 					normal;
  display: 						block;
  border-top-left-radius: 		4px;
  border-top-right-radius: 		4px;
  border-bottom-right-radius:	4px;
  border-bottom-left-radius:	4px;
}


/* OpSpl — to prevent “bold” from being too bold; if the font has a *semibold* variant, it will be preferred */
strong {
  font-weight: 600;
}

.cm-s-obsidian span.cm-url {
  color: var(--text-accent);
}

.markdown-preview-view mark {
  color:		var(--text-normal);
  padding:	0px 4px;
}

/*	les doubles astérisques indiquant le “emphasised”	*/
.cm-formatting-em.cm-em {
  color: 		var(--text-faint);
  /* font-weight: 	100;			OpSpl					*/
  font-size: 	0.8em;		/*	OpSpl — was 0.6em		*/
}

/*	les astérisques indiquant le “strong”				*/
.cm-formatting-strong.cm-strong {
  color: 		var(--text-faint);
  /* font-weight: 	100;			OpSpl					*/
  font-size: 	0.8em;		/*	OpSpl — was 0.6em		*/
}

/* Wrap long nav text */
.nav-file-title, .nav-folder-title {
  white-space: normal;
}

/* Indent wrapped nav text */
.nav-file-title-content {
  margin-left: 10px;
  text-indent: -10px;
}

/* Horizontal rule between Icons and vault in left nav */
.nav-buttons-container {
  border-bottom: 2px solid var(--background-nav-alt);	/* was 1px, but barely visible → 2px */
}

/* The name of the vault */
.nav-folder.mod-root > .nav-file-title, .nav-folder.mod-root > .nav-folder-title {
  color: var(--text-nav);
}

/* Color of left nav tree text */
.nav-file-title, .nav-folder-title {
  color: var(--text-nav);
}


/* New top tabs */			/* I don’t know what they are… (OpSpl) */
.workspace-tabs {
  background-color: var(--background-nav-alt);
}

.workspace-tab-header-container {
  background-color: var(--background-nav-alt);
}

/* Color of the curve of the top tabs */
.workspace-tab-container-before.is-before-active,
.workspace-tab-container-after.is-after-active,
.workspace-tab-header.is-before-active,
.workspace-tab-header.is-after-active {
  background-color: var(--background-nav);
}

/* Background color of unselected tabs */
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
  background-color: var(--background-nav-alt);
}

/* Background color of selected tab */
.workspace-tab-header.is-active {
  background-color: var(--background-nav);
}

/* resize handle coloring */
.workspace-leaf-resize-handle {;
  background-color: transparent;
}

/* Set the left nav background to same color as ribbon so we can make a curved corner that matches */
.workspace-tabs .workspace-leaf {
  background-color: var(--background-nav-alt);
}

/* Set the left nav background to different color from ribbon, and give a curved corner with statusbar */
.mod-left-split .workspace-tabs .workspace-leaf .workspace-leaf-content {
  background-color: var(--background-nav);
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

/* Set the right nav background to different color from ribbon, and give a curved corner with statusbar */
.mod-right-split .workspace-tabs .workspace-leaf .workspace-leaf-content {
  background-color: var(--background-nav);
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

/* OpSpl — let’s make the active pane more obvious */
.workspace-leaf.mod-active .view-header {
	border-bottom:	4px solid var(--interactive-accent);
}


.side-dock.mod-right {
  border-left: 0px;
}

/* Left nav ribbon background color */
.side-dock-ribbon {
  background-color: var(--background-nav-alt);
}

/* Left nav ribbon background-color */
.side-dock-ribbon-before.is-before-active,
.side-dock-ribbon-after.is-after-active,
.side-dock-ribbon-tab.is-before-active,
.side-dock-ribbon-tab.is-after-active {
  background-color: var(--background-nav);
}

/* Left nav ribbon background-color */
.side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner,
.side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner,
.side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner,
.side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner {
  background-color: var(--background-nav-alt);
}

/* Left nav ribbon active background-color */
.side-dock-ribbon-tab.is-active {
  background-color: var(--background-nav);
}

/* Left nav ribbon active hover text color (icon color) */
.side-dock-ribbon-tab.is-active:hover {
  color: var(--background-hover-bar);
}

/* Left nav ribbon inactive hover text color (icon color) */
.side-dock-ribbon-tab:hover,
.side-dock-ribbon-action:hover {
  color: var(--background-hover-bar);
}

/* Background and text color of selected item in left nav tree */
.nav-file.is-active > .nav-file-title,
.nav-file.is-active > .nav-folder-title,
.nav-file.is-active > .nav-folder-collapse-indicator,
.nav-folder.is-active > .nav-file-title,
.nav-folder.is-active > .nav-folder-title,
.nav-folder.is-active > .nav-folder-collapse-indicator {
  background-color:	var(--tag-background);
  color: 			var(--text-nav-selected);
}

/* Background and text color of selected item in left nav tree - when hovering */
.nav-file.is-active > .nav-file-title:hover,
.nav-file.is-active > .nav-folder-title:hover,
.nav-file.is-active > .nav-folder-collapse-indicator:hover,
.nav-folder.is-active > .nav-file-title:hover,
.nav-folder.is-active > .nav-folder-title:hover,
.nav-folder.is-active > .nav-folder-collapse-indicator:hover {
  background-color:		var(--background-hover-bar);
  color:				var(--text-color);
}

/* Background and text color of hovered item in left nav tree */
body:not(.is-grabbing) .nav-file-title:hover,
body:not(.is-grabbing) .nav-folder-title:hover {
  background-color: var(--background-secondary-alt);
  color: 			var(--text-color);
}

/* Background and text color of hovered collapse indicator in left nav tree */
body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator,
body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator {
  background-color: var(--post-it-color-dark);
  color: 			var(--text-nav-selected);
}

/* Left Nav menu item - hover background color */
body:not(.is-grabbing) .nav-file-title:hover,
body:not(.is-grabbing) .nav-folder-title:hover {
  background-color: var(--background-nav-selected);					/* OpSpl — was --background-nav-alt*/
}

/* Left Nav menu item - hover background color of the collapse/expand arrow */
body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator,
body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator {
  background-color: var(--background-nav-selected);					/* OpSpl — was --background-nav-alt*/
}

/* Left side dock */
.side-dock.mod-left {
  border-right: 	1px solid var(--background-secondary-border);
}

/* Font adjustments for pane headers */
.view-header-title {
	font-size: 			16px;
	font-weight: 		600;
  	background-color:	var(--post-it-color-light)
}

/* Status bar ... duh? :) */		/* OpSpl — what status bar??? where?*/
.status-bar {
  background-color: 	var(--background-nav-alt);
  border-top: 		0px solid var(--background-nav-alt);
  color: 			var(--text-nav);
}

/* Testing a gradient design for statusbar */
/* .status-bar {
  border-top: 0px;
  background-color: var(--background-nav-alt);
  background: linear-gradient(90deg, rgba(255,0,0,0) 5%, var(--background-nav-alt) 20%);
  position: absolute;
  right: 0;
  bottom: 0;
  width: 500px;
  color: var(--text-nav);
} */

/* Context menu hover item */
.menu-item:hover {
  background-color: 	var(--background-secondary-alt);
  color: 			var(--text-accent);
}


/* Font and background for the markdown source panel */
div.markdown-source-view {
	font-family: 	var(--font-family-editor);
	font-size: 			var(--font-size-editor); 		/* added by OpSpl	*/
	font-weight:		400;								/* added by OpSpl	*/
	background-color:	var(--editor-background-color);
	background-image: 	url(data:image/png;base64,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);	/* image pour indiquer le mode “édition” */
	background-size:		50px;
	background-repeat:	no-repeat;
	background-position:		right bottom;
	background-origin:	padding-box;
}

/* Font for the markdown preview panel */
div.markdown-preview-view {
	font-family: 	var(--font-family-preview);
	font-size:		var(--font-size-normal); 		/* added by OpSpl	*/
	font-weight:		400;								/* added by OpSpl	*/
}

/* Coloring the list bullets/numbers */
.cm-s-obsidian span.cm-formatting-list {
	color: 			var(--text-accent);
	font-size: 		0.85em;
  	font-weight:		500;
  	font-family: 	var(--font-monospace);
}

/* Editor view - task list, color and vertical align */
.cm-s-obsidian span.cm-formatting-task {
  color: 		var(--text-accent);
  font-size:		0.85em;
  font-weight: 	500;
  position: 		relative;
  top: 			-0.12em;
}

/* OpSpl — let’s adjust Preview Checkboxes */
.markdown-preview-view .task-list-item-checkbox {
  /* width: 	15px;
  height: 	15px; 	*/
  top: 		0px;
}

.CodeMirror .cm-math {
  color: var(--text-inline-code);
}

/* color of inline code ticks */
.cm-s-obsidian span.cm-inline-code.cm-formatting-code {
  color: var(--text-faint);
}

/* color of inline code, while editing */
.cm-s-obsidian span.cm-inline-code {
  color: var(--text-inline-code);
}

/* color and border of inline code (between the ticks) */
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code) {
  background-color: var(--background-inline-code);
  border: 1px solid var(--border-inline-code);
  padding: 1px 2px;
}

.markdown-preview-section code {
  background-color: var(--background-inline-code);
  border: 			1px solid var(--border-inline-code);
  padding: 			1px 4px;
}

/* Set background of code panes	*/
.markdown-preview-view code {
  // background-color: transparent; 		(OpSpl)
  bottom: 			0px;
  color: 			var(--text-inline-code);
}

/* Preview code block background */
.markdown-preview-view pre {
  padding: 			1em;
  background-color: var(--code-block-background);
  border-radius: 	4px;
  border: 			1px solid var(--code-block-border);
  white-space: 		pre-wrap;
}

/* Code block border color */
.cm-s-obsidian div.HyperMD-codeblock-begin-bg {
	border-top: 				1px solid var(--code-block-border);
	border-top-left-radius: 4px;
	border-top-right-radius:	4px;
}

/* Code block border color */
.cm-s-obsidian div.HyperMD-codeblock-end-bg {
	border-bottom: 				1px solid var(--code-block-border);
	border-bottom-left-radius:	4px;
	border-bottom-right-radius:	4px;
}

/* Code block background color */
.cm-s-obsidian div.HyperMD-codeblock-bg {
  background-color: var(--code-block-background);
}

/* Code block left and right padding */
.cm-s-obsidian pre.HyperMD-codeblock {
  padding:	0px 10px 0px 10px;
  color: 	var(--text-inline-code);
}

/* Code block top padding */
.cm-s-obsidian pre.HyperMD-codeblock-begin {
	padding-top: 10px;
}

/* Code block bottom padding */
.cm-s-obsidian pre.HyperMD-codeblock-end {
	padding-top: 10px;
}

/* Code block left and right border colors */
.cm-s-obsidian div.HyperMD-codeblock-bg {
	border-left:		1px solid var(--code-block-border);
	border-right:	1px solid var(--code-block-border);
}

/* Enable wrapping of code blocks in the preview panel */
.theme-light code[class*="language-"], .theme-light pre[class*="language-"],
.theme-dark code[class*="language-"], .theme-dark pre[class*="language-"] {
  white-space:		pre-wrap;
  background-color: var(--code-block-background);
}

/* Add some spacing when a #hashtag is used */
/* .cm-hashtag, .markdown-preview-section .tag {
  line-height: 1.9em;
} */

/* Tag pillbox - common settings for editor left, editor right and preview */
.cm-s-obsidian span.cm-hashtag-begin,
.cm-s-obsidian span.cm-hashtag-end,
a.tag {
	background-color: 	var(--tag-background);
	color: 				var(--text-nav-selected);
	padding-bottom: 		2px;
	padding-top: 		2px;
	text-decoration: 	none;
  	font-family: 		var(--font-family-editor);
  	font-size: 			0.9em;
}

/* Tag editor left side pillbox */
.cm-s-obsidian span.cm-hashtag-begin {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	padding-left: 8px;
}

/* Tag editor right side pillbox */
.cm-s-obsidian span.cm-hashtag-end {
	border-top-right-radius: 	25px;
	border-bottom-right-radius: 25px;
	padding-right: 				10px;
}

/* Tag preview pillbox */
a.tag {
	border-top-left-radius: 	250px;
	border-top-right-radius: 	250px;
	border-bottom-left-radius: 	250px;
	border-bottom-right-radius: 250px;
	padding-left: 				10px;
	padding-right: 				12px;
}

/* Add a tiny bit of padding to the link brackets and parenthesis */
.cm-s-obsidian span.cm-formatting-link,
.cm-s-obsidian span.cm-formatting-link-string {
  padding: 0 1px 0 1px;
  /* font-weight: 500; */
}

/* Additional left/right padding for tag pane so hover background has some room */
.tag-pane-tags {
  padding-left: 	10px;
  padding-right: 	5px;
}

/* Color the hover background like we do the selected left nav */
.tag-pane-tag:hover {
  background-color: var(--background-hover-bar);				/* OpSpl — was --background-nav-alt */
  color: 			var(--text-color);
}

/* Style the tag pane tag count with the bear red coloring used in selected item from left nav */
.tag-pane-tag-count {
  background-color: var(--text-accent);
  color: 			var(--text-nav-selected);
}

/* Backlinks title match hover */
.search-result-file-title:hover {
  background-color: var(--background-hover-bar);				/* OpSpl — was --background-nav-alt */
}

/* Backlinks content match hover */
.search-result-file-match:hover {
  background-color: var(--background-nav-alt);
}

/* Backlink titles for matches */
.search-result-file-title {
  color: var(--text-nav);
}

/* Backlink highlighted [[links]] */
.search-result-file-matched-text {
  color: 			var(--text-nav-selected);
  background-color: var(--text-accent);
  padding: 			2px;
  border-radius: 	4px;
}

/* Add button hovers to the the Update internal links modal (and possibly others) */
.modal-button-container button:not(.mod-cta):not(.mod-warning):hover {
  background-color: var(--text-accent);
  color: 			var(--text-nav-selected);
}

/* Background color of rename inputs */
.nav-file-title-content.is-being-renamed,
.nav-folder-title-content.is-being-renamed {
  cursor: 			text;
  border-color: 	var(--interactive-accent);
  background-color: var(--background-nav);
  padding-left: 	15px;
}

/* Background color of file tags, like "png" */
.nav-file-tag {
  background-color: var(--background-nav-file-tag);
  color: 			var(--text-nav-selected);
}

/* Remove the border, padding, and margin for the transcludes/embeds */
.markdown-preview-view .markdown-embed, .markdown-preview-view .file-embed {
  border: 0px;
  padding: 0;
  margin: 0;
}

/* adjust the background of the transcludes + add a left border —— OpSpl —— */
.markdown-preview-view .markdown-embed-content {
	background-color:	var(--background-transcludes);
    border-left: 		2px dotted var(--text-normal);
    padding-left: 		0.5rem;
}

/* Hide the title of the embeds */
.markdown-embed-title {
  display: none;
}

.markdown-preview-view .markdown-embed-content {
  max-height:		unset;
  overflow-y: 		unset;
  padding-right:		unset;
}

/* OpSpl — I don’t want any underline for links; colour should be sufficient	*/
a {
	text-decoration: none;
}

/* OpSpl — same for internal links	*/
.markdown-preview-view .internal-link {
	text-decoration: none;
}

/* OpSpl — let’s adjust vertically the position of the extenal-link indicator */
.external-link {
	background-position-y: 1px;
}

/* OpSpl — highlight links when hovering with mouse */
a:hover {
	color:				var(--text-accent);
	background-color:	var(--post-it-color-dark);
}

/*
Try to support content in the navs... this is difficult because this theme is a
split of dark and light. So content in the main pane should be light mode, while content
in the left pane should be dark mode
*/
/* .workspace-tabs .view-content {
  color: var(--text-nav);
} */


/* OpSpl: let’s improve the visibility of the note title, needed when there are tiled notes */
.view-header {
	border-top: 	3px solid;
	/*	border-bottom:	3px solid; */
	}

.view-header-title {
	height:	29px;
	}


.status-bar {
	background-color: var(--post-it-color-light);
}


/***************************************/
/*           width of content  (OpSpl) */
/***************************************/
/*	in edit mode		*/
.markdown-source-view.is-readable-line-width .CodeMirror {
  max-width:	57rem;
  margin-left:	auto;
  margin-right: auto;
  line-height:	1.8rem;		/* it might not be the best place to set line spacing, but it works */
}

/*	in preview mode		*/
.markdown-preview-view.is-readable-line-width .markdown-preview-section {
  max-width:	53rem;
  margin-left:	auto;
  margin-right: auto;
  line-height:	1.7rem;		/* it might not be the best place to set line spacing, but it works */
}

/********************************************************************************************/
/*	I prefer a more compact vertical spacing. It also permits to show more text on a laptop */
p{
	margin-block-start:	0.5em;
    margin-block-end:	0;
    margin-inline-start:0px;
    margin-inline-end:	0px;
	padding-top:		0;
	padding-bottom:		0;
}


/***************************************/
/*   let’s take care of lists  (OpSpl) */
/***************************************/

ul, ol {
	margin-left: 			1.5rem;
	margin-right: 			0;
	margin-top: 			0;
	padding-top: 			0;
	padding-bottom: 		0;
	padding-left: 			1rem;
	padding-right: 			0;
	list-style-position:	outside;
	list-style-image: 		none;
}

/* each “list item” gets a slight space above */
li {
	margin-top:	.6rem;
}

li p {
	margin-top:	.5rem;
}

/*
ul  li :first-child,
ol  li :first-child {
	margin-top: .3rem;
	margin-bottom: 0;
}
*/

ul  li :last-child,
ol  li :last-child {
	margin-top: .3rem;
	margin-bottom: .4rem;
}

/* unordered or ordered list following a body paragraph */
p + ul,
p + ol {
  	padding-top: 	0;
  	margin-top: 	.5rem;
  	padding-bottom:	0;
  	margin-bottom:	0.6rem;
}

ol li {
	padding-left: 0;
}


ul li,
ol li
{ /* sélectionne un “list item” à l’intérieur d’une “unordered list” ou d’une “ordered list” */
	margin-top:	.3rem;
}

figure {
	margin: 2em 0 2em 0em;
}

figure img {		/* OpSpl added a frame via outline property */
	outline:		2px solid var(--text-color);
	outline-offset: 10px;
	left:			10px;
	position:		relative;
	margin-bottom:	7px;
}

figcaption {						/* OpSpl: adjusted to frame and overall styling		*/
	font-weight:	600;
	font-style:		italic;
	padding-bottom: 1em;
	padding-top:	.4em;
	padding-left:	.6em;
	font-size:		.9em;
}

img {							/* OpSpl: preventing images from overwhelming text	*/
	max-width:	100%;
	max-height: var(--img-max-height);
}

/* OpSpl: let’s put a nice paper-like background in the preview; we can style either
	“.markdown-preview-sizer” → just the text column
	“.markdown-preview-view” → the whole edit pane
	It’s a matter of taste. */
.markdown-preview-view {
	background: url(data:image/jpeg;base64,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) 0% 0% repeat scroll;
}

.tag-pane-tag-count {				/* the count of files in the tab pane */
	color:	var(--post-it-color-light) ;
}

/* ------------ Bullet point relationship lines ------------ */
/* Source: Obsidian forum: https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/2 */
.cm-hmd-list-indent .cm-tab, ul ul { position: relative; }
.cm-hmd-list-indent .cm-tab::before, ul ul::before {
 	content:'';
 	border-left:	1px solid rgba(0, 122, 255, 0.25);
 	position: 		absolute;
	margin-left: 	-1.7rem;		/* OpSpl — adjusted so they line up with bullets */
}
.cm-hmd-list-indent .cm-tab::before { left: 0; top: -5px; bottom: -4px;
}
ul ul::before { left: -11px; top: 0; bottom: 0;
}

/* ------------ OpSpl — The same for ordered lists ------------ */
.cm-hmd-list-indent .cm-tab, ol ol { position: relative; }
.cm-hmd-list-indent .cm-tab::before, ol ol::before {
	content:'';
	border-left:	1px solid rgba(0, 122, 255, 0.25);
	position:		absolute;
	margin-left: 	-1.7rem;		/* OpSpl — adjusted so they line up with numbers */
}
.cm-hmd-list-indent .cm-tab::before { left: 0; top: -5px; bottom: -4px;
}
ol ol::before { left: -11px; top: 0; bottom: 0;
}