/* Resume page styles. Moved out of resume.html so the CSP can forbid inline <style> and style="". */
/* Button Styling */
.nav-container { text-align: center; margin: 2rem 0; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.nav-btn {
  background-color: var(--accent);
  color: #000 !important;
  padding: 8px 18px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  transition: background 0.3s, transform 0.2s;
  border: none;
  cursor: pointer;
}
.nav-btn i { margin-right: 8px; }
.nav-btn:hover { background-color: #fff; transform: translateY(-1px); }

/* Resume Layout */
.resume-section { margin-bottom: 3rem; }
.resume-item { 
  background: rgba(255,255,255,0.05); 
  padding: 25px; 
  border-radius: 8px; 
  margin-bottom: 1.5rem; 
  border-left: 4px solid var(--accent); 
}
.resume-item h3 { margin-bottom: 5px; color: var(--accent); }
.date-location { font-style: italic; color: #ccc; margin-bottom: 15px; display: block; font-size: 0.9rem; }

/* Print-specific styles to make the PDF look perfect */
@media print {
  .nav-container, .footer, .modal { display: none !important; }
  body { background: white !important; color: black !important; }
  .resume-item { background: none !important; border-left: 2px solid #000 !important; color: black !important; page-break-inside: avoid; }
  .container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
  h1, h2, h3 { color: black !important; }
}

/* Former inline style="" attributes */
.resume-header { text-align: center; margin-bottom: 3rem; }
.resume-subtitle { font-size: 1.1rem; color: #ccc; }