/* ========================================
   Bühler MkDocs Theme Configuration
   Based on Bühler Color Palette
   ======================================== */

/* Light Theme (Default) */
[data-md-color-scheme="buhler"] {
    /* Primary Colors */
    --md-primary-fg-color: #009B91;          /* Primary Turquoise */
    --md-primary-fg-color--light: #64C3C8;   /* Secondary */
    --md-primary-fg-color--dark: #00324B;    /* Deep Blue */
    
    /* Accent Colors */
    --md-accent-fg-color: #64C3C8;           /* Secondary for links/highlights */
    --md-accent-fg-color--transparent: rgba(100, 195, 200, 0.1);
    
    /* Background Colors */
    --md-default-bg-color: #FFFFFF;          /* White */
    --md-default-fg-color: #00324B;          /* Deep Blue for text */
    --md-default-fg-color--light: #335B6F;   /* Deep Blue 80 for secondary text */
    --md-default-fg-color--lighter: #668493; /* Deep Blue 60 for muted text */
    --md-default-fg-color--lightest: #99ADB7; /* Deep Blue 40 for borders */
    
    /* Code and Syntax */
    --md-code-bg-color: #F2F4F6;            /* Deep Blue 5 */
    --md-code-fg-color: #00324B;            /* Deep Blue */
    --md-code-hl-color: rgba(0, 155, 145, 0.15); /* Primary with transparency */
    
    /* Navigation */
    --md-nav-bg-color: #FFFFFF;
    --md-nav-fg-color: #00324B;
    
    /* Footer */
    --md-footer-bg-color: #00324B;          /* Deep Blue */
    --md-footer-bg-color--dark: #335B6F;    /* Deep Blue 80 */
    --md-footer-fg-color: #FFFFFF;
    
    /* Tables */
    --md-typeset-table-color: rgba(0, 50, 75, 0.12); /* Deep Blue with transparency */
    
    /* Semantic Colors */
    --md-typeset-color: #00324B;            /* Deep Blue for body text */
    --md-typeset-a-color: #009B91;          /* Primary for links */
    
    /* Custom Bühler Semantic Colors */
    --buhler-success-color: #08A567;         /* Green */
    --buhler-warning-color: #FF9B32;         /* Orange */
    --buhler-error-color: #E6003C;           /* Red */
    --buhler-info-color: #87C8F0;            /* Light Blue */
    
    /* Neutral Grays */
    --buhler-gray-5: #F3F3F3;
    --buhler-gray-15: #DADADA;
    --buhler-gray-45: #8D8D8D;
    --buhler-gray-65: #585858;
    --buhler-gray-85: #212121;
}

/* Dark Theme (Slate with Bühler colors) */
[data-md-color-scheme="slate"] {
    /* Primary Colors */
    --md-primary-fg-color: #009B91;          /* Primary Turquoise */
    --md-primary-fg-color--light: #64C3C8;   /* Secondary */
    --md-primary-fg-color--dark: #00324B;    /* Deep Blue */
    
    /* Accent Colors */
    --md-accent-fg-color: #64C3C8;           /* Secondary */
    --md-accent-fg-color--transparent: rgba(100, 195, 200, 0.1);
    
    /* Dark Background Colors */
    --md-default-bg-color: #212121;          /* Gray 85 */
    --md-default-fg-color: #F3F3F3;          /* Gray 5 for text */
    --md-default-fg-color--light: #DADADA;   /* Gray 15 */
    --md-default-fg-color--lighter: #8D8D8D; /* Gray 45 */
    --md-default-fg-color--lightest: #585858; /* Gray 65 */
    
    /* Code in Dark Mode */
    --md-code-bg-color: #585858;            /* Gray 65 */
    --md-code-fg-color: #F3F3F3;            /* Gray 5 */
    
    /* Navigation in Dark Mode */
    --md-nav-bg-color: #212121;             /* Gray 85 */
    --md-nav-fg-color: #F3F3F3;             /* Gray 5 */
    
    /* Hue for Material Design calculations */
    --md-hue: 177;  /* Hue of the primary turquoise color */
}

/* ========================================
   Enhanced Work Item Styling
   ======================================== */

.work-item__reference {
    background: var(--md-primary-fg-color--light, #F2F4F6);
    border-left: 4px solid var(--md-primary-fg-color);
    padding: 12px 16px;
    margin: 8px 0;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 50, 75, 0.1);
}

.work-item__reference .work-item__title {
    font-weight: 600;
    color: var(--md-primary-fg-color--dark);
    margin-bottom: 4px;
}

.work-item__reference .work-item__title::before {
    content: '📋';
    margin-right: 8px;
}

.work-item__reference .work-item__state {
    color: var(--md-default-fg-color--light);
    font-size: 0.9em;
}

.work-item__reference .work-item__state::before {
    content: '•';
    color: var(--md-primary-fg-color);
    margin: 0 8px;
    font-weight: bold;
}

/* ========================================
   Additional Bühler Theme Enhancements
   ======================================== */

/* Admonitions with Bühler colors */
.md-typeset .admonition.success,
.md-typeset details.success {
    border-color: var(--buhler-success-color);
}

.md-typeset .success > .admonition-title,
.md-typeset .success > summary {
    background-color: rgba(8, 165, 103, 0.1);
    border-color: var(--buhler-success-color);
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
    border-color: var(--buhler-warning-color);
}

.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
    background-color: rgba(255, 155, 50, 0.1);
    border-color: var(--buhler-warning-color);
}

.md-typeset .admonition.danger,
.md-typeset details.danger {
    border-color: var(--buhler-error-color);
}

.md-typeset .danger > .admonition-title,
.md-typeset .danger > summary {
    background-color: rgba(230, 0, 60, 0.1);
    border-color: var(--buhler-error-color);
}

.md-typeset .admonition.info,
.md-typeset details.info {
    border-color: var(--buhler-info-color);
}

.md-typeset .info > .admonition-title,
.md-typeset .info > summary {
    background-color: rgba(135, 200, 240, 0.1);
    border-color: var(--buhler-info-color);
}

/* Enhanced buttons with Bühler styling */
.md-button {
    background-color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
    color: white;
}

.md-button:hover {
    background-color: var(--md-primary-fg-color--dark);
    border-color: var(--md-primary-fg-color--dark);
}

.md-button--primary {
    background-color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
}

/* Enhanced search highlighting */
.md-search-result__teaser mark {
    background-color: var(--md-accent-fg-color--transparent);
    color: var(--md-primary-fg-color--dark);
}

/* Custom scrollbar styling */
::-webkit-scrollbar-thumb {
    background-color: var(--md-primary-fg-color);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--md-primary-fg-color--dark);
}

/* Enhanced table styling */
.md-typeset table:not([class]) th {
    background-color: var(--md-primary-fg-color);
    color: white;
}

.md-typeset table:not([class]) tr:hover {
    background-color: rgba(0, 155, 145, 0.05);
}

/* Progress bars and indicators */
.md-progress {
    background-color: var(--md-primary-fg-color);
}

/* Navigation active states */
.md-nav__item--active > .md-nav__link {
    color: var(--md-primary-fg-color);
}

.md-nav__item--active > .md-nav__link:hover {
    color: var(--md-primary-fg-color--dark);
}

/* Header and hero sections */
.md-hero {
    background: linear-gradient(135deg, var(--md-primary-fg-color) 0%, var(--md-primary-fg-color--light) 100%);
    color: white;
}

/* Tags styling */
.md-tag {
    background-color: var(--md-accent-fg-color--transparent);
    color: var(--md-primary-fg-color--dark);
    border: 1px solid var(--md-accent-fg-color);
}

/* Custom utility classes for Bühler branding */
.buhler-primary { color: var(--md-primary-fg-color) !important; }
.buhler-secondary { color: var(--md-primary-fg-color--light) !important; }
.buhler-deep-blue { color: var(--md-primary-fg-color--dark) !important; }
.buhler-success { color: var(--buhler-success-color) !important; }
.buhler-warning { color: var(--buhler-warning-color) !important; }
.buhler-error { color: var(--buhler-error-color) !important; }
.buhler-info { color: var(--buhler-info-color) !important; }

/* ========================================
   Footer Social Links Styling
   ======================================== */

/* Hide external link arrows on footer social icons */
.md-footer__inner .md-social__link::after {
    display: none !important;
}

/* Remove any external link indicators from footer social links */
.md-footer .md-social__link[href*="://"]::after {
    display: none !important;
}

/* Fix footer bottom border/white line */
.md-footer {
    border-top: none !important;
    margin-top: 0 !important;
}

/* Ensure no white space below footer */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

.md-container {
    margin-bottom: 0 !important;
}

/* Remove any bottom margin from the main content area */
.md-main {
    margin-bottom: 0 !important;
}