/* Custom Styling for WhatzCRM Docs */

/* 1. Global Font Adjustment */
body,
.md-typeset {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* 2. Heading Thickness and Spacing - REMOVED for default styling */


/* 3. Navigation Sidebar Styling - REMOVED for default styling */

.md-nav__item .md-nav__link--active {
  font-weight: 700;
  color: var(--md-primary-fg-color);
}

/* 4. Code Block Rounding */
.md-typeset pre>code {
  border-radius: 6px;
}

/* 5. Custom "Start Here" Button Look */
/* If we want to style specific links as buttons later */
.md-typeset a.button-link {
  background-color: var(--md-primary-fg-color);
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  margin-top: 10px;
}

/* 6. Header Styling for Logo Visibility */
/* Changing header background to white so the blue logo pops */
.md-header {
  background-color: #ffffff !important;
  color: #2c3e50 !important;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, .1), 0 0.2rem 0.4rem rgba(0, 0, 0, .2);
}

/* Fix header text/icon colors to be dark since background is white */
.md-header .md-header__button,
.md-header .md-header__title,
.md-header .md-header__option {
  color: #2c3e50 !important;
}

/* Search bar styling correction for white header */
.md-search__input {
  background-color: #f0f2f5 !important;
  color: #2c3e50 !important;
}

.md-search__icon {
  color: #2c3e50 !important;
}

/* Adjust Tabs background to match or complement */
.md-tabs {
  background-color: #ffffff !important;
  color: #2c3e50 !important;
  border-bottom: 1px solid #e0e0e0;
}

.md-tabs__link {
  color: #5c6b7f !important;
  /* Slightly lighter for inactive tabs */
}

.md-tabs__link--active {
  color: #2c3e50 !important;
  /* Active tab dark */
  font-weight: 700;
}