/* Modern styles for AI/ML Engineer portfolio */

/* Enhanced headings with modern look */
h1, .h1 {
  font-weight: 800;
  letter-spacing: -0.03em;
  margin-bottom: 1rem;
}

h2, .h2 {
  font-weight: 700;
  position: relative;
  display: inline-block;
  margin-bottom: 2rem;
}

h2:after, .h2:after {
  content: '';
  position: absolute;
  width: 60%;
  height: 4px;
  background: var(--bs-primary);
  bottom: -15px;
  left: 0;
  border-radius: 2px;
}

/* Completely flat project style */
.project-card {
  padding: 0;
  margin-bottom: 4rem;
  background: none;
  border: none;
  box-shadow: none;
}

/* Keep only subtle text hover effect */
.project-card:hover h3 {
  color: var(--bs-primary);
  transition: color 0.3s ease;
}

/* Better image styling */
.img-profile {
  border-radius: 10px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.img-profile:hover {
  transform: scale(1.03);
}

/* Modern section styling */
.resume-section {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

/* Skill dots with modern styling */
ul li span[style*="border-radius: 50%"] {
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

ul li:hover span[style*="border-radius: 50%"] {
  transform: scale(1.2);
}

/* Better social icons */
.social-icons .social-icon {
  transition: transform 0.3s ease;
}

.social-icons .social-icon:hover {
  transform: translateY(-3px);
}

/* Improved dev-icons */
.list-inline-item {
  transition: transform 0.3s ease;
}

.list-inline-item:hover {
  transform: translateY(-5px);
}

/* Smooth scrolling for the whole page */
html {
  scroll-behavior: smooth;
}

/* Modern styling for links */
a {
  position: relative;
  transition: color 0.3s ease;
}

a:not(.nav-link):not(.social-icon):after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var(--bs-primary);
  visibility: hidden;
  transition: all 0.3s ease;
}

a:not(.nav-link):not(.social-icon):hover:after {
  visibility: visible;
  width: 100%;
}

/* Updated styling for section transitions */
.resume-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.resume-section.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Add this to your scripts.js to enable the animation */
/* 
document.addEventListener('DOMContentLoaded', function() {
  const observerOptions = {
    root: null,
    threshold: 0.1,
    rootMargin: '0px'
  };
  
  const observer = new IntersectionObserver((entries, observer) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add('visible');
      }
    });
  }, observerOptions);
  
  document.querySelectorAll('.resume-section').forEach(section => {
    observer.observe(section);
  });
});
*/

/* Amélioration de la lisibilité du texte sur fond blanc */
/* Styles pour rendre le texte plus foncé et plus lisible */
body {
  color: #000000; /* Noir pour le texte principal */
}

p, li, .text-muted {
  color: #222222 !important; /* Texte très foncé pour les paragraphes et listes */
  font-weight: 500; /* Un peu plus épais */
}

.lead {
  color: #111111 !important; /* Texte encore plus foncé pour les paragraphes principaux */
  font-weight: 500;
}

.subheading {
  color: #333333 !important; /* Sous-titres plus foncés */
  font-weight: 600;
}

.text-primary {
  color: #303F9F !important; /* Bleu plus foncé pour les accents */
}

/* Amélioration spécifique pour le texte petit et gris */
small, .small, .text-secondary {
  color: #333333 !important; /* Gris foncé au lieu de gris clair */
}