/*
 * This CSS file applies a custom theme to an Obsidian Publish site.
 * It uses the variables and selectors provided by Obsidian's documentation.
 */
/* The @import rule for Google Fonts MUST be the very first line of the file. */
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

/* Define the main theme colors using CSS variables */
body {
  /* General background color */
  --background-primary: #1a1a1c;
  /* Normal text color */
  --text-normal: #ffffff;
  /* Link color */
  --text-link: #889ce7;
  /* Color for borders, lines, and some highlights */
  --background-modifier-border: #faaf21;
  /* Additional colors for a more complete theme, based on the primary colors */
  --background-secondary: #1a1a1c;
  --interactive-normal: #3a3a3d;
  --interactive-hover: #4d4d50;
  --interactive-accent: #faaf21;
  --interactive-accent-hover: #ffc457;
  --highlight-text: #faaf21;
  /* Apply the Questrial font to the main text and interface elements. */
  --font-text-theme: 'Questrial', sans-serif;
  --font-interface-theme: 'Questrial', sans-serif;
}

/* FIXED: Remove the orange line between sidebar and content */
/* This targets the left sidebar border in Obsidian Publish */
.site-body-left-column {
  border-right: none !important;
  --sidebar-left-border-width: 0px;
  --sidebar-left-border-color: transparent;
}

/* Alternative approach - also remove any divider colors */
.published-container {
  --divider-color: transparent;
  --background-modifier-border: transparent;
}

/* Links should be the specified blue color */
a {
  color: var(--text-link);
}

/* Horizontal rule lines in Markdown files */
hr {
  border-color: #faaf21;
}

/* Outline of the graph viewer */
.graph-view-container {
  border: 1px solid #faaf21;
}

/* Ensure the text color is consistent throughout the app */
.markdown-preview-view, .nav-file-title-content, .nav-folder-title {
  color: var(--text-normal);
}

/* FIXED: The currently active note in the left sidebar (Obsidian Publish specific) */
.nav-view-outer .tree-item-self.mod-active {
  background-color: #faaf21;
  color: #1a1a1c !important;
  border-radius: 4px;
}

/* Hide the main site title under the site logo - specific to this site only */
.site-header-container .site-title,
.site-header-text,
.site-body-left-column-site-name {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.site-header-container .site-title:hover,
.site-header-text:hover,
.site-body-left-column-site-name:hover {
  display: none !important;
  visibility: hidden !important;
}

/* Hide the "Powered by Obsidian Publish" footer */
.site-footer {
  display: none;
}

.site-header-text {
  color: transparent;
}

.site-body-left-column-site-name {
  color: transparent;
  line-height: 0;
  padding: 0;
}

/* Add the background image to the main note content area */
.markdown-preview-view {
  background-image: url('background sparkle.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

a.same-tab {
  /* This won't change the target, but marks it for JS */
}