/* Custom styles for My Java Roadmap */

/* Status colors for progress tracking */
.green {
    color: #4CAF50 !important;
}

.orange {
    color: #FF9800 !important;
}

.red {
    color: #F44336 !important;
}

/* Grid cards enhancement */
.md-typeset .grid.cards > ul > li {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.md-typeset .grid.cards > ul > li:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

/* Admonition customization */
.md-typeset .admonition.note,
.md-typeset details.note {
    border-color: #2196F3;
}

/* Custom task list styling */
.md-typeset [type="checkbox"]:checked + .task-list-indicator::before {
    background-color: #4CAF50;
}

/* Table hover effect */
.md-typeset table:not([class]) tbody tr:hover {
    background-color: var(--md-accent-fg-color--transparent);
}

/* Code block enhancements */
.highlight code {
    border-radius: 4px;
}

/* Mermaid diagram background */
.mermaid {
    background-color: transparent !important;
}

/* Navigation tabs styling */
.md-tabs {
    background-color: var(--md-primary-fg-color);
}

/* Footer styling */
.md-footer {
    margin-top: 2rem;
}

/* Search highlight */
.md-search__output mark {
    background-color: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color);
}