/* Public airport board, sharing the site's emerald and warm brass palette. */
.flights-main { padding-block:12px 35px; }
.flights-page time { display:inline-block; direction:ltr; unicode-bidi:isolate; white-space:nowrap; }
.flight-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:45px; padding:46px 55px; background:#0b302b; color:#fff; border-radius:22px; position:relative; overflow:hidden; }
.flight-hero .eyebrow { color:#d9c58d; letter-spacing:1.8px; font-size:10px; }
.flight-hero h1 { font-size:68px; line-height:1.06; letter-spacing:-2.8px; margin:22px 0; font-weight:550; }
.flight-hero h1 em { color:#e5c998; font-family:Georgia,serif; font-weight:400; }
.flight-hero-copy>p { color:#c8d8cd; font-size:14px; line-height:1.8; max-width:420px; }
.flight-airport { display:flex; gap:15px; align-items:center; margin-top:29px; font-size:12px; }
.airport-code { font-size:24px; letter-spacing:1px; border:1px solid #657d61; padding:10px 13px; border-radius:7px; color:#e3c791; }
.flight-airport small { display:block; color:#b1c4b6; margin-top:5px; font-size:10px; }
.flight-hero-art { display:grid; place-content:center; text-align:center; position:relative; isolation:isolate; }
.flight-hero-art svg { width:min(100%,330px); z-index:1; margin:auto; }
.flight-hero-art>span { color:#d8cbab; font-size:10px; margin-top:8px; letter-spacing:.6px; }
.flight-orbit { position:absolute; z-index:-1; width:280px; height:280px; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; border:1px solid #d5dfc121; box-shadow:0 0 0 35px #d5dfc106; }
.orbit-two { width:400px; height:400px; border-color:#d5dfc112; }
.arrivals-board { margin-top:35px; padding:30px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 8px 35px #14392c05; }
.board-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:25px; }
.board-heading h2 { font-size:29px; letter-spacing:-.8px; margin:6px 0 0; }
.saudi-clock { font-size:11px; color:#546958; background:#eff3e9; padding:9px 12px; border-radius:6px; }
.flight-filters { display:grid; grid-template-columns:minmax(180px,1.6fr) minmax(170px,1fr) minmax(120px,.75fr) auto; gap:13px; align-items:end; padding:19px; background:#f5f7f1; border:1px solid #e6ebdf; border-radius:11px; }
.flight-filters .field { min-width:0; margin:0; }.flight-filters input,.flight-filters select { width:100%; background:#fff; height:46px; }
.flight-filters .button { white-space:nowrap; min-height:46px; }
.flight-feed-status { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; padding:22px 0 18px; font-size:10px; color:#627261; }
.feed-badge { display:inline-flex; align-items:center; gap:7px; }.feed-badge i { width:6px; height:6px; border-radius:50%; background:#929987; }.feed-fresh { color:#246848; }.feed-fresh i { background:#328258; }.feed-stale { color:#8b6219; }.feed-stale i { background:#b38530; }.flight-result-count { margin-inline-start:auto; }
.flight-notice,.flight-network-message { border:1px solid #ebd4a3; border-radius:8px; background:#fff8e9; color:#775418; font-size:12px; line-height:1.7; padding:12px 16px; margin:0 0 18px; }.flight-network-message { margin-top:15px; }
.flight-list { display:grid; gap:18px; }
.flight-card { border:1px solid #dfe7dd; border-radius:12px; padding:22px; background:#fff; }
.flight-card-top { display:flex; justify-content:space-between; gap:15px; align-items:center; }
.flight-identity { display:flex; align-items:center; gap:12px; min-width:0; }.airline-monogram { display:grid; place-items:center; min-width:43px; height:43px; border-radius:9px; background:#eef3e8; color:#456447; font-size:15px; font-weight:700; }.flight-identity h3 { font-size:18px; margin:0; letter-spacing:.3px; }.flight-identity p { font-size:10px; color:#78806e; margin:3px 0 0; }
.flight-status { padding:7px 11px; border-radius:30px; font-size:10px; font-weight:600; white-space:nowrap; background:#f0f2ed; color:#616b56; }.status-landed,.status-arrived { color:#216b48; background:#eaf4eb; }.status-en-route { color:#2b617e; background:#eaf3f7; }.status-delayed { color:#875b18; background:#fff3db; }.status-cancelled,.status-diverted { color:#a0473f; background:#fceee9; }
.flight-journey { display:grid; grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr) minmax(160px,1.1fr); align-items:center; gap:20px; margin-block:26px; }.flight-journey strong { display:block; font-size:21px; letter-spacing:-.4px; overflow-wrap:anywhere; }.flight-small-label { display:block; color:#75816b; font-size:10px; margin-bottom:5px; }.flight-city-code { font-size:10px; color:#6c7d61; letter-spacing:1px; }.flight-route-line { position:relative; height:1px; background:#d4dec9; }.flight-route-line span { display:grid; place-items:center; position:absolute; top:-13px; left:32px; width:28px; height:28px; background:#fff; color:#968053; font-size:23px; }.flight-primary-time { text-align:end; }.flight-primary-time strong { font-size:20px; color:#234b38; white-space:nowrap; letter-spacing:-.5px; }
.flight-details { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid #e6ebdf; padding-block:16px; margin:0; gap:15px; }.flight-details dt { font-size:10px; color:#79816d; margin-bottom:6px; }.flight-details dd { font-size:12px; margin:0; color:#40533a; overflow-wrap:anywhere; }
.flight-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:17px; }.flight-card-bottom>span { font-size:10px; color:#788170; }.flight-card-bottom .button { width:auto; min-width:180px; min-height:40px; font-size:11px; padding:10px 14px; }.flight-card-bottom .text-link { font-size:12px; }
.flight-empty { display:flex; flex-direction:column; align-items:center; text-align:center; padding:34px 20px 42px; border-radius:12px; background:#f6f8f2; }.empty-plane { display:grid; place-items:center; color:#738458; background:#e8efdc; border:1px solid #dde6cd; border-radius:50%; width:57px; height:57px; font-size:29px; margin-bottom:20px; }.flight-empty h3 { font-size:25px; font-weight:550; letter-spacing:-.6px; margin:0 0 13px; }.flight-empty p { max-width:490px; color:#6c7962; font-size:13px; line-height:1.85; margin:0 0 24px; }.flight-empty .button { width:auto; }.flight-empty .text-link { font-size:13px; }
.flight-source { display:flex; justify-content:space-between; gap:15px 30px; flex-wrap:wrap; padding-top:20px; font-size:10px; color:#7b8370; line-height:1.7; }.flight-source a { color:#416c51; text-decoration:underline; }
.flight-next-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; padding-block:35px 10px; }.flight-next-steps article { position:relative; padding-inline-start:44px; }.flight-next-steps article>span { position:absolute; inset-inline-start:0; top:0; font-size:19px; color:#9b956b; font-family:Georgia,serif; }.flight-next-steps h3 { font-size:15px; margin:0 0 8px; }.flight-next-steps p { font-size:11px; color:#7a856f; line-height:1.9; margin:0; }
[dir=rtl] .flight-hero h1 { letter-spacing:0; line-height:1.45; font-size:56px; }[dir=rtl] .flight-hero h1 em { font-family:inherit; font-style:normal; }[dir=rtl] .flight-hero .eyebrow { letter-spacing:0; }
@media(max-width:1000px) { .flight-hero { padding:38px; gap:20px; }.flight-filters { grid-template-columns:1fr 1fr; }.flight-journey { gap:15px; grid-template-columns:1fr 55px 1fr 1.1fr; }.flight-route-line span { left:14px; }.flight-primary-time strong { font-size:17px; } }
@media(max-width:760px) {
 .flights-main { padding-top:0; }.flight-hero { grid-template-columns:1fr; padding:30px 25px; gap:0; }.flight-hero h1 { font-size:55px; margin:22px 0 18px; }.flight-hero .eyebrow { font-size:8px; }.flight-hero-copy>p { font-size:13px; }.flight-hero-art { display:none; }.flight-airport { margin-top:22px; font-size:11px; }.airport-code { font-size:21px; }
 .arrivals-board { padding:20px 16px; margin-top:23px; border-radius:13px; }.board-heading { align-items:start; flex-direction:column; gap:13px; margin-bottom:18px; }.board-heading h2 { font-size:27px; }.saudi-clock { font-size:10px; }.flight-filters { padding:13px; gap:14px; }.flight-search { grid-column:1/-1; }.flight-filters input,.flight-filters select { font-size:14px; }.flight-filters .field:nth-of-type(2) { grid-column:1/-1; }.flight-filters .button { font-size:10px; gap:9px; }.flight-filters .field label { font-size:10px; }.flight-feed-status { gap:10px 15px; padding-block:20px 15px; font-size:9px; }.flight-result-count { margin-inline-start:0; }
 .flight-filters .field,.flight-filters .button { grid-column:1/-1; }.flight-filters .button { justify-content:space-between; font-size:12px; }.flight-primary-time { flex-wrap:wrap; }
 .flight-empty { padding:28px 13px; }.flight-empty h3 { font-size:23px; }.flight-empty p { font-size:12px; }.flight-empty .button { font-size:11px; }.flight-card { padding:17px 14px; }.flight-identity { gap:8px; }.airline-monogram { min-width:34px; height:36px; font-size:12px; }.flight-identity h3 { font-size:16px; }.flight-identity p { font-size:9px; }.flight-status { font-size:9px; padding:6px 8px; }.flight-journey { grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr); gap:13px; margin-block:23px 18px; }.flight-journey strong { font-size:19px; }.flight-route-line span { left:6px; width:24px; }.flight-primary-time { grid-column:1/-1; text-align:start; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-radius:6px; background:#f3f6ed; }.flight-primary-time .flight-small-label { margin:0; }.flight-primary-time strong { font-size:15px; }.flight-details { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 12px; }.flight-details dd { font-size:11px; }.flight-card-bottom { align-items:stretch; flex-direction:column; gap:12px; }.flight-card-bottom .button { justify-content:space-between; }.flight-card-bottom>span { font-size:9px; }.flight-next-steps { grid-template-columns:1fr; gap:25px; padding-block:30px 5px; }.flight-next-steps article { padding-inline-start:43px; }.flight-source { font-size:9px; gap:12px; }
 [dir=rtl] .flight-hero h1 { font-size:43px; }
}