/*
	This CSS file matches the color scheme from MudBlazor to Bootstrap when utilized for authentication.
	The file remains available at all times for demonstration purposes,
	but it is exclusively employed in the 'App.razor' component when authentication is enabled.
*/

.mud-button {
    text-transform: unset;
}

.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
    line-height: normal;
}

.btn-primary {
    text-transform: uppercase;
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}





/* Toolbar */
.mud-layout > .mud-appbar .mud-toolbar {
    border-bottom: 1px solid var(--mud-palette-divider) !important;
    height: 85px;
}

    .mud-layout > .mud-appbar .mud-toolbar .mud-input-label-outlined {
        background-color: var(--mud-palette-appbar-background);
    }

/* Main Content Container */
.mud-layout > .mud-main-content {
    padding-top: 85px;
}

    .mud-layout > .mud-main-content > .mud-container {
        margin: 0;
        padding-top: 20px;
    }

@media (max-width: 600px) {

    /* Mini Sidebar (Desktop Only) */
    .mud-layout > aside.mud-drawer-mini {
        display: none !important;
    }

    .mud-drawer-close-mini-md-left.mud-drawer-close-mini-md-right .mud-main-content {
        margin-right: 0;
        margin-left: 0;
    }

    /* Toolbar */
    .mud-layout > .mud-appbar {
        margin-left: 0 !important;
        width: 100% !important;
    }

        .mud-layout > .mud-appbar .mud-toolbar {
            height: 64px;
            margin: 0;
        }

    /* Main Content Container */
    .mud-layout > .mud-main-content {
        margin: 0;
        padding-top: 64px;
    }

        .mud-layout > .mud-main-content > .mud-container {
            margin: 0;
        }
}


/* Remove Focus Border on Page Load for h1 Elements */
h1, .mud-typography.mud-typography-h1 {
    border-color: transparent; /* Makes the border transparent always */
}

    h1:focus, .mud-typography.mud-typography-h1:focus,
    h1:focus-visible, .mud-typography.mud-typography-h1:focus-visible {
        outline: none !important; /* Removes the focus outline */
        border-color: transparent !important; /* Ensures the border is transparent on focus */
    }

.text-shadow {
    text-shadow: 2px 2px 6px var(--mud-palette-black); /* X-offset, Y-offset, blur radius, color */
}

/* Tabs */
/*.mud-tooltip-root > .mud-tab.mud-tab-active {
    color: var(--mud-palette-primary-text);
}

.mud-tooltip-root > .mud-tab:not(.mud-tab-active) {
    color: var(--mud-palette-grey-dark);
}

.mud-tooltip-root:hover > .mud-tab:not(.mud-tab-active) {
    color: var(--mud-palette-primary-text);
}*/

.mud-tab-slider .mud-tab-slider-horizontal {
    width: 100% !important;
}


/* MudBlazor Components */
.mud-chip.mud-chip-center-icon > svg {
    margin: 0;
}

.mud-divider {
    margin: 1rem 0;
    flex-shrink: 0;
    border-color: var(--mud-palette-divider);
    border-width: 1px;
    border-style: solid none none none;
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
}

.border-top {
    border-top: 2px solid var(--mud-palette-black) !important;
    border-top: 2px solid var(--mud-palette-primary) !important;
    opacity: .6;
}

.mud-alert.text-center .mud-alert-position {
    display: flex;
    justify-content: center !important;
    align-items: center;
}

/* Loading Overlay */
.loading-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    position: absolute;
    height: 100%;
    width: 100%;
}

/* TinyMCE styles */
.tox.tox-tinymce-aux {
    z-index: 9999;
}

.tox-statusbar {
    display: none !important;
}

.mud-alert.align-left .mud-alert-message {
    width: 100%;
    text-align: left;
}

.mud-alert .mud-alert-message {
    width: 100%;
    text-align: center;
}
.mud-alert.center-icon .mud-alert-message  {
    width: unset;
    text-align: center;
}

.mud-primary-text.text-white {
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
/* To display pretty json code blocks */
pre {
    background-color: #f4f4f4;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: auto;
}

.pre-error {
    background-color: unset;
    border: 0px;
    margin-right: 1rem;
    overflow: auto;
}

#bugDisplay {
    margin-right: 1rem;
}

code {
    font-family: monospace;
}

/* Ensure that the print content will be displayed on print and non-print content hidden */
@media print {
    @page {
        margin: 0; /* Removes default printer margins */
        size: auto; /* Use the browser's default size */
    }

    html {
        zoom: 0.75;
        margin: 0 !important;
        padding: 0 !important;
    }

    body {
        position: relative;
        border: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
    header, footer, nav {
        display: none;
    }
    */

    .print-content {
        display: block;
    }

    .no-print {
        display: none !important;
    }

    .no-print .mud-tab-panel-header {
        display: none !important;
    }

    .no-print .mud-tab-panel {
        display: flex !important;
        justify-content: flex-end; /* Align to the right */
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
    }

    .mud-tooltip {
        display: none !important;
    }

    .mud-main-content {
        padding: 0 !important;
        margin: 0 !important;
    }

    .print-wrapper {
        padding: 0 !important;
        margin: -40px 0 0 -20px !important;
    }

    .print-card {
        border: none !important;
    }
}