/* ==========================================================================
   AlterPhone Landing Page - Responsive Enhancements
   Mobile-first responsive additions to base styles
   ========================================================================== */

/* ==========================================================================
   Section Padding
   ========================================================================== */
.features,
.how-it-works,
.use-cases,
.cta {
  padding: var(--spacing-2xl) 0;
}

@media (min-width: 768px) {
  .features,
  .how-it-works,
  .use-cases,
  .cta {
    padding: var(--spacing-3xl) 0;
  }
}

/* ==========================================================================
   Header Actions Visibility
   ========================================================================== */
.header__actions {
  display: none;
}

@media (min-width: 768px) {
  .header__actions {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
  }
}

/* ==========================================================================
   Footer Legal Links
   ========================================================================== */
.footer__legal-links {
  display: flex;
  gap: var(--spacing-md);
  align-items: center;
}

.footer__legal-link {
  color: rgba(241, 242, 230, 0.6);
  font-size: 0.875rem;
  text-decoration: none;
  transition: color var(--transition-fast);
}

.footer__legal-link:hover,
.footer__legal-link:focus-visible {
  color: var(--color-white);
}