/* Prevent legacy style.css from breaking portfolio-v2 mobile navigation */
body.portfolio-v2 .site-header-v2 .mobile-nav-panel .nav-links,
body.portfolio-v2 .site-header-v2 .mobile-nav-panel .nav-links.show {
  background: transparent !important;
  box-shadow: none !important;
}

body.portfolio-v2 .site-header-v2 .mobile-nav-panel .nav-links a,
body.portfolio-v2 .site-header-v2 .mobile-nav-panel .nav-links a:hover,
body.portfolio-v2 .site-header-v2 .mobile-nav-panel .nav-links a:focus,
body.portfolio-v2 .site-header-v2 .mobile-nav-panel .nav-links a.is-active {
  transform: none !important;
}

@media (max-width: 900px) {
  body.portfolio-v2 .site-header-v2 .nav-links,
  body.portfolio-v2 .site-header-v2 .nav-cta {
    /* neutralize generic .nav-links { display:none } from style.css */
  }
}

/* Safe touch targets sitewide on portfolio pages */
body.portfolio-v2 .btn-v2,
body.portfolio-v2 .filter-btn-v2,
body.portfolio-v2 .project-card,
body.portfolio-v2 .menu-toggle {
  -webkit-tap-highlight-color: transparent;
}

body.portfolio-v2 img {
  max-width: 100%;
  height: auto;
}

body.portfolio-v2 .container {
  width: min(1200px, 100%);
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 768px) {
  body.portfolio-v2 .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* Legacy section layouts on portfolio-v2 pages */
@media (max-width: 900px) {
  body.portfolio-v2 .section,
  body.portfolio-v2 .section-sm {
    padding: 64px 16px;
  }

  body.portfolio-v2 .grid,
  body.portfolio-v2 .grid-2,
  body.portfolio-v2 .grid-3,
  body.portfolio-v2 .grid-4 {
    grid-template-columns: 1fr !important;
    gap: 18px;
  }

  body.portfolio-v2 .section-title {
    font-size: clamp(1.6rem, 5vw, 2.2rem);
  }

  body.portfolio-v2 .page-hero {
    text-align: center;
  }

  body.portfolio-v2 .card {
    padding: 20px;
  }

  body.portfolio-v2 .form-grid input,
  body.portfolio-v2 .form-grid textarea {
    font-size: 16px; /* prevents iOS zoom on focus */
  }
}

@media (max-width: 600px) {
  body.portfolio-v2 .button-row {
    flex-direction: column;
    align-items: stretch;
  }

  body.portfolio-v2 .button-row .btn,
  body.portfolio-v2 .button-row .btn-v2 {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}