/* ==========================================================================
   Responsive Overrides & Fine-tuning - Custom Agency
   ========================================================================== */

/* Prevent multi-line button text wrapping across mobile */
button,
.btn,
a.btn,
.nav-btn-primary,
.header-top-cta,
.gallery-explore-btn,
.footer-booking-btn,
.industries-cta-btn,
.showcase-cta-btn,
.capability-pill,
.insight-badge,
.sticky-tag,
.nav-trigger-pill {
  white-space: nowrap !important;
}

@media (max-width: 1023px) {
  /* Disable desktop pinned layout fallbacks for mobile/tablet */
  .sticky-cols-wrapper {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  /* Hide mobile stacks on desktop */
  .sticky-cols-mobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  /* General section padding & spacing on mobile */
  section {
    padding-top: 0.55rem !important;
    padding-bottom: 3.25rem !important;
  }

  .showcase-track {
    padding: 0.5rem;
  }

  .gallery-page4 {
    height: auto !important;
  }

  /* Responsive Headings & Text Scaling */
  .hero-heading {
    font-size: clamp(2.25rem, 8.5vw, 4.5rem) !important;
    line-height: 1.1 !important;
  }

  .hero-sub-text {
    font-size: clamp(1rem, 4vw, 1.35rem) !important;
  }

  .hero-description {
    font-size: clamp(0.85rem, 3.2vw, 0.95rem) !important;
  }

  .section-eyebrow {
    font-size: 0.7rem !important;
    letter-spacing: 0.15em !important;
  }

  /* Hide scrollbars on scrollable elements */
  .nav-dialog,
  .showcase-slider,
  body {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .nav-dialog::-webkit-scrollbar,
  .showcase-slider::-webkit-scrollbar {
    display: none;
  }

  /* Touch buttons minimum touch target size */
  .nav-close-btn,
  .gallery-explore-btn,
  .nav-trigger-pill {
    min-height: 44px;
  }
}

/* Touch Device Optimization */
@media (hover: none) {
  .industry-card:hover,
  .insight-card:hover {
    transform: none;
  }
}