/* ================================================================
   ATC.AI WEBSITE — ILG RUNWAY GEOMETRY SYNC
   ----------------------------------------------------------------
   This overlay uses the same runway geometry as the active 2D sim:

   09/27  heading 090 true, length 7,275 ft, midpoint (E 0, N +700)
   01/19  heading 005 true, length 7,012 ft, midpoint (E +1400, N 0)
   14/32  heading 131 true, length 4,602 ft, midpoint (E -1000, N -500)

   The SVG coordinates below are runway endpoints in feet relative to
   the simulator airport reference point. SVG +Y points down, so north
   is represented by negative Y. Keeping the geometry in one SVG means
   the hero scope and both app previews cannot drift into three different
   stylized runway layouts later.
   ================================================================ */

:root {
  --ilg-runway-map: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-15000%20-11111%2030000%2022222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%236ef29a%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%22120%22%20stroke-linecap%3D%22square%22%3E%0A%3Cline%20x1%3D%22-3637.5%22%20y1%3D%22-700%22%20x2%3D%223637.5%22%20y2%3D%22-700%22%2F%3E%0A%3Cline%20x1%3D%221094.43%22%20y1%3D%223492.66%22%20x2%3D%221705.57%22%20y2%3D%22-3492.66%22%2F%3E%0A%3Cline%20x1%3D%22-2736.59%22%20y1%3D%22-1009.59%22%20x2%3D%22736.59%22%20y2%3D%222009.59%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

/* Retire the old decorative lines. They used the right runway names/headings
   as rotation values, but CSS line rotation does not use aviation heading
   convention and all three midpoints were effectively clustered at center. */
.runway,
.mini-rwy,
.sim-line {
  display: none !important;
}

/* Use one canonical geometry overlay everywhere the homepage depicts ILG. */
.scope::after,
.mini-scope::after,
.sim-radar::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: var(--ilg-runway-map);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}

/* Keep aircraft, tags, labels, the sweep, and the airport reference point
   above the runway overlay. */
.scope > :not(.runway),
.mini-scope > :not(.mini-rwy),
.sim-radar > :not(.sim-line) {
  z-index: 2;
}