/* ───────────────────────────────────────────────
   Custom styles for Radosław Moszczyński's portfolio
   Tailwind CSS is loaded via CDN — no build step.
   Only custom utilities that Tailwind CDN can't
   generate on-the-fly live here.
─────────────────────────────────────────────── */

/* ── Skill tag pill ── */
.skill-tag {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 0.25rem;
    border: 1px solid #334155; /* slate-700 */
    background-color: #1e293b;  /* slate-800 */
    color: #94a3b8;              /* slate-400 */
    font-size: 0.7rem;
    line-height: 1.5;
    transition: border-color 0.15s, color 0.15s;
}
.skill-tag:hover {
    border-color: #4ade80; /* green-400 */
    color: #f8fafc;
}

/* ── Certification row ── */
.cert-row {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #1e293b; /* slate-800 */
    background-color: rgba(30, 41, 59, 0.3);
    font-size: 0.75rem;
    color: #cbd5e1; /* slate-300 */
    transition: border-color 0.15s;
}
.cert-row:hover {
    border-color: #334155; /* slate-700 */
}

/* ── Pipeline stage node hover ── */
[data-stage]:hover .stage-dot {
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.3);
}

/* ── Scrollbar (Webkit) ── */
::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}
::-webkit-scrollbar-track {
    background: #0f172a;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* ── Terminal pre wrap ── */
#terminal-log pre {
    white-space: pre-wrap;
    word-break: break-word;
}