/* Certification Mobile Styles */
@media (max-width: 768px) {
  /* Adjust certification card padding for better mobile layout */
  #certifications .cert-card {
    padding: 20px 15px;
    width: 100%;
  }
  
  /* Make certification titles take full width */
  #certifications .cert-title {
    width: 100%;
    font-size: 1.15rem;
  }
  
  /* Adjust the certification metadata layout */
  #certifications .cert-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  /* Optimize skill tags to better fit mobile width */
  #certifications .cert-skill-tag {
    max-width: 100%;
    box-sizing: border-box;
    height: auto;
    min-height: 30px;
    padding: 6px 12px;
    text-align: center;
    justify-content: center;
  }
  
  /* Create a responsive grid for skill tags */
  #certifications .cert-skills-tags {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 5px), 1fr));
    gap: 10px;
    width: 100%;
  }
  
  /* Make cert actions stack vertically on smaller screens */
  #certifications .cert-actions {
    flex-direction: column;
    gap: 10px;
  }
  
  #certifications .cert-actions .project-link {
    width: 100%;
    justify-content: center;
  }
}

/* Extra styles for very small screens */
@media (max-width: 480px) {
  #certifications .cert-skills-tags {
    grid-template-columns: 1fr; /* Single column on very small screens */
  }
  
  #certifications .cert-card {
    padding: 15px 12px;
  }
  
  #certifications .cert-title {
    font-size: 1.1rem;
  }
  
  #certifications .cert-learned {
    font-size: 0.9rem;
  }
}