/* Fira Code, including characters used by Rich output, like the "heavy right-pointing angle bracket ornament", not included in Google Fonts */
@import url(https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css);
/* Noto Color Emoji for emoji support with the same font everywhere */
@import url(https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap);

/* Override default code font in Material for MkDocs to Fira Code */
:root {
    --md-code-font: "Fira Code", monospace, "Noto Color Emoji";
}

/* Override default regular font in Material for MkDocs to include Noto Color Emoji */
:root {
    --md-text-font: "Roboto", "Noto Color Emoji";
}

.termynal-comment {
    color: #A9A9A9;
    font-style: italic;
    display: block;
}

.termy [data-termynal] {
    white-space: pre-wrap;
}

.termy .linenos {
    display: none;
}

a.external-link::after {
    /* \00A0 is a non-breaking space
        to make the mark be on the same line as the link
    */
    content: "\00A0[↪]";
}

a.internal-link::after {
    /* \00A0 is a non-breaking space
        to make the mark be on the same line as the link
    */
    content: "\00A0↪";
}

.shadow {
    box-shadow: 5px 5px 10px #999;
}

.user-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.user-list-center {
    justify-content: space-evenly;
}

.user {
    margin: 1em;
    min-width: 7em;
}

.user .avatar-wrapper {
    width: 80px;
    height: 80px;
    margin: 10px auto;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}

.user .avatar-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

.user .count {
    font-size: 80%;
    text-align: center;
}

/* Trigger CI */

/* Custom navbar background color for Light Mode */
[data-md-color-scheme="default"] {
    --md-primary-fg-color: #343A40;
}

/* Skills page horizontal display styles */
.skills-category-container {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    gap: 0.75rem; /* Space between skill items */
    margin-bottom: 2rem; /* Space between categories */
    align-items: center;
}

.skill-item {
    padding: 0.25rem 0.75rem; /* Padding inside each skill item */
    background-color: var(--md-code-bg-color); /* Subtle background */
    border-radius: 4px;
    font-size: 0.95em;
    white-space: nowrap; /* Prevent skill names from breaking */
    border: 1px solid transparent; /* Subtle border */
    transition: all 0.2s ease-in-out;
}

.skill-item:hover {
    border-color: var(--md-primary-fg-color); /* Highlight on hover */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.md-typeset h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

/* Enlarge header logo */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 2rem; /* Increased from default ~1.5rem */
    width: auto;
}