/* Flexible-dates strip on the results page (2026-10-09). Markup built by public/js/sk-fare-calendar.js inside #skFareCalSlot.
   Look from the owner's "SkyKoda Fare Calendar" design (Results header board). */
.skfc { --fc-green: #13804B; --fc-green-bg: #EEF8F2; --fc-blue: #1667D9; --fc-blue-bg: #EEF4FD; --fc-ink: #121826; --fc-muted: #5B6474; --fc-line: #DCE0E6;
    margin: 0 0 12px; padding-bottom: 26px; font-family: inherit; color: var(--fc-ink); }   /* padding: the sort tabs below have a negative top margin */
.skfc-bar { display: flex; align-items: center; gap: 2px; background: #fff; border-radius: 16px; padding: 4px 6px; box-shadow: 0 2px 8px rgba(18,24,38,.06); border: 1px solid #EEF0F3; }
.skfc .skfc-arrow { flex: 0 0 40px; height: 54px; border: 0 !important; background: transparent !important; color: var(--fc-blue) !important; display: flex; align-items: center; justify-content: center;
    cursor: pointer; border-radius: 12px !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; min-width: 0 !important; width: 40px !important; }
.skfc .skfc-arrow:hover { background: #EAF2FE !important; }
.skfc .skfc-arrow:disabled { color: #C9CED6 !important; cursor: default; background: transparent !important; }
.skfc .skfc-arrow:focus-visible { outline: 2px solid var(--fc-blue); outline-offset: -2px; }
.skfc-strip { flex: 1 1 auto; min-width: 0; display: flex; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 14px 0 8px; margin: -14px 0 -8px; }   /* room for the tag + underline */
.skfc-strip::-webkit-scrollbar { display: none; }
.skfc-day { flex: 1 0 96px; position: relative; display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 4px; color: var(--fc-ink);
    text-decoration: none; cursor: pointer; min-width: 0; }
.skfc-day + .skfc-day::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 1px; background: var(--fc-line); }
.skfc-day:hover, .skfc-day:focus { text-decoration: none; color: var(--fc-ink); }
.skfc-day:focus-visible { outline: 2px solid var(--fc-blue); outline-offset: -2px; border-radius: 12px; }
.skfc-pill { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 6px; border-radius: 12px; max-width: 100%; }
.skfc-day:hover .skfc-pill { background: #F5F9FF; }
.skfc-lbl { font-size: 13px; font-weight: 500; color: var(--fc-muted); white-space: nowrap; }
.skfc-price { font-size: 15.5px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.skfc-day.is-cheap .skfc-price { color: var(--fc-green); }
.skfc-tag { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); font-size: 9.5px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase;
    padding: 1px 6px; border-radius: 999px; white-space: nowrap; line-height: 1.4; background: var(--fc-green); color: #fff; }
.skfc-day.is-sel { cursor: default; }
.skfc-day.is-sel .skfc-pill { background: var(--fc-blue-bg); }
.skfc-day.is-sel .skfc-lbl, .skfc-day.is-sel .skfc-price { color: var(--fc-blue); }
.skfc-day.is-sel.is-cheap .skfc-price { color: var(--fc-green); }
.skfc-day.is-sel::after { content: ""; position: absolute; left: 6px; right: 6px; bottom: -8px; height: 3px; background: var(--fc-blue); border-radius: 2px; }
.skfc-day.is-none { cursor: default; }
.skfc-day.is-none .skfc-price { color: #94a3b8; font-weight: 500; font-size: 13px; }
.skfc-day.is-loading { opacity: .55; pointer-events: none; }
/* skeleton while a week loads */
.skfc-day.is-skel { cursor: default; }
.skfc-day.is-skel .skfc-pill { width: 80%; }
.skfc-shine { display: block; height: 11px; border-radius: 4px; background: linear-gradient(90deg, #eef2f7 25%, #e2e8f0 50%, #eef2f7 75%); background-size: 200% 100%; animation: skfcShine 1.2s infinite; }
@keyframes skfcShine { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (min-width: 992px) { #skFareCalSlot .skfc { margin-top: -12px; } }   /* top lines up with the Filter box (.list_fliter has margin-top 20px) */
@media (max-width: 991px) {   /* phones/tablets: start below the fixed "Lagos to Abuja" bar, small gap to the sort tabs (2026-10-09) */
    #skFareCalSlot .skfc { margin: 22px 0 10px; padding-bottom: 0; }
}
@media (max-width: 575px) {
    .skfc-bar { padding: 6px 2px; border-radius: 14px; }
    .skfc .skfc-arrow { flex-basis: 30px; width: 30px !important; height: 58px; }
    .skfc-strip { scroll-snap-type: x mandatory; }
    .skfc-day { flex: 0 0 calc(100% / 2.6); height: 58px; scroll-snap-align: start; }   /* 2 full days + a peek, so it looks scrollable */
    .skfc-pill { padding: 7px 8px; }
    .skfc-lbl { font-size: 12px; }
    .skfc-price { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { .skfc-shine { animation: none; } }

/* v2 (owner, 2026-10-20): sky picture behind the strip, each date as its own white card; selected date solid blue */
.skfc-bar { background: #dbeafe url('/images/sk-fc-sky.jpg') center 40% / cover no-repeat; border: 1px solid #cfe0f5; padding: 8px 8px; gap: 6px;
    box-shadow: 0 4px 14px rgba(30, 64, 175, .10); }
.skfc-strip { gap: 6px; padding: 12px 2px 4px; margin: -12px 0 -4px; }
.skfc-day { height: 52px; padding: 0; }
.skfc-day + .skfc-day::before { display: none; }
.skfc-pill { width: 100%; height: 100%; justify-content: center; gap: 2px; padding: 4px 6px; border-radius: 12px;
    background: rgba(255, 255, 255, .9); border: 1px solid rgba(255, 255, 255, .95); box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: transform .12s, box-shadow .12s, background .12s; }
.skfc-day:hover .skfc-pill { background: #fff; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(15, 23, 42, .12); }
.skfc-day.is-sel .skfc-pill { background: var(--fc-blue); border-color: var(--fc-blue); box-shadow: 0 6px 14px rgba(22, 103, 217, .35); }
.skfc-day.is-sel .skfc-lbl, .skfc-day.is-sel .skfc-price, .skfc-day.is-sel.is-cheap .skfc-price { color: #fff; }
.skfc-day.is-sel::after { display: none; }
.skfc-day.is-cheap:not(.is-sel) .skfc-pill { border-color: #b7e4c7; }
.skfc-tag { top: -10px; box-shadow: 0 2px 6px rgba(19, 128, 75, .3); }
.skfc .skfc-arrow { flex: 0 0 34px; width: 34px !important; height: 34px; border-radius: 50% !important; background: rgba(255, 255, 255, .9) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .12) !important; align-self: center; }
.skfc .skfc-arrow:hover { background: #fff !important; }
.skfc .skfc-arrow:disabled { background: rgba(255, 255, 255, .55) !important; }
.skfc-day.is-skel .skfc-pill { width: 100%; }
@media (max-width: 575px) {
    .skfc-bar { padding: 7px 5px; gap: 4px; }
    .skfc .skfc-arrow { flex-basis: 28px; width: 28px !important; height: 28px; }
    .skfc-day { height: 54px; }
}
@media (prefers-reduced-motion: reduce) { .skfc-pill { transition: none; } }
/* v2: room for the date + price inside each card */
.skfc-day { height: 56px; }
.skfc-pill { padding: 3px 6px; }
.skfc-lbl { line-height: 1.2; }
.skfc-price { line-height: 1.2; }
@media (max-width: 575px) { .skfc-day { height: 56px; } }
/* v2: seven-figure prices (₦1,071,236) fit the card */
.skfc-pill { padding: 3px 3px; }
.skfc-price { font-size: 14.5px; letter-spacing: -.3px; }
.skfc-strip { gap: 5px; }
/* plain strip, no picture behind it (owner review 2026-10-20) */
.skfc-bar { background: #fff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 1px 3px rgba(15, 23, 42, .06) !important; }
.skfc-pill { background: #fff; border-color: #eef2f7; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.skfc-day:hover .skfc-pill { background: #f5f9ff; box-shadow: none; transform: none; }
.skfc .skfc-arrow { background: #f1f5f9 !important; box-shadow: none !important; }