/* XGQN MONEY TABS P01 + ALIGN P02 · 2026-11-03
   Exact scope: public Transport Money pages only. One existing CT5 tab bar;
   no new tab controller, no modification to service contracts, anchors, SEO or content.
   Full-viewport blue rail inspired by VF3; full service+route title, text-only tabs.
*/
:root { --xg-money-tab-bg:#347fbd; --xg-money-tab-text:#ffffff; --xg-money-tab-active:#ffd15a; }

/* Break out of the 1280px content shell without widening the article/hero. */
body.transport-native.transport-money-p72 #main-content .tm72-page .tct6-tabs-home[data-tm-money-nav-home] {
  box-sizing:border-box;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  max-width:none;
  margin:14px 0 0 !important;
  padding:0 !important;
  background:var(--xg-money-tab-bg);
  z-index:7;
}
/* At rest and after the existing JS moves the same nav into <body> for sticky mode. */
body.transport-native.transport-money-p72 #main-content .tm72-page nav.tct6-tabs[data-tm-money-nav],
body.transport-native.transport-money-p72 > nav.tct6-tabs.is-fixed[data-tm-money-nav] {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-direction:row !important;
  gap:clamp(12px,1.1vw,18px) !important;
  width:100% !important;
  max-width:none !important;
  min-height:70px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 max(24px,calc((100vw - 1280px)/2)) !important;
  background:var(--xg-money-tab-bg) !important;
  color:var(--xg-money-tab-text) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.transport-native.transport-money-p72 > nav.tct6-tabs.is-fixed[data-tm-money-nav] {
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  z-index:2140 !important;
  box-shadow:0 6px 16px rgba(12,43,75,.18) !important;
}
/* The service name and full route are never clipped or ellipsized. */
body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-brand,
body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-brand {
  display:block !important;
  box-sizing:border-box !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:420px !important;
  width:auto !important;
  padding:10px 0 !important;
  margin:0 !important;
  font-size:clamp(15px,1.28vw,19px) !important;
  font-weight:850 !important;
  line-height:1.35 !important;
  letter-spacing:-.012em !important;
  color:#fff !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
}
body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-links,
body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-links {
  display:flex !important;
  flex:1 1 0 !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:0 !important;
  min-width:0 !important;
  width:auto !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}
body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-links::-webkit-scrollbar,
body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-links::-webkit-scrollbar {display:none}
body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-links a,
body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-links a {
  box-sizing:border-box !important;
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:70px !important;
  padding:12px clamp(10px,1.18vw,18px) !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#e9f5ff !important;
  font-size:clamp(12px,.98vw,14px) !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-links a.is-active,
body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-links a[aria-current],
body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-links a.is-active,
body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-links a[aria-current] {
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  border-bottom-color:var(--xg-money-tab-active) !important;
}
body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-links a:hover,
body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-links a:hover {
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
}
body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-links a:focus-visible,
body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-links a:focus-visible {
  outline:2px solid #ffd15a !important;
  outline-offset:-4px !important;
}
/* No text icons/emoji: the navigation is text-only even if another old partial adds one. */
body.transport-native.transport-money-p72 nav[data-tm-money-nav] .tm80-tab-icon {display:none !important}
body.transport-native.transport-money-p72 #main-content .tm72-page .tct6-tabs-home[data-tm-money-nav-home].has-fixed {
  height:auto !important;
  padding:0 !important;
  background:transparent;
}
@media (max-width: 930px) {
  body.transport-native.transport-money-p72 #main-content .tm72-page nav.tct6-tabs[data-tm-money-nav],
  body.transport-native.transport-money-p72 > nav.tct6-tabs.is-fixed[data-tm-money-nav] {
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    min-height:0 !important;
    padding:7px 14px 0 !important;
  }
  body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-brand,
  body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-brand {
    max-width:none !important;
    padding:5px 2px 7px !important;
    font-size:clamp(14px,2.5vw,17px) !important;
    line-height:1.35 !important;
  }
  body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-links,
  body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-links {
    flex:0 1 auto !important;
    justify-content:flex-start !important;
    width:100% !important;
  }
  body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-links a,
  body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-links a {
    min-height:43px !important;
    padding:10px 12px !important;
    font-size:12.5px !important;
  }
}
@media (max-width: 480px) {
  body.transport-native.transport-money-p72 #main-content .tm72-page nav.tct6-tabs[data-tm-money-nav],
  body.transport-native.transport-money-p72 > nav.tct6-tabs.is-fixed[data-tm-money-nav] {padding:6px 12px 0 !important;}
  body.transport-native.transport-money-p72 #main-content .tm72-page nav[data-tm-money-nav] .tct6-tabs-brand,
  body.transport-native.transport-money-p72 > nav[data-tm-money-nav].is-fixed .tct6-tabs-brand {font-size:14px !important;}
}
@media(prefers-reduced-motion:reduce){
  body.transport-native.transport-money-p72 nav[data-tm-money-nav] .tct6-tabs-links{scroll-behavior:auto !important;}
}