/* Nutrient Java SDK Documentation - Custom Color Overrides */

/* Override Dokka's color variables to match nutrient.io */
:root {
    /* Light theme colors from nutrient.io */
    --nutrient-primary: #0066cc;
    --nutrient-primary-hover: #0052a3;
    --nutrient-background: #ffffff;
    --nutrient-surface: #f8f9fa;
    --nutrient-text: #1A1414;
    --nutrient-text-secondary: #6c757d;
    --nutrient-border: #e9ecef;
    --nutrient-code-bg: #f6f8fa;
    
    /* Apply to Dokka variables */
    --active-section-color: var(--nutrient-primary);
    --active-tab-border-color: var(--nutrient-primary);
    --sidemenu-section-active-color: var(--nutrient-primary);
    --hover-link-color: var(--nutrient-primary-hover);
    --breadcrumb-font-color: var(--nutrient-text-secondary);
    --code-background: var(--nutrient-code-bg);
    --border-color: var(--nutrient-border);
    --default-gray: var(--nutrient-surface);
    --average-color: var(--nutrient-text-secondary);
    
    /* Override logo to use Nutrient logo with text */
    --dokka-logo-image-url: url('../images/logo.svg');
    --dokka-logo-height: 40px;
    --dokka-logo-width: 246px; /* Proportional to original 312x51 */
    
    /* Fix search icon color */
    --dark-mode-and-search-icon-color: var(--nutrient-text) !important;
}

/* Dark theme overrides */
.theme-dark {
    /* Dark theme colors */
    --nutrient-background: #1A1414;
    --nutrient-surface: #2c2c2c;
    --nutrient-text: #f8f9fa;
    --nutrient-text-secondary: #c0c0c0;
    --nutrient-border: #3c3c3c;
    --nutrient-code-bg: #2c2c2c;
    --nutrient-primary: #4da6ff;
    --nutrient-primary-hover: #66b3ff;
    
    /* Use white logo for dark theme */
    --dokka-logo-image-url: url('../images/logo-white.svg');
}

/* Reduce navigation header height */
.navigation-title {
    padding: 12px 16px !important;
}

/* Hide the library name text since it's in the logo */
.library-name--link {
    font-size: 0 !important;
    padding-left: var(--dokka-logo-width) !important;
}

/* Add the logo using pseudo-element */
.library-name--link::before {
    content: '';
    background: var(--dokka-logo-image-url) no-repeat left center;
    background-size: contain;
    width: var(--dokka-logo-width);
    height: var(--dokka-logo-height);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Ensure library name container has relative positioning */
.library-name {
    position: relative;
    min-height: var(--dokka-logo-height);
}

/* Match nutrient.io background colors */
.navigation,
.navigation--inner {
    background-color: var(--nutrient-surface) !important;
}

/* Make search button text use theme color */
.navigation-controls--search {
    color: var(--nutrient-text) !important;
}

/* Target the SVG search icon specifically */
#pages-search {
    fill: var(--nutrient-text) !important;
}

/* Additional search icon targeting */
.navigation-controls--search svg {
    fill: var(--nutrient-text) !important;
}

.navigation-controls--search path {
    fill: var(--nutrient-text) !important;
}

/* Force search icon color with higher specificity */
.navigation-controls .navigation-controls--search svg {
    fill: var(--nutrient-text) !important;
}

/* Override any inline styles on search icon */
[id="pages-search"] {
    fill: var(--nutrient-text) !important;
}

/* Hide platform filter/selector elements */
.filter-section {
    display: none !important;
}

.platform-selector {
    display: none !important;
}

.platform-tag {
    display: none !important;
}

.platform-tags {
    display: none !important;
}

/* Hide platform bookmarks row */
.platform-bookmarks-row {
    display: none !important;
}

/* Hide platform hinted elements that show platform tabs */
.platform-hinted > .platform-bookmarks-row {
    display: none !important;
}

/* Remove margin/padding that was reserved for platform selector */
.tabs-section-body {
    padding-top: 0 !important;
}

.cover > .platform-hinted {
    padding-bottom: 0 !important;
}

/* Increase sidebar navigation font size */
.sidebar--inner {
    font-size: 14px !important;
    line-height: 20px !important;
}

/* Hide the "Generated by dokka" text in footer */
.footer .pull-right {
    display: none !important;
}