/* FlyBuraq — shared styles for the web booking flow, prices and account pages (Wego-parity, own design). */

/* Prices (Views/Shared/_Price.cshtml) */
.fb-pr { display: inline-flex; flex-direction: column; line-height: 1.15; }
.fb-pr-main { font-weight: 800; color: var(--fb-navy-700); white-space: nowrap; }
.fb-pr-approx { font-weight: 600; opacity: .7; margin-inline-end: 2px; }
.fb-pr-cur { font-size: .72em; font-weight: 700; color: var(--fb-muted); }
.fb-pr-charged { font-size: 11.5px; font-weight: 600; color: var(--fb-muted); margin-block-start: 2px; }
.fb-pr-lg .fb-pr-main { font-size: 1.6rem; }
.fb-pr-xl .fb-pr-main { font-size: 2rem; }

/* Booking steps (Views/Shared/Booking/_Steps.cshtml): waypoints on a dashed flight path */
.fb-steps { margin: 6px 0 22px; }
.fb-steps ol { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; position: relative; }
.fb-steps ol::before {
    content: ""; position: absolute; inset-inline: 18px; top: 17px; border-top: 2px dashed rgba(10,46,80,.22);
}
.fb-step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 1 1 0; min-width: 0; }
.fb-step-dot {
    position: relative; z-index: 1; width: 36px; height: 36px; border-radius: 50%;
    display: grid; place-items: center; font-size: 15px;
    background: var(--fb-surface); color: var(--fb-muted); border: 2px solid rgba(10,46,80,.18);
    text-decoration: none;
}
.fb-step.is-done .fb-step-dot { background: var(--fb-turq); border-color: var(--fb-turq); color: var(--fb-navy-700); }
a.fb-step-dot:hover { box-shadow: 0 0 0 4px rgba(92,225,230,.35); color: var(--fb-navy-700); }
.fb-step.is-current .fb-step-dot {
    background: var(--fb-navy-700); border-color: var(--fb-navy-700); color: #fff;
    box-shadow: 0 0 0 5px rgba(54,169,227,.22);
}
.fb-step-label { font-size: 12px; font-weight: 700; color: var(--fb-muted); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.fb-step.is-current .fb-step-label { color: var(--fb-navy-700); }
@media (max-width: 575.98px) {
    .fb-step:not(.is-current) .fb-step-label { display: none; }
}