/* Core Layout */
body, html {
    font-family: monospace;
    color: #fff;
    background: #1e1e1e; /* Set background for the whole page */
    margin: 0;
    padding: 0;
}

/* Terminal Container */
.window-content.terminal {
    font-family: monospace;
    background: #1e1e1e;
    color: #fe9628;
    padding: 15px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #888 #1e1e1e;
}

/* Scrollbar styling for Webkit */
.window-content.terminal::-webkit-scrollbar { width: 8px; }
.window-content.terminal::-webkit-scrollbar-track { background: #1e1e1e; border-radius: 4px; }
.window-content.terminal::-webkit-scrollbar-thumb { background-color: #888; border-radius: 4px; }

/* Fastfetch Layout */
.terminal-line {
    display: flex;
    gap: 12px;
}

.textart {
    display: inline-block;
    font-family: monospace;
    white-space: pre;
    line-height: 1.2;
}

.terminal-info {
    opacity: 1;
}

/* Prompt and Syntax Highlighting */
.terminal-prompt span {
    display: inline;
    margin: 0;
    padding: 0;
}

.username { color: #48c222; }
.hostname { color: #d20f14; }
.symbol   { color: #38697a; }
.tilde    { color: #8cff6a; }
.typed-command { color: #fe9628; }

.highlight {
    color: #6ac1ff; /* Matches the labels like Name, Location, etc. */
}

/* Links */
a:link { color: #6ba2b6; }
a:visited { color: #fe9628; }
a:hover { color: #d20f14; }
a:active { color: #48c222; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .terminal-line {
        flex-direction: column;
        text-align: left;
    }

    .textart {
        align-self: center;
        margin-bottom: 10px;
    }

    .window-content.terminal {
        max-height: unset;
        flex: 1;
    }
}