/* Mobile Enhancements for Alex Kopytin's CV Website */

/* Better tap targets for mobile */
@media (max-width: 767px) {
  .nav-child, 
  .footer-social-btm-link,
  .list-parent,
  .mobile-nav-link {
    padding: 12px;
    min-height: 44px;
  }
  
  button, 
  .btn, 
  a.btn {
    min-height: 44px;
    min-width: 44px;
  }
  
  /* Improve mobile typography */
  body {
    font-size: 16px;
    line-height: 1.5;
  }
  
  .heading-semi {
    font-size: 32px;
    line-height: 1.2;
  }
  
  .heading-xsm {
    font-size: 24px;
    line-height: 1.3;
  }
  
  /* Better spacing for mobile content */
  .container-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  /* Fix overlapping elements */
  .hero-grid, 
  .info-parent, 
  .list-parent-grid {
    flex-direction: column;
  }
  
  /* Fix image sizes on mobile */
  .project-list-image,
  .info-img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  
  /* Better hero section on mobile */
  .home-hero {
    min-height: 70vh;
  }
  
  /* Improve footer on mobile */
  .footer-btm-grid {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
  }
}

/* Tablet optimizations */
@media (min-width: 768px) and (max-width: 991px) {
  .container-lg {
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .hero-text-parent {
    padding: 0 20px;
  }
}

/* Handle notch on modern devices */
@supports (padding-top: env(safe-area-inset-top)) {
  .navigation {
    padding-top: env(safe-area-inset-top);
  }
  
  .page-load-div {
    padding-top: env(safe-area-inset-top);
  }
}

/* Dark mode support - not dependent on media query */
body.dark-mode-support {
  background-color: #121212;
  color: #f5f5f5;
  transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark-mode-support .text-black {
  color: #f5f5f5;
}

body.dark-mode-support .bg-white {
  background-color: #1e1e1e;
}

body.dark-mode-support .bg-black {
  background-color: #000;
}

body.dark-mode-support .footer-parent.bg-black {
  background-color: #000;
}

body.dark-mode-support .opacity-10 {
  opacity: 0.2;
}

body.dark-mode-support .line-btm-white,
body.dark-mode-support .line-top-white {
  background-color: rgba(255, 255, 255, 0.3);
}

body.dark-mode-support img {
  filter: brightness(0.9);
}

body.dark-mode-support .border-line-btm-2,
body.dark-mode-support .border-line-top {
  background-color: rgba(255, 255, 255, 0.2);
}

body.dark-mode-support .heading-semi,
body.dark-mode-support .heading-xsm,
body.dark-mode-support .heading-rg {
  color: #fff;
}

body.dark-mode-support .footer-social-btm-link .text-black,
body.dark-mode-support .text-link-footer {
  color: #ddd;
}

/* Light mode (default) */
body {
  background-color: #fff;
  color: #000;
  transition: background-color 0.3s ease, color 0.3s ease;
}