/* Final pre-launch QA hotfixes — 2026-09-01 */

/* Primary actions must never inherit a dark or brand-blue text colour. */
.btn-primary,
a.btn-primary,
button.btn-primary {
  color: #fff !important;
}

.btn:active {
  transform: translateY(1px);
}

/* Light content sections need a darker label colour for WCAG AA readability. */
.section-pad:not(.section-deep) .t-tag,
.section-soft:not(.section-deep) .t-tag,
.section-alt:not(.section-deep) .t-tag,
.faq-cta.section-soft .t-tag {
  color: #08648a !important;
}

/* Preserve cyan labels inside intentionally dark nested panels. */
.section-deep .t-tag,
.info-dark .t-tag,
.ins-cta .t-tag {
  color: #22d3ee !important;
}

.ab-badge {
  color: #0b57d0 !important;
}

.ops-cat {
  color: #a23d05 !important;
}

/* This page uses a light photographic hero rather than the dark service hero. */
#outdoor-service-hero .breadcrumb,
#outdoor-service-hero .breadcrumb a,
#outdoor-service-hero .breadcrumb .current {
  color: #344865 !important;
}

/* Footer copy and CTA: stronger contrast and a mobile-safe touch target. */
.site-footer .fb-intro,
.site-footer .footer-qr span,
.site-footer .footer-bottom,
.site-footer .footer-bottom a {
  color: #aab7c9 !important;
}

.site-footer .fc-btn {
  min-height: 44px !important;
  color: #fff !important;
}

/* Keep wide comparison tables inside the article viewport on narrow phones. */
@media (max-width: 760px) {
  .prose table.data-table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }
}
