/* ======================================
   CUSTOM STYLE — Indigo-Blue Only in Body Links
   ====================================== */

/* ---------- Light Theme ---------- */
:root {
  --bg: #ffffff;
  --text: #000000;
  --accent: #0059b3;
  --accent-light: #3385d6;
  --muted: #94a3b8;
  --code-bg: #f1f5f9;
}

/* Base body styling */
body {
  background-color: var(--bg);
  color: var(--text);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5; /* tighter line spacing */
  transition: background 0.3s, color 0.3s;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  color: var(--text);
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

/* Body content links ONLY */
.page__content a {
  color: var(--accent) !important;
  text-decoration: none !important;
  transition: color 0.2s ease-in-out;
}

.page__content a:hover {
  color: var(--accent-light) !important;
  text-decoration: underline !important;
}

/* Everything else stays black */
.sidebar a,
.main-navigation a,
.social-icons a,
.page__footer a,
.hero-button,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  color: #000 !important;
}

.sidebar a:hover,
.main-navigation a:hover,
.social-icons a:hover,
.page__footer a:hover,
.hero-button:hover,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
  color: #000 !important;
}

/* Footer note */
.page__footer-note {
  font-size: 0.85rem;
  color: #ffffff;          /* make text readable on blue */
  line-height: 1.4;
  text-align: center;
  padding: 1.5rem 0;
  background-color: #0059b3; /* same as body links */
}

/* Footer links */
.page__footer-note a {
  color: #ffffff;           /* links visible */
  text-decoration: underline;
}

.page__footer-note a:hover {
  color: #e0e0ff;           /* slightly lighter on hover */
}


/* Layout width */
.page__content,
.page__hero--overlay .wrapper,
.wrapper {
  max-width: 100% !important; /* full width */
  width: 100% !important;
  margin: 0;                  /* remove left/right auto margins */
  padding-left: 20px;         /* optional padding */
  padding-right: 20px;        /* optional padding */
  box-sizing: border-box;
}



/* Paragraph spacing */
.page__content p {
  margin-bottom: 0.9rem;
}

/* Code blocks */
pre, code {
  background: var(--code-bg);
  border-radius: 6px;
  padding: 0.2rem 0.4rem;
  font-family: "Fira Code", monospace;
  font-size: 0.95rem;
  color: var(--text);
}

/* Dark Theme */
body.dark {
  --bg: #0f172a;
  --text: #e2e8f0;
  --accent: #3385d6;
  --accent-light: #66a3ff;
  --muted: #64748b;
  --code-bg: #1e293b;
}

body.dark {
  background-color: var(--bg);
  color: var(--text);
}

body.dark .page__content a:hover {
  color: var(--accent-light) !important;
  text-decoration: underline;
}

/* -------------------------------
   About page content
------------------------------- */
.about-section,
.page__content {
  text-align: justify;
  line-height: 1.45; /* slightly tighter for compact text */
}

/* Lists */
.page__content ul {
  margin: 0 0 1rem 1.5rem;
  padding-left: 1.5rem;
  line-height: 1.4;
}

.page__content li {
  margin-bottom: 0.4rem;
}

/* Nested bullets (sub-items) */
.page__content ul ul li {
  margin-bottom: 0.3rem;
}

/* -------------------------------
   Two-column Software & Simulations
------------------------------- */
.project-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;              /* gap between columns */
  margin-top: 1.5em;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

/* Each column */
.project-grid > div {
  flex: 1 1 45%;
  min-width: 250px;
}

/* UL inside project-grid */
.project-grid ul {
  list-style-type: disc;
  padding-left: 1.2em;
  margin: 0;
  line-height: 1.1;       /* smaller line spacing */
  text-align: left;
}

/* LI items with interactive card style */
.project-grid li {
  margin-bottom: 0.4rem;  /* reduced spacing between bullets */
  padding: 0.2em 0.4em;
  border-radius: 6px;
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}

/* Hover effect for interactivity */
.project-grid li:hover {
  transform: translateY(-3px);                 /* slight lift */
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);     /* subtle shadow */
  background: #f0f8ff;                        /* soft highlight */
}

/* Links inside bullets remain blue */
.project-grid li a {
  color: #0059b3;
  text-decoration: none;
  transition: color 0.2s;
}

.project-grid li a:hover {
  color: #3385d6;
  text-decoration: underline;
}


/* Blue links only in body content */
.page__content a {
  color: #0059b3 !important;
  text-decoration: none !important;
}

.page__content a:hover {
  color: #3385d6 !important;
  text-decoration: underline !important;
}


/* === Custom width override for Minimal Mistakes === */
.layout--single .page__inner-wrap,
.page,
.page__content {
  max-width: 2000px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.masthead,
.page__hero,
.author__avatar,
.author__content {
  max-width: 2000px !important;
}