/*
 * Site footer — wrapper only.
 *
 * Everything inside the footer (columns, colours, type, spacing, hovers) now lives in the Elementor
 * template "Site Footer" and is edited there. This file used to carry all of it, written at
 * `body .fp-footer …` specificity to beat the per-page stylesheets — which also meant it beat the
 * editor, so changing anything in Elementor had no visible effect. Those rules are gone.
 *
 * What is left is the <footer class="fp-footer"> shell printed by footer.php: the dark ground and
 * the three skewed colour bars across its top edge, drawn with ::before/::after. Elementor has no
 * control for a skewed pseudo-element, so this stays hand-written.
 */

.fp-footer {
  position: relative;
  overflow: hidden;
  padding: 0;
  background: #031638;
  color: #fff;
}

.fp-footer::before,
.fp-footer::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  height: 8px;
  transform: skewX(-28deg);
  pointer-events: none;
}
.fp-footer::before { left: -3%; width: 38%; background: var(--fp-red); }
.fp-footer::after  { left: 31%; width: 27%; background: var(--fp-orange); box-shadow: 360px 0 0 var(--fp-yellow); }

/*
 * Elementor gives every Container a default 10px padding and 20px gap. The template sets its own
 * on the containers that need them, but Icon List and Social Icons render list markup that the
 * theme's stylesheet also targets (`ul { margin: 0 0 1em }` and friends). Zeroing that here keeps
 * the widgets' own spacing controls in charge — it sets no design values of its own.
 */
.fp-footer ul,
.fp-footer li { margin: 0; padding: 0; list-style: none; }
.fp-footer p { margin: 0; }
.fp-footer a { text-decoration: none; }