/* More info on MkDocs Material CSS colors: https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss */

:root {
    --md-primary-fg-color: #8F11C3;
    --md-accent-fg-color: #6D2C8B;
    
    --md-banner-announcement-color:  #000000;
    --md-banner-button-announcement-color:  #CC72F3;

    /* Set color for search */
    --docsearch-primary-color: #6D2C8B !important;      

    /* Custom icons for page statuses and admonitions */
    --md-status--labs: url('../img/Icon-Labs.svg');
    --md-admonition-icon--labs: url('../img/Icon-Labs.svg');
    
    --md-status--updated: url('../img/Icon-Material-Update.svg');
    --md-admonition-icon--processchange: url('../img/Icon-Material-Update.svg');
    
    --md-status--pro: url('../img/professional-hexagon.svg');
    --md-admonition-icon--pro: url('../img/professional-hexagon.svg');

}

[data-md-color-scheme="MillMage"] {
    

    --md-typeset-a-color: var(--md-primary-fg-color);

}

[data-md-color-scheme="slate"] {
    /* Started with #8f11c3 and adjusted luminance (42% -> 70%) in HSL to make it lighter */
    --md-typeset-a-color: #CC72F3;
}


/* This should work fine with just .md-banner as the selector, but I was a little more specific to avoid potential unintended consequences later */

[data-md-component="announce"] .md-banner {
    background-color: var(--md-banner-announcement-color);
}

/* Set the background color of the close banner button */

[data-md-component="announce"] .md-banner__button {
    background-color: var(--md-banner-button-announcement-color);
}


/* Custom page statuses and admonitions */

.DocSearch-Hit-title {
    font-size: 1.2em !important;
}


.md-status--labs::after {
    mask-image: var(--md-status--labs);
    -webkit-mask-image: var(--md-status--labs);
}

.md-typeset .admonition.labs,
.md-typeset detail.labs {
    border-color: #FFC716;
}

.md-typeset .labs > .admonition-title,
.md-typeset .labs > summary {
    background-color: #FFA61630;
}

.md-typeset .labs > .admonition-title::before,
.md-typeset .labs > summary::before {
    background-color: #FFA616;
    mask-image: var(--md-admonition-icon--labs);
    -webkit-mask-image: var(--md-admonition-icon--labs);
}


/* Process change admonition and page status */

.md-status--updated::after {
    mask-image: var(--md-status--updated);
    -webkit-mask-image: var(--md-status--updated);
}

.md-typeset .admonition.processchange,
.md-typeset detail.processchange {
    border-color: #FFC716;
}

.md-typeset .processchange > .admonition-title,
.md-typeset .processchange > summary {
    background-color: #FFA61630;
}

.md-typeset .processchange > .admonition-title::before,
.md-typeset .processchange > summary::before {
    background-color: #FFA616;
    mask-image: var(--md-admonition-icon--processchange);
    -webkit-mask-image: var(--md-admonition-icon--processchange);
}
/* MillMage Pro admonition and page status */

.md-status--pro::after {
    mask-image: var(--md-status--pro);
    -webkit-mask-image: var(--md-status--pro);
}


.md-typeset .admonition.pro,
.md-typeset detail.pro {
    border-color: #6D2C8B;
}

.md-typeset .pro > .admonition-title,
.md-typeset .pro > summary {
    background-color: #6d2c8b30;
}

.md-typeset .pro > .admonition-title::before,
.md-typeset .pro > summary::before {
    background-color: #6D2C8B;
    mask-image: var(--md-admonition-icon--pro);
    -webkit-mask-image: var(--md-admonition-icon--pro);
}

/* Force hiding shadow tags, tags beginning with "_" */
.md-typeset .md-tag-shadow {
  display: none;
}


/* MillMage comparison table column highlighting */
/* Only applies to tables inside a div with class="millmage-comparison" */

.millmage-comparison table th:nth-child(2),
.millmage-comparison table th:nth-child(3) {
    background-color: #5b2d8e;
    color: #ffffff;
}

.millmage-comparison table td:nth-child(2),
.millmage-comparison table td:nth-child(3) {
    background-color: #f3ecfb;
    color:#444444 !important;
}

/* 1. Target the entire Divider Row background */
.millmage-comparison tr:has(#table-divider) {
    background-color: #eeeeee !important;
}

/* 2. Neutralize the MillMage columns (2nd and 3rd) in divider rows */
/* This stops them from being purple/dark-blocked */
.millmage-comparison tr:has(#table-divider) td:nth-child(2),
.millmage-comparison tr:has(#table-divider) td:nth-child(3) {
    background-color: #eeeeee !important; /* Match the row gray */
    color: transparent !important;        /* Remove any phantom text/purple icons */
}

/* 3. Ensure the divider text is charcoal and bold */
.millmage-comparison tr:has(#table-divider) td:first-child {
    color: #444444 !important;
    font-weight: 700 !important;
}

/* 4. Reset link color for the whole row to ensure no purple leaks through */
.millmage-comparison tr:has(#table-divider) a,
.millmage-comparison tr:has(#table-divider) td {
    color: #444444 !important;
    text-decoration: none !important;
}


.full-width {
    width: 100%;
}

.center-text {
    text-align: center;
}