/* ====================================
   Resume Styles
==================================== */

.resume {
    width: 100%;
    max-width: var(--max-width-md, 60rem);
    margin: 2rem auto auto auto;
    padding: 0 20px;
  }
  
  .resume-title {
    font-size: var(--font-size-xxl, 2.5rem);
    font-weight: var(--font-weight-bold, 700);
    margin-bottom: var(--spacing-md, 1.5rem);
    text-transform: uppercase;
  }
  
  .resume-intro {
    margin-bottom: var(--spacing-lg, 2rem);
  }
  
  .resume-name {
    font-size: var(--font-size-xl, 1.5rem);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-dark, #333);
  }
  
  .resume-email {
    font-family: var(--font-body, 'Roboto Serif', serif);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-dark, #333);
    font-size: var(--font-size-md, 1rem);
  }

  body.dark-mode .resume-email {
    color: var(--color-off-white, #efefef)
  }
  
  .resume-email:hover {
    text-decoration: underline;
  }
  
  .resume-summary p {
    margin-top: var(--spacing-sm, 1rem);
    font-size: var(--font-size-md, 1rem);
    line-height: var(--line-height-reg);
    color: var(--color-secondary, #666);
  }
  
  .resume-section {
    margin-top: 50px;
  }
  
  .resume-section-title {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-dark, #333);
    margin-bottom: var(--spacing-lg, 2rem);
    text-transform: uppercase;
  }
  
  .resume-job {
    margin-bottom: var(--spacing-lg, 2rem);
  }
  
  .resume-job-title {
    font-size: var(--font-size-xl, 1.5rem);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-dark, #333);
  }
  
  .resume-job-title,
  .resume-film-date {
    display: inline;
  }
  
  .resume-film-date {
    font-family: var(--font-body, 'Roboto Serif', serif);
    font-size: var(--spacing-sm, 1rem);
    color: var(--color-secondary, #666);
    margin-left: var(--spacing-xs, .5rem);
  }

  body.dark-mode .resume-film-date {
    color: var(--color-off-white, #efefef)
  }
  
  .resume-job-dates {
    font-family: var(--font-body, 'Roboto Serif', serif);
    font-size: var(--font-size-md);
    color: var(--color-secondary, #666);
    margin: .5rem 0 .5rem 0;
  }

  body.dark-mode .resume-job-dates {
    color: var(--color-off-white);
  }
  
  .resume-film-role {
    font-size: var(--font-size-md, 1rem);
    color: var(--color-secondary, #666);
    margin-top: var(--spacing-xs, 1rem);
    font-style: italic;
  }

  body.dark-mode .resume-film-role {
    color: var(--color-white, #fff);
  }
  
  .resume-job-details {
    list-style: none;
    padding: 0;
    margin-top: var(--spacing-xs, 1rem);
  }
  
  .resume-job-details li {
    font-size: var(--font-size-md, 1rem);
    font-family: var(--font-body, 'Roboto Serif', serif);
    line-height: var(--line-height-reg, 1.5rem);
    color: var(--color-dark, #333);
    margin-bottom: var(--spacing-sm, 1rem);
    padding-left: var(--spacing-lg, 2rem);
    position: relative;
  }

  body.dark-mode .resume-job-details li {
    color: var(--color-off-white, #efefef);
  }
  
  .award-details li::before,
  .resume-job-details li::before,
  .workhistory-contributions li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--color-secondary, #666);
  }
  
  .skills-section {
    margin-bottom: var(--spacing-lg, 2rem);
  }
  
  .skills-section-title {
    font-size: var(--font-size-lg, 1.25rem);
    font-weight: var(--font-weight-bold, 700);
    margin-bottom: var(--spacing-md, 1.5rem);
    color: var(--color-dark, #333);
  }
  
  .skills-list strong {
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-dark, #333);
  }
  
  .education-item {
    margin-bottom: 4rem;
  }
  
  .education-institution {
    font-family: var(--font-body, 'Roboto Serif', serif);
    font-size: var(--font-size-xl, 1.5rem);
    font-weight: var(--font-weight-bold, 700);
    margin: 0 0 1rem;
  }
  
  .education-degree, .education-dates, .education-honors {
    font-family: var(--font-body, 'Roboto Serif', serif);
    font-size: var(--font-size-md, 1rem);
    margin: .5rem 0;
  }
  
  .education-degree {
    font-style: italic;
    color: var(--color-secondary, #666);
    margin: 1em 0 1em 0;
  }

  body.dark-mode .education-degree {
    color: var(--color-off-white, #efefef);
  }
  
  .education-honors {
    font-weight: var(--font-weight-rg, normal);
    font-style: italic;
  }
  
  .resume-awards {
    width: 100%;
    max-width: var(--max-width-sm);
    margin: 50px auto;
    padding: 0 20px;
    color: var(--color-dark, #333);
  }
  
  .awards-title {
    font-size: var(--font-size-xxl, 2rem);
    font-weight: var(--font-weight-bold, 700);
    margin-bottom: var(--spacing-lg, 2rem);
    text-transform: uppercase;
  }
  
  .award-item {
    margin-bottom: var(--spacing-lg, 2rem);
  }
  
  .film-title {
    font-size: var(--font-size-xl, 1rem);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-dark, #333);
    margin: 0 0 10px;
  }
  
  .film-role {
    font-family: var(--font-body, 'Roboto Serif', serif);
    font-weight: var(--font-weight-rg, normal);
    font-size: var(--font-size-md, 1rem);
    color: var(--color-secondary, #666)
  }

  body.dark-mode .film-role {
    color: var(--color-white);
  }
  
  .award-details {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0;
  }
  
  .award-details li {
    font-family: var(--font-body, 'Roboto Serif', serif);
    font-size: var(--font-size-md, 1rem);
    line-height: var(--line-height-reg, 1.5);
    color: var(--color-secondary, #666);
    margin-bottom: var(--spacing-sm, 1rem);
    padding-left: var(--spacing-lg, 2rem);
    position: relative;
  }

  body.dark-mode .award-details li {
    color: var(--color-off-white, #efefef);
  }


/* ====================================
   Certifications Styles
==================================== */ 

.certifications-container {
  max-width: var(--max-width-md);
  margin: 0 auto;
}

/* Heading Styling */
.certifications-heading {
  font-family: var(--font-heading);
  font-size: var(--font-size-xxxl);
  color: var(--color-dark);
  margin-bottom: var(--spacing-sm);
}

.certifications-description {
  font-family: var(--font-body);
  font-size: var(--font-size-md);
  line-height: var(--line-height-reg);
  color: var(--color-secondary);
  margin-bottom: var(--spacing-lg);
}

/* Table Styling */
.certifications-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-body);
  font-size: var(--font-size-sm);
  color: var(--color-dark);
  margin-bottom: var(--spacing-lg);
}

.certifications-table th,
.certifications-table td {
  padding: var(--spacing-xs);
  text-align: left;
  border-bottom: 1px solid var(--color-secondary);
}

.certifications-table th {
  font-weight: var(--font-weight-bold);
  color: var(--color-dark);
}

.certifications-table td a {
  color: var(--color-primary);
  text-decoration: none;
}

.certifications-table td a:hover {
  text-decoration: underline;
}

/* ====================================
   Dark Mode Certifications Styles
==================================== */

body.dark-mode .certifications-container {
  background: var(--color-dark-mode);
}

body.dark-mode .certifications-heading {
  color: var(--color-white);
}

body.dark-mode .certifications-description {
  color: var(--color-off-white);
}

body.dark-mode .certifications-table {
  color: var(--color-white);
}

body.dark-mode .certifications-table th,
body.dark-mode .certifications-table td {
  border-bottom: 1px solid var(--color-white);
}

body.dark-mode .certifications-table th {
  background-color: var(--color-dark);
  color: var(--color-white);
}

body.dark-mode .certifications-table td {
  color: var(--color-off-white);
}

body.dark-mode .certifications-table td a {
  color: var(--color-primary);
}

body.dark-mode .certifications-table td a:hover {
  color: var(--color-off-white);
  text-decoration: underline;
}