/* Layout */

.md-grid {
    max-width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.md-main__inner {
    margin-top: 12px;
}

.md-header__source {
    display: none;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Mermaid diagrams */

.mermaid,
pre.mermaid {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; /* Centers the content inside the Mermaid diagram if needed */
    max-width: 100%; /* Ensures the diagram doesn't overflow */
}

/* Images */

.md-typeset img:not(.twemoji) {
    border-radius: 6px;
    border: 1px solid var(--md-typeset-color);
}

/* Buttons */

[data-md-color-scheme="default"] .md-typeset .md-button {
    color: #ffffff;
    background-color: #164078;
}

[data-md-color-scheme="slate"] .md-typeset .md-button {
    color: #ffffff !important;
    background-color: #164078 !important;
    border: 2px solid var(--md-typeset-a-color) !important;
}

.md-button,
.md-button > span {
    margin-left: 6px;
    margin-right: 6px;
}

.md-button {
    border-radius: 8px !important;
}

.md-button--primary {
    border-radius: 8px !important;
}

.md-button--secondary {
    border-radius: 8px !important;
}

/* Highlight */

::selection {
    background: #164078;
    color: #ffffff !important;
}

/* Palette */

[data-md-color-scheme="default"] {
    --md-primary-fg-color: hsla(var(--md-hue), 0%, 100%, 1);
    --md-primary-fg-color--light: hsla(var(--md-hue), 0%, 100%, 0.7);
    --md-primary-fg-color--dark: hsla(var(--md-hue), 0%, 0%, 0.07);
    --md-primary-bg-color: hsla(var(--md-hue), 0%, 0%, 0.87);
    --md-primary-bg-color--light: hsla(var(--md-hue), 0%, 0%, 0.54);
    --md-footer-fg-color: hsla(var(--md-hue), 0%, 0%, 0.54); /* footer text color */
    --md-footer-fg-color--light: hsla(var(--md-hue), 0%, 0%, 0.87); /* footer text color */
    --md-footer-bg-color--dark: hsla(var(--md-hue), 0%, 100%, 1); /* footer background */
    --md-typeset-a-color: #164078; /* accent color for active links*/
    --md-accent-fg-color: #164078; /* accent color - light blue */
}

[data-md-color-scheme="slate"] {
    --md-default-bg-color: #0a0a0a; /* Dark mode background color - dark black */
    --md-primary-fg-color: #0a0a0a; /* Primary text color - deep blue */
    --md-footer-bg-color--dark: #0a0a0a; /* footer background */
    --md-typeset-a-color: #3089ff; /* Accent color for active links */
    --md-accent-fg-color: #3089ff; /* accent color - light blue */
}

/* Logo */

#logo_light_mode {
    display: var(--md-footer-logo-light-mode);
}

#logo_dark_mode {
    display: var(--md-footer-logo-dark-mode);
}

[data-md-color-scheme="default"] {
    --md-footer-logo-dark-mode: none;
    --md-footer-logo-light-mode: block;
}

[data-md-color-scheme="slate"] {
    --md-footer-logo-dark-mode: block;
    --md-footer-logo-light-mode: none;
}

/* Table */

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

.md-typeset .center-table :is(td,th):not([align]) {
    text-align: initial;
}

.md-typeset .full-width-table .md-typeset__table {
    display: block;
}
.full-width-table .md-typeset__table table:not([class]) {
    display: table;
}

/* Link */

[data-md-color-scheme="default"] .md-typeset a:hover:not(.md-button) {
    color: #3089ff;
}

[data-md-color-scheme="slate"] .md-typeset a:hover:not(.md-button) {
    color: #ffffff;
}