/* PTPK-BRAND-CTA 16 Oct 2026: first-screen "Book a taxi" actions (hero + compact sticky bar on phones). Navy/amber, no layout shift. */
.pkt-hero-book{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:4px 0 0}
.pkt-hero-book .button{min-height:48px;gap:12px;padding:12px 22px;font-size:14px;box-shadow:0 8px 22px #071e2c1f}
.pkt-hero-book__note{font-size:12px;line-height:1.45;color:#40535b;max-width:320px}
.pkt-hero-book__note a{text-decoration:underline}
.pkt-hero-book__note strong{display:block;color:var(--ink);font-size:13px}
.hero .pkt-hero-book__note{color:#d4dde2}
.hero .pkt-hero-book__note strong{color:#fff}
.page-hero .pkt-hero-book{margin-top:8px}
.idrb--landing .pkt-hero-book{margin:0 0 24px}
/* Home: the search card sits beside the copy on wide screens, so the jump button is a phone/tablet aid only. */
.pkt-hero-book--home{display:none}
@media(max-width:900px){.pkt-hero-book--home{display:flex;margin-top:20px}.hero .hero-copy>p{margin-bottom:0}}
@media(max-width:640px){
  .page-hero h1{font-size:clamp(30px,8.6vw,42px);line-height:1.08}
  .page-hero.has-photo{padding-block:24px 28px}
  .page-hero .breadcrumb{margin-bottom:12px}
  .page-hero .eyebrow{margin-bottom:14px}
  .pkt-hero-book{gap:8px 12px}
  .pkt-hero-book .button{width:100%;justify-content:space-between}
}
/* Booking page on phones: get the form into the first screen. */
@media(max-width:767px){
  body.page-id-9 .page-hero{padding-block:16px 18px}
  body.page-id-9 .page-hero .eyebrow{display:none}
  body.page-id-9 .page-hero h1{font-size:28px;margin-block:6px 6px}
  body.page-id-9 .page-hero p{margin:0}
  body.page-id-9 main>.section{padding-top:16px}
}
/* Compact sticky bar: phones and small tablets only; hidden while a booking form, dialog or the hero action is on screen. */
.pkt-sticky-cta{display:none}
@media(max-width:900px){
  .pkt-sticky-cta{display:block;position:fixed;z-index:40;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + var(--pkt-consent-h,0px));transform:translateY(calc(100% + 24px + var(--pkt-consent-h,0px)));opacity:0;visibility:hidden;transition:transform .22s ease,opacity .22s ease,visibility 0s linear .22s}
  .pkt-sticky-cta.is-on{transform:none;opacity:1;visibility:visible;transition:transform .22s ease,opacity .22s ease,visibility 0s}
  .pkt-sticky-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;border-radius:16px;background:#102c3c;color:#fff;box-shadow:0 14px 40px #071e2c47;border:1px solid #ffffff1f}
  .pkt-sticky-cta__text{min-width:0;display:grid;line-height:1.25}
  .pkt-sticky-cta__text strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pkt-sticky-cta__text small{font-size:11.5px;color:#c9d6dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pkt-sticky-cta .button{flex:0 0 auto;min-height:46px;padding:10px 18px;gap:10px;font-size:14px;border-radius:12px}
  html.pkt-sticky-on body{padding-bottom:calc(var(--pkt-sticky-h,72px) + 16px)}
}
@media(max-width:340px){.pkt-sticky-cta__text small{display:none}.pkt-sticky-cta .button{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.pkt-sticky-cta,.pkt-sticky-cta.is-on{transition:none}}
.pkt-sticky-cta .button:focus-visible,.pkt-hero-book .button:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #102c3c}
/* WCAG AA: amber text on the cream route boards (was 1.76-1.93:1). Buttons and dark boards keep the brand amber. */
.idrb--pakistantaxi:not(.idrb--vehicles) .idrb__eyebrow,.idrb--pakistantaxi:not(.idrb--vehicles) .idrb__number,.idrb--pakistantaxi:not(.idrb--vehicles) .idrb__journey h3 span,.idrb--pakistantaxi:not(.idrb--vehicles) .idrb__class-grid strong,.idrb--pakistantaxi:not(.idrb--vehicles) .idrb__vehicle-code{color:#8a5a00}