/* =====================================================
   DotcomAirways.Com - legacy 2003 theme (/old)
   ===================================================== */
:root {
  --accent: #1b438c; --blue: #1d47a0; --red: #cc0000; --green: #0a7d1d;
  --ink: #222; --muted: #666; --line: #b9c6dc; --bg: #c9d6e8; --soft: #f2f5fa; --hover: #e6eef9;
  --radius: 0; --gap: 12px; --tag-radius: 2px;
  --panel-bg: #fff; --panel-border: 1px solid #8ea3c6; --panel-shadow: none;
  --ph-pad: 4px 8px; --ph-font: bold 11px Verdana, Tahoma, sans-serif; --ph-color: #fff; --ph-bg: linear-gradient(#3f6dbd, #1d438b); --ph-border: 1px solid #12306b;
  --pb-pad: 10px;
  --btn-font: bold 11px Verdana, Tahoma, sans-serif; --btn-bg: linear-gradient(#ff7b6e, #e02a20 50%, #c41712 51%, #d6231c); --btn-border: 1px solid #8e0f0f;
  --btn-radius: 3px; --btn-pad: 4px 14px; --btn-pad-big: 6px 20px; --btn-big-size: 12px; --btn-shadow: 0 -1px 0 #7a0a0a;
  --label-font: bold 11px Verdana, Tahoma, sans-serif; --label-color: #1b3a73;
  --input-font: 12px Verdana, Tahoma, sans-serif; --input-pad: 2px 4px; --input-border: 1px solid #7f9db9; --input-radius: 0;
  --pill-pad: 2px 8px; --pill-radius: 2px; --pill-bg: #eef2f8;
}
body { margin: 0; padding: 14px 0 30px; background: #c9d6e8 linear-gradient(#7f9cc8 0, #c9d6e8 260px) no-repeat;
  font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 12px; color: var(--ink); line-height: 1.5; }
a { color: var(--blue); } a:hover { color: #cc0000; }
.panel-h { text-transform: uppercase; text-shadow: 0 -1px 0 #0d2a63; letter-spacing: .3px; }
.btn { box-shadow: inset 0 1px 0 rgba(255,255,255,.4); }
.btn:hover { filter: none; background: linear-gradient(#ff9488, #ef3a30 50%, #d4211b 51%, #e42e26); }
.flight .f-main { padding: 8px 10px; }
.f-route .c { font-size: 14px; }
.f-price .amt { font-size: 15px; }
.flight.best .badge { top: -8px; font-size: 10px; }
.big-yes { font-family: Arial Black, Arial, sans-serif; }
.toast { font-family: Verdana, sans-serif; font-size: 11px; border-radius: 0; }
.trip-tabs label.on { background: linear-gradient(#3f6dbd, #1d438b); }
.loader { background: rgba(201,214,232,.95); }
.loader-text { font-size: 14px; }
.results-layout { grid-template-columns: 1fr; }
.filters .panel-b { display: flex; flex-wrap: wrap; gap: 0 22px; }
.filters .panel-b > h4 { width: 100%; margin-bottom: 0; }
@media (min-width: 761px) { .flight .f-main { grid-template-columns: 150px 1fr 120px; } }

#page { width: 980px; max-width: 100%; margin: 0 auto; background: #fff; border: 1px solid #5f7aa6; box-shadow: 0 0 0 4px rgba(255,255,255,.5); }
#banner { position: relative; height: 170px; overflow: hidden; background: #8fb6e6; border-bottom: 1px solid #0f2c66; }
#banner.home { height: 200px; }
#sky { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
#brand { position: absolute; right: 18px; top: 16px; text-align: right; }
#brand .logo { font: bold 38px/1 Arial, Helvetica, sans-serif; color: #e01b1b; letter-spacing: -.5px; text-decoration: none;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, 3px 4px 4px rgba(0,0,0,.45); }
#brand .brand-tag { margin-top: 6px; font: bold 12px Verdana, sans-serif; color: #fff; text-shadow: 1px 1px 2px #0b2350; }

#tabs { background: linear-gradient(#4a78c9, #24509f 50%, #1b438c 51%, #1f4a96); border-top: 1px solid #7fa3e0; border-bottom: 3px solid #e01b1b; padding: 0 8px; }
#tabs ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
#tabs a { display: block; padding: 7px 14px; color: #fff; font-weight: bold; font-size: 11px; text-decoration: none;
  border-right: 1px solid #16387a; border-left: 1px solid #5b86d1; text-shadow: 0 -1px 0 #0d2a63; }
#tabs a:hover { background: linear-gradient(#6b95de, #3a68ba); }
#tabs a.on { background: #fff; color: #1b438c; text-shadow: none; }

#cols { display: flex; gap: 14px; padding: 12px; align-items: flex-start; }
#side { width: 210px; flex: 0 0 210px; }
#main { flex: 1; min-width: 0; }
#side .panel-b { font-size: 11px; }
.status-line { border-bottom: 1px dotted #a9b8d0; padding: 4px 0; }
.note-panel { background: #fffbe0; border-color: #d8c25a; }
.note-panel .panel-h { background: linear-gradient(#e7c43a, #b8920f); border-bottom-color: #8b6d06; text-shadow: 0 -1px 0 #7a5f00; }

h1.page-title, .intro h1 { margin: 0 0 8px; font: bold 18px Arial, Helvetica, sans-serif; color: #1b438c; }
h2 { margin: 18px 0 8px; font: bold 15px Arial, Helvetica, sans-serif; color: #1b438c; border-bottom: 1px dotted #8ea3c6; padding-bottom: 3px; }
h3 { font: bold 13px Arial, Helvetica, sans-serif; color: #1b438c; }
p { margin: 0 0 9px; }
.intro { background: #eef3fb; border: 1px solid #c3d1e8; padding: 10px 12px; margin-bottom: 12px; }
.intro .lead { font-weight: bold; color: #1b438c; }
.quote { margin: 16px 0 12px; border: 1px solid #c3d1e8; border-left: 4px solid #e01b1b; background: #fafbfd; padding: 10px 12px; }
.quote .q { font: italic bold 14px Georgia, 'Times New Roman', serif; color: #1b438c; }
.quote .dig { margin-top: 6px; font-weight: bold; color: #cc0000; font-size: 13px; }
.home-tag { display: none; }

#foot { border-top: 1px solid #8ea3c6; background: #eef2f8; padding: 10px 12px; text-align: center; font-size: 10px; color: #555; }
#foot a { margin: 0 3px; }
#foot .legacy { font-weight: bold; color: #cc0000; }

@media (max-width: 760px) {
  body { padding: 0; background: #c9d6e8; }
  #page { border: 0; box-shadow: none; }
  #banner, #banner.home { height: 130px; }
  #brand .logo { font-size: 24px; }
  #brand .brand-tag { display: none; }
  #cols { flex-direction: column; padding: 10px; }
  #side { width: 100%; flex: none; order: 2; }
}

.feat-badge { font-size: 10px; padding: 2px 6px; border-radius: 2px; left: 6px; bottom: 6px; }
.part.featured { box-shadow: 0 0 0 2px #e0242a, 0 0 14px rgba(224,36,42,.45); }

.notice { font-family: Verdana, Tahoma, sans-serif; }
.notice .logo { font: bold 32px/1 Arial, Helvetica, sans-serif; color: #e01b1b; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; }
.notice h1 { font-family: Arial, Helvetica, sans-serif; }
.notice p { font-size: 13px; }

.fly-hint { border-radius: 2px; font-family: Verdana, sans-serif; font-size: 10px; left: 10px; bottom: 8px; top: auto !important; }