/*
	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.
*/

.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;
}

.feature-card {
    padding: 1.5rem;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
}

.section-padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.feature-card {
    padding: 1.5rem; /* Increase padding for a more airy feel */
    margin: 1rem;
}

.premium-feature-header {
    background-color: #e0e0e0; /* Slightly darker gray for section headers */
    text-align: left;
    padding: 0.75rem;
}

/* Container for the legal document */
.markdown {
    font-family: 'Segoe UI', sans-serif;
    color: #333333; /* Dark gray for readability */
    line-height: 1.6;
    max-width: 800px;
    margin: auto;
    padding: 20px;
    background-color: #ffffff;
    /* border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
}

    /* Headings */
    .markdown h2 {
        color: #006400; /* Primary deep green color */
        font-size: 1.5rem;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
        border-bottom: 2px solid #A9A9A9; /* Dark gray underlining */
        padding-bottom: 0.25em;
    }

    /* Paragraph text */
    .markdown p {
        margin-top: 1em;
        margin-bottom: 1em;
    }

        /* Bold text for emphasis */
        .markdown p strong {
            color: #006400; /* Aligning with primary color */
            font-weight: bold;
        }

    /* Unordered List */
    .markdown ul {
        list-style-type: disc;
        margin-left: 1.5em;
    }

        .markdown ul li {
            margin-top: 0.5em;
        }

    /* Links */
    .markdown a {
        color: #006400;
        text-decoration: underline;
    }

        .markdown a:hover {
            color: #90EE90; /* Light green on hover for user interaction feedback */
        }

    /* Effective Date */
    .markdown p.date {
        font-style: italic;
        color: #555555; /* A lighter shade for non-primary information */
    }

    /* Horizontal rule */
    .markdown hr {
        border: 0;
        border-top: 1px solid #A9A9A9;
        margin: 2em 0;
    }