/* Landscape overrides for short viewports (e.g., phones sideways) */

/* Reduce vertical spacing to fit content */
.card {
  padding: 1rem 1.25rem;
  margin: 1.25rem auto;
  scroll-margin-top: 3.5rem;
}

#welcome { font-size: 1.4em; }
#profile-photo { width: 7.5em; height: 7.5em; }

/* Compact navbar in short-height layouts */
#navbar {
  padding: 0 0.5rem; /* collapsed */
  gap: 0.4rem;
  overflow: hidden;
  max-height: 0; /* fully collapsed */
  opacity: 0;
  pointer-events: none;
  transition: max-height 220ms ease, opacity 160ms ease, padding 160ms ease;
}
#navbar.open {
  max-height: 100vh;
  opacity: 1;
  pointer-events: auto;
  padding: 0.35rem 0.5rem 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
#navbar a { padding: 0.5rem 0.7rem; font-size: 0.95rem; width: 100%; text-align: center; border-radius: 0.7rem; border: 1px solid var(--glass-border); background: rgba(255,255,255,0.05); }
#navbar a:hover { background: rgba(255,255,255,0.08); }
#navbar a:active { background: rgba(255,255,255,0.12); }

/* About actions spacing */
.about-actions { margin-top: 0.6rem; }
.resume-inline { margin-top: 1rem; }
.nav-toggle { display: inline-block; }

/* Projects row: allow more cards across when width is high */
.projects-row {
  grid-auto-columns: clamp(220px, 28%, 360px);
  gap: 1rem;
}

/* Buttons slightly smaller to save vertical space */
.scroll-btn, .show-all-btn { padding: 0.25rem 0.5rem; }

/* Reduce shadow intensity on small heights */
.card { box-shadow: 0 3px 6px rgba(0,0,0,0.25); }