/* Shared mobile quality layer for the public Western Web Co. website. */
@media (max-width: 899px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  body {
    -webkit-text-size-adjust: 100%;
  }

  main {
    min-width: 0;
  }

  img,
  video,
  canvas,
  svg,
  iframe {
    max-width: 100%;
  }

  button,
  input,
  select,
  textarea,
  a {
    touch-action: manipulation;
  }

  button,
  input,
  select,
  textarea {
    font: inherit;
  }

  input,
  select,
  textarea {
    max-width: 100%;
    font-size: 16px;
  }

  .button,
  [class$="-button"],
  [class$="-action"],
  [class*="-actions"] a,
  [class*="-actions"] button {
    min-height: 44px;
  }

  .payments-tabs,
  .scheduling-tabs,
  .faq-topic-tabs,
  .remuda-capabilities-nav {
    width: 100%;
    padding-bottom: 0.25rem;
    display: flex;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .payments-tabs::-webkit-scrollbar,
  .scheduling-tabs::-webkit-scrollbar,
  .faq-topic-tabs::-webkit-scrollbar,
  .remuda-capabilities-nav::-webkit-scrollbar {
    display: none;
  }

  .payments-tabs button,
  .scheduling-tabs button,
  .faq-topic-tabs button,
  .remuda-capabilities-nav button {
    min-width: max-content;
    min-height: 46px;
    scroll-snap-align: start;
  }

  .pricing-table-wrap,
  .results-table-wrap,
  .directoryIndexTableWrap {
    max-width: 100%;
    overscroll-behavior-inline: contain;
    scrollbar-color: #cd7b36 #ece9e6;
    -webkit-overflow-scrolling: touch;
  }

  .faq-layout aside,
  .about-story-map,
  .listingRulesSidebar,
  .directoryIndexFilterPanel,
  .filter-panel {
    position: relative !important;
    top: auto !important;
  }

  details > summary {
    min-height: 56px;
    cursor: pointer;
    touch-action: manipulation;
  }
}

@media (max-width: 620px) {
  .container {
    width: min(var(--content, 1228px), calc(100% - 1.25rem));
  }

  .hero-actions,
  .payments-hero-actions,
  .scheduling-hero-actions,
  .documents-hero-actions,
  .management-hero-actions,
  .about-hero-actions,
  .pricing-platform-actions,
  .faq-final-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .hero-actions > *,
  .payments-hero-actions > *,
  .scheduling-hero-actions > *,
  .documents-hero-actions > *,
  .management-hero-actions > *,
  .about-hero-actions > *,
  .pricing-platform-actions > *,
  .faq-final-actions > * {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .pricing-table-wrap::before,
  .results-table-wrap::before {
    content: "Swipe to see the full table →";
    min-height: 40px;
    padding: 0.75rem 1rem;
    display: block;
    border-bottom: 1px solid #e4e0dc;
    color: #6f6963;
    font-size: 0.7rem;
    font-weight: 750;
  }
}

@media (prefers-reduced-motion: reduce) {
  .payments-tabs,
  .scheduling-tabs,
  .faq-topic-tabs,
  .remuda-capabilities-nav,
  .pricing-table-wrap,
  .results-table-wrap {
    scroll-behavior: auto;
  }
}