/* ===========================================================================
   search.css — extras for /flights/search.php (the whole-database tracker
   search). Layers on flight-compensation.css, which already supplies the
   .fc-search form, the .fc-card grid and the status badges — including the
   --late / --ontime variants this page is the only one to render.
   No inline styles anywhere (strict CSP).
   =========================================================================== */

/* The .fc-search grid is a flex row; the toggles take a full line under it. */
.fcs-form { flex-wrap: wrap; }

.fcs-toggles {
  flex: 1 0 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin-top: 4px;
}

.fcs-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fc-muted);
  font-size: 0.9rem;
  cursor: pointer;
}

.fcs-toggle input { accent-color: var(--fc-primary); cursor: pointer; }
.fcs-toggle:hover { color: var(--fc-text); }

/* Shown instead of results when the query carries no filter to bound it. */
.fcs-hint {
  margin: 22px 2px;
  padding: 18px 20px;
  border: 1px dashed var(--fc-border);
  border-radius: var(--fc-radius);
  background: var(--fc-panel);
  color: var(--fc-muted);
  text-align: center;
}

.fcs-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 26px 0 6px;
}

.fcs-pager__at { color: var(--fc-muted); font-size: 0.9rem; }

.fcs-pager__link {
  padding: 8px 16px;
  border: 1px solid var(--fc-border);
  border-radius: var(--fc-radius);
  background: var(--fc-panel);
  color: var(--fc-text);
  font-weight: 600;
  font-size: 0.92rem;
  text-decoration: none;
}

.fcs-pager__link:hover { background: var(--fc-panel-2); border-color: var(--fc-primary); }

.fcs-links { margin-top: 14px; color: var(--fc-muted); font-size: 0.92rem; }
.fcs-links a { color: var(--fc-primary); text-decoration: none; }
.fcs-links a:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .fcs-toggles { gap: 6px 14px; }
  .fcs-pager { gap: 10px; }
  .fcs-pager__link { padding: 8px 12px; }
}