/* Arotaxi site (T-5717, D255): the Mini App's app.css does the look; this file only adds what a page without
   script needs (native selects in the "Qayerdan / Qayerga" rows, a day switch made of radios and links) and
   what Telegram gives the app for free (no tab bar, a footer). Same tokens, no new colours. */
body.site main { padding-bottom: var(--s6); }
a { color: inherit; }
a.recent-item, a.round, .seg a, .site-foot a { text-decoration: none; }
.ride-form { margin: 0; }
.ride-form .ride { font: inherit; color: inherit; cursor: pointer; }

/* "Qayerdan / Qayerga": the app's button rows, with the phone's own picker inside */
.end { cursor: pointer; }
.end-body { display: block; flex: 1; min-width: 0; }
.end select.val { width: 100%; padding: 0; margin: 0; border: 0; background: none; color: var(--text);
  font: inherit; font-size: var(--fs-l); font-weight: 650; appearance: none; -webkit-appearance: none; cursor: pointer;
  text-overflow: ellipsis; }
.end select.val:invalid { color: var(--muted); font-weight: 500; }
.end select.val:focus-visible { outline: none; }
.end:focus-within { outline: 2px solid var(--action-ink); outline-offset: 2px; border-radius: var(--r-s); }
.swap { color: var(--text); }

/* Bugun / Ertaga: the app's segmented switch */
.day-seg label, .day-seg a { display: grid; place-items: center; height: 38px; border-radius: 11px; font-weight: 600;
  color: var(--muted); cursor: pointer; }
.day-seg input { position: absolute; opacity: 0; pointer-events: none; }
.day-seg label:has(input:checked), .day-seg a[aria-current="true"] { background: var(--surface); color: var(--text);
  box-shadow: var(--shadow); }
.day-seg label:has(input:focus-visible) { outline: 2px solid var(--action-ink); outline-offset: 1px; }
.form-hint { margin-top: var(--s3); font-size: var(--fs-s); color: var(--action-ink); font-weight: 600; }

.bar .route-h { font-size: var(--fs-l); line-height: 1.25; font-weight: 700; flex: 1; min-width: 0; margin: 0; }
.driver-link { margin-top: var(--s6); }
.call-page { background: var(--surface); border-radius: var(--r-l); box-shadow: var(--shadow); padding: var(--s4); }
.call-page .ghost { margin-top: var(--s2); }
.no-phone { margin: var(--s3) 0; }

.site-foot { max-width: 560px; margin: 0 auto; padding: var(--s4) var(--s4) calc(var(--s6) + var(--safe-b));
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s2); font-size: var(--fs-s); color: var(--muted); }
.site-foot a { color: var(--muted); font-weight: 600; }

/* T-5721: the way into Telegram after a phone, and the page that opens the Telegram app */
.tg-next { margin-top: var(--s4); padding-top: var(--s3); border-top: 1px solid var(--line); }
.tg-next p { margin: 0; font-size: var(--fs-s); color: var(--muted); }
.go-page { margin-top: var(--s6); }
.go-h { font-size: var(--fs-l); font-weight: 700; margin: 0 0 var(--s2); }
.go-page .stack { margin-top: var(--s4); text-align: left; }