/* Custom styling for profile/showcase images only */
.profile-image img {
  border-radius: 15px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.profile-image img:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

/* Smaller subtitle in showcase section */
.showcase-section h2.display-5 {
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  margin-bottom: 1rem;
}


/* Stylish triangle bullets for experience content - Override theme's bullet system directly */
#experience.section ul li::before {
  content: "▶" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  width: auto !important;
  height: auto !important;
  background-color: transparent !important;
  background: none !important;
  border-radius: 0 !important;
  color: #6c757d !important;
  font-size: 12px !important;
  line-height: 1 !important;
  transition: color 0.3s ease !important;
  display: block !important;
}

#experience.section ul li:hover::before {
  color: #007bff !important;
}

/* Ensure we remove the theme's default bullet properties */
#experience ul {
  list-style: none !important;
  padding-left: 0 !important;
}

#experience ul li {
  position: relative !important;
  padding-left: 25px !important;
  margin-bottom: 8px !important;
  line-height: 1.6 !important;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .profile-image img {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
  }

  .profile-image img:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  }

  #experience.section ul li::before {
    color: #adb5bd !important;
  }

  #experience.section ul li:hover::before {
    color: #0d6efd !important;
  }
}