/* PandAero brand tokens — shared by pandaero.com, a320sim.hu, onedaypilot.hu, repuloiskola.hu */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");

:root {
  --pa-navy: #264B9F;      /* primary brand color, buttons, links */
  --pa-sky: #74D0F2;       /* accent; graphics and large text only (fails contrast as small text on white) */
  --pa-ink: #0F1E3D;       /* body text, dark surfaces, family bar */
  --pa-paper: #F4F7FB;     /* light section background */
  --pa-muted: #3A4A66;     /* secondary text on light */
  --pa-muted-dark: #C9D6EA;/* secondary text on dark */
  --pa-line: #E2E8F2;      /* hairlines on light */
  --pa-amber: #F2A33A;     /* One Day Pilot accent (graphics, text on dark) */
  --pa-amber-text: #E0861F;/* One Day Pilot accent as large text on light */
  --pa-font: "Montserrat", system-ui, sans-serif;
  --pa-radius-pill: 999px;
  --pa-radius-card: 18px;
}

/* ---- Family bar: the thin dark strip linking the four sites ---- */
.pa-family {
  background: var(--pa-ink);
  color: var(--pa-muted-dark);
  font: 600 12px/1 var(--pa-font);
  display: flex; align-items: center; gap: 22px;
  min-height: 36px; padding: 0 24px;
  overflow-x: auto; white-space: nowrap;
}
.pa-family__brand { color: var(--pa-sky); font-weight: 700; letter-spacing: .16em; text-decoration: none; }
.pa-family a { color: inherit; text-decoration: none; padding: 10px 0; }
.pa-family a:hover { color: #fff; }
.pa-family a[aria-current="page"] { color: #fff; box-shadow: inset 0 -2px 0 var(--pa-sky); }

/* ---- Site header ---- */
.pa-header {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  min-height: 80px; padding: 0 24px; background: #fff;
  border-bottom: 1px solid var(--pa-line); font-family: var(--pa-font);
}
.pa-header__logo img, .pa-header__logo svg { height: 52px; width: auto; display: block; }
.pa-header nav { display: flex; align-items: center; gap: 28px; font: 600 14px var(--pa-font); }
.pa-header nav a { color: var(--pa-navy); text-decoration: none; }
.pa-header nav a:hover { color: var(--pa-ink); }
.pa-cta {
  min-height: 44px; display: inline-flex; align-items: center; padding: 0 22px;
  border-radius: var(--pa-radius-pill); background: var(--pa-navy); color: #fff !important;
}
@media (max-width: 760px) {
  .pa-header__logo img, .pa-header__logo svg { height: 40px; }
  .pa-header nav a:not(.pa-cta) { display: none; } /* replace with the site's existing mobile menu */
}