/* Flight arrivals / departures board. The table itself comes from the airport
   site, so cells are addressed by position: 1 airline, 2 flight, 3 city,
   4 time, 5 status, 6 notifications (unused). */
#flights [hidden] { display: none !important; }

.fl-tools { margin-bottom: 15px; }
.fl-search { height: 42px; font-size: 16px; border-radius: 0; box-shadow: none; }
.fl-search:focus { border-color: #72c02c; box-shadow: none; }
.fl-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 12px; }
.fl-days { display: flex; flex-wrap: wrap; gap: 6px; }
.fl-day { background: #fff; border: 1px solid #ccc; color: #555; padding: 6px 14px; font-size: 14px; line-height: 1.3; cursor: pointer; }
.fl-day:hover, .fl-day:focus { border-color: #72c02c; color: #333; outline: 0; }
.fl-day.active { background: #72c02c; border-color: #72c02c; color: #fff; }
.fl-days.fl-dim .fl-day { opacity: .55; }
.fl-updated { color: #888; font-size: 13px; white-space: nowrap; }
.fl-empty { padding: 30px 10px; text-align: center; color: #777; font-size: 15px; }
.fl-more { margin-top: 15px; text-align: center; }

#flights-data th:nth-child(6), #flights-data tr.inside-table-text > td:nth-child(6) { display: none; }
#flights-data tr.inside-table-text > td { vertical-align: middle; }
#flights-data tr.inside-table-text > td:nth-child(4) { font-weight: 600; white-space: nowrap; }
#flights-data tr.inside-table-text > td:nth-child(1) img { max-width: 115px; }
#flights-data tr.new-day-row > td { font-weight: 600; }

#flights-data .inside-table-status-text { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 13px; line-height: 1.4; white-space: nowrap; }
#flights-data .inside-table-status-text.cancelled, #flights-data .fl-st-cancelled { background-color: #f6c9c4; color: #7a1a10; }
#flights-data .fl-st-checkin { background-color: #cfe6fb; }
#flights-data .fl-st-late { background-color: #ffd9a8; }

@media (max-width: 640px) {
	.fl-bar { flex-direction: column; align-items: flex-start; }
	#flights-data table, #flights-data tbody { display: block; width: 100%; }
	#flights-data thead { display: none; }
	#flights-data tr.inside-table-text {
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr) auto;
		grid-template-areas: "time city status" "time flight logo";
		column-gap: 12px;
		row-gap: 3px;
		align-items: center;
		padding: 10px 2px;
	}
	#flights-data tr.inside-table-text > td { display: block; padding: 0; border: 0; }
	#flights-data tr.inside-table-text > td:nth-child(4) { grid-area: time; font-size: 18px; }
	#flights-data tr.inside-table-text > td:nth-child(3) { grid-area: city; font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
	#flights-data tr.inside-table-text > td:nth-child(5) { grid-area: status; text-align: right; }
	#flights-data tr.inside-table-text > td:nth-child(2) { grid-area: flight; color: #777; font-size: 13px; }
	#flights-data tr.inside-table-text > td:nth-child(1) { grid-area: logo; text-align: right; line-height: 1; }
	#flights-data tr.inside-table-text > td:nth-child(1) img { max-height: 16px !important; max-width: 80px; }
	#flights-data tr.new-day-row { display: block; }
	#flights-data tr.new-day-row > td { display: block; padding: 8px 6px; }
}