@import url("/apps/rider/rider-polish.css");

/* Current Rider navigation hydrates real SVG icons; suppress the legacy polish pseudo-icon layer. */
.rider-app .rider-nav button::before{content:none;display:none}

.growth-shell{display:grid;gap:16px;margin-block:20px}.growth-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.growth-form{display:grid;gap:14px}.growth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.growth-grid label,.growth-form>label{display:grid;gap:6px;font-weight:650}.growth-grid input{width:100%}.growth-products,.growth-consent{display:flex;flex-wrap:wrap;gap:12px}.growth-products label,.growth-consent{align-items:center;font-weight:600}.growth-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.growth-result{display:grid;gap:3px;margin-top:12px}.growth-result span{color:var(--muted,#5d6d69)}.growth-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.growth-plan-card,.growth-membership-card,.growth-retention-card,.growth-warning{border:1px solid var(--border,#dce8e5);border-radius:18px;padding:18px;background:var(--surface,#fff)}.growth-plan-card{display:grid;gap:12px}.growth-plan-card.featured{box-shadow:0 12px 30px rgba(0,166,147,.12);border-color:var(--accent,#00a693)}.growth-plan-card h3{margin:2px 0}.growth-plan-card p{margin:0;color:var(--muted,#5d6d69)}.growth-plan-card ul{display:grid;gap:6px;margin:0;padding-left:20px}.growth-price{font-size:1.8rem}.growth-price small{font-size:.85rem;font-weight:600;color:var(--muted,#5d6d69)}.growth-membership-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;margin-top:12px}.growth-membership-card>div,.growth-retention-card>div{display:grid;gap:4px}.growth-membership-card span,.growth-retention-card span{color:var(--muted,#5d6d69)}.growth-retention-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;background:linear-gradient(135deg,rgba(0,166,147,.1),rgba(255,255,255,.8))}.growth-actions{display:flex!important;grid-auto-flow:column;gap:8px}.growth-warning{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.hidden{display:none!important}@media(max-width:720px){.growth-grid,.growth-plan-grid{grid-template-columns:1fr}.growth-heading,.growth-retention-card,.growth-warning{align-items:stretch;flex-direction:column}.growth-membership-card{grid-template-columns:1fr}.growth-actions{display:grid!important;grid-auto-flow:row}}
.growth-contact-preferences{display:grid;gap:8px;margin-top:12px;padding:14px 16px;border:1px solid var(--border,#dce8e5);border-radius:16px;background:var(--surface,#fff)}.growth-contact-preferences label{display:flex;align-items:center;gap:8px;font-weight:600}.growth-contact-preferences input{width:auto}

body.rider-app:not(.guest-mode):has(#book:disabled) .vehicle-price{font-size:0}
body.rider-app:not(.guest-mode):has(#book:disabled) .vehicle-price::after{content:"Välj destination";color:#4d6963;font-size:9.5px;font-weight:700;line-height:1.15;white-space:nowrap}
body.guest-mode #book:disabled+#booking-note{font-size:0}
body.guest-mode #book:disabled+#booking-note::after{content:"Ange upphämtning och destination för att se priset.";color:#607a74;font-size:10px;line-height:1.3}

/* Guest mode is intentionally limited to discovery, route choice and sign-in. */
body.rider-app.guest-mode .rider-nav,
body.rider-app.guest-mode #scooter-payment-card{display:none!important}
body.rider-app.guest-mode .shell{padding-bottom:0!important}

/* Airport fare belongs to Bistam Ride only. */
body.rider-app:has([data-service="scooter"].selected) .ride-sheet .airport-fare-card{display:none!important}

.ride-preferences{margin:0 0 10px}
.ride-preferences-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 2px 7px;color:#12332f}
.ride-preferences-heading strong{font-size:12px;font-weight:850}
.ride-preferences-heading span{color:#718782;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.ride-preferences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ride-preference{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:54px;padding:7px 8px;border:1px solid #d8e7e3;border-radius:15px;background:#fff;color:#12332f;text-align:left;font:inherit;cursor:pointer}
.ride-preference.selected{border-color:rgba(0,166,147,.72);background:#effaf8;box-shadow:inset 0 0 0 1px rgba(0,166,147,.08)}
.ride-preference.is-locked{background:#f7faf9}
.ride-preference-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e8f7f4;color:#0f5149}
.ride-preference[data-ride-preference="pet"] .ride-preference-icon::before{content:"";width:13px;height:11px;border-radius:50% 50% 45% 45%;background:currentColor;box-shadow:-7px -7px 0 -4px currentColor,0 -10px 0 -4px currentColor,7px -7px 0 -4px currentColor}
.ride-preference[data-ride-preference="female_driver"] .ride-preference-icon::before{content:"♀";font-size:20px;font-weight:850;line-height:1}
.ride-preference-copy{min-width:0}.ride-preference-copy strong,.ride-preference-copy small{display:block}.ride-preference-copy strong{overflow:hidden;font-size:11px;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.ride-preference-copy small{margin-top:2px;color:#6b817c;font-size:9px;line-height:1.2}
.ride-preference-state{color:#0f766b;font-size:9px;font-weight:850;white-space:nowrap}.ride-preference.is-locked .ride-preference-state{color:#78908b}.ride-preference.is-locked .ride-preference-state::before{content:"🔒 ";font-size:8px}

@media(max-width:760px){
  .ride-sheet .airport-fare-card{grid-template-columns:34px minmax(0,1fr);gap:8px;margin:9px 0 0;padding:8px 10px;border-radius:15px}
  .ride-sheet .airport-fare-mark{width:34px;height:34px;border-radius:11px;font-size:17px}
  .ride-sheet .airport-fare-copy strong{margin-bottom:2px;font-size:11px}
  .ride-sheet .airport-fare-copy>span{display:block!important;overflow:visible;color:#5d7771;font-size:9px;line-height:1.3;-webkit-line-clamp:unset}
  body.rider-app.guest-mode .rider-map-layout>.ride-sheet,body.rider-app.guest-mode .rider-map-layout>.ride-sheet.collapsed{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){.ride-preference{grid-template-columns:30px minmax(0,1fr)}.ride-preference-state{grid-column:2}.ride-preference-icon{grid-row:1/3;width:30px;height:30px}}

/* Hotel-only phone polish. Keeps the personalized heading compact on web and Rider iOS. */
@media(max-width:560px){
  #hotel-home-heading{font-size:clamp(30px,8vw,32px);line-height:1.02}
}