/* Mobile Responsive Improvements */

@media screen and (max-width: 768px) {
  /* Tag cloud mobile optimization */
  .tag-cloud {
    padding: 10px !important;
  }

  .tag-cloud .tags a {
    font-size: 14px !important;
    margin: 0 4px 6px 0 !important;
    padding: 3px 8px !important;
  }

  /* Better touch targets for navigation */
  .site-nav .page-link {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #e8e8e8;
  }

  /* Improve readability on mobile */
  .post-content {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  /* Code blocks - horizontal scroll instead of overflow */
  .post-content pre {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Images - responsive */
  .post-content img {
    max-width: 100%;
    height: auto;
  }

  /* Tables - horizontal scroll */
  .post-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Tablet optimization */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .tag-cloud .tags a {
    font-size: 95% !important;
  }
}

/* Touch device improvements */
@media (hover: none) and (pointer: coarse) {
  /* Larger touch targets */
  a {
    padding: 2px;
  }

  /* Prevent text selection issues */
  .tag-cloud .tags a {
    -webkit-tap-highlight-color: rgba(42, 122, 226, 0.2);
  }
}