/* 
 * Accops HyWorks Documentation - Minimal Clean CSS
 * Version: 3.0 - Safe for Material 9.7.x
 * Last Updated: January 2026
 * NOTE: This is a minimal version that won't interfere with 
 * Material theme's native navigation behavior
 */

/* ========================================================================
   MAIN LAYOUT OPTIMIZATION
   ======================================================================== */

/* Content area optimization */
.md-grid {
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
}

/* ========================================================================
   FOOTER
   ======================================================================== */

.md-footer-meta {
    display: none;
}

/* ========================================================================
   CONTENT STYLING
   ======================================================================== */

.highlight {
    margin: 1em 0;
    border-radius: 0.4em;
}

.md-typeset table:not([class]) {
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 0.4em;
    overflow: hidden;
}

.md-typeset table:not([class]) th {
    background-color: var(--md-default-fg-color--lightest);
    font-weight: 600;
}

.md-typeset .admonition {
    border-left: 4px solid;
    border-radius: 0.4em;
    margin: 1.5em 0;
    padding: 0.8em 1.2em;
}

/* ========================================================================
   ACCOPS BRAND COLORS
   ======================================================================== */

.md-typeset a {
    color: #ff5722;
}

.md-typeset a:hover {
    color: #f4511e;
}

.md-typeset .md-button {
    background-color: #ff5722;
    border-color: #ff5722;
    color: white;
}

.md-typeset .md-button:hover {
    background-color: #f4511e;
    border-color: #f4511e;
}

/* ========================================================================
   SEARCH
   ======================================================================== */

.md-search-result mark {
    background-color: #fff3cd;
    color: #856404;
    padding: 0 0.2em;
    border-radius: 0.2em;
}

/* ========================================================================
   CUSTOM CLASSES
   ======================================================================== */

.highlight-box {
    background-color: #fff3cd;
    border-left: 4px solid #ff5722;
    padding: 1em;
    margin: 1em 0;
    border-radius: 0.4em;
}

[data-md-color-scheme="slate"] .highlight-box {
    background-color: rgba(255, 193, 7, 0.1);
}

.version-badge {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 0.85em;
    font-weight: 600;
    color: white;
    background-color: #ff5722;
    border-radius: 0.3em;
}

.status-new { color: #4caf50; font-weight: 600; }
.status-enhanced { color: #2196f3; font-weight: 600; }
.status-fixed { color: #ff9800; font-weight: 600; }
.status-deprecated { color: #f44336; font-weight: 600; }

/* ========================================================================
   DARK MODE
   ======================================================================== */

[data-md-color-scheme="slate"] {
    --md-code-bg-color: #1a1a1a;
}

/* ========================================================================
   PRINT
   ======================================================================== */

@media print {
    .md-header,
    .md-tabs,
    .md-sidebar,
    .md-footer {
        display: none;
    }
}

/* ========================================================================
   ACCESSIBILITY
   ======================================================================== */

a:focus,
button:focus,
input:focus {
    outline: 2px solid #ff5722;
    outline-offset: 2px;
}