/* Extra small device adjustments */
@media (max-width: 375px) {

  .logo{
    gap: 0.25rem;
    margin-left: auto;
  }
  .hero-title {
    font-size: 1.7rem;
  }
  
  .hero-tagline {
    font-size: 1rem;
  }
  
  .pronunciation-btn {
    transform: scale(0.85);
  }
  
  .contact-info .info-item {
    font-size: 0.75rem;
  }
  
  .contact-info .icon-wrapper {
    width: 25px;
    height: 25px;
  }
  
  /* About section xs-mobile adjustments */
  #about .about-text {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  
  .theme-toggle-container {
    padding: 2px;
    gap: 1px;
  }
  
  .theme-toggle-button {
    width: 22px;
    height: 22px;
  }
  
  .theme-toggle-button svg {
    width: 12px;
    height: 12px;
  }
  
  /* Extra small resume button */
  .resume-btn {
    padding: 0.3rem 0.45rem;
    font-size: 0.7rem;
  }
}