/*
 * Ninja Nerd – Custom CSS overrides
 * Add your own custom styles here.
 */

/* Ensure Bootstrap breakpoints work with our custom components */
.nn-hero .container { max-width: 1200px; }

/* Override Bootstrap link colours to use theme vars */
a { color: var(--nn-primary); }
a:hover { color: var(--nn-secondary); }

/* Bootstrap card reset – we use our own card styles */
.nn-skill-card,
.nn-portfolio-card,
.nn-metric-card,
.nn-timeline-card { box-shadow: var(--nn-shadow-sm); }

/* Entry content styles */
.entry-content h2,
.entry-content h3 { margin-top: 2rem; margin-bottom: 1rem; }
.entry-content p   { margin-bottom: 1.25rem; color: var(--nn-text); }
.entry-content ul,
.entry-content ol  { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.entry-content li  { color: var(--nn-text); margin-bottom: 0.4rem; }
.entry-content img { border-radius: 12px; margin: 1.5rem 0; }
.entry-content blockquote {
    border-left: 4px solid var(--nn-primary);
    padding: 1rem 1.5rem;
    background: rgba(79,70,229,0.05);
    border-radius: 0 8px 8px 0;
    margin: 1.5rem 0;
}

/* Focus styles – accessibility */
*:focus-visible {
    outline: 3px solid var(--nn-primary);
    outline-offset: 3px;
    border-radius: 4px;
}

/* Lazy-load fade in */
/* Images load naturally via browser native lazy loading */