/*
Theme Name:   Fusalytics
Theme URI:    https://fusalytics.com
Description:  Fusalytics brand child theme for Kadence — midnight navy, brass gold, and parchment, in the TazStarling design language. Install Kadence (free) first, then activate this theme.
Author:       Fusalytics LLC
Author URI:   https://fusalytics.com
Template:     kadence
Version:      1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  fusalytics
*/

/* ==========================================================================
   Fusalytics design tokens (derived from the TazStarling visual language)
   ========================================================================== */
:root {
  --fusa-midnight: #0c1730;   /* deep page-anchor navy */
  --fusa-ink:      #101e3c;   /* primary surface navy */
  --fusa-royal:    #29456e;   /* lifted navy for cards/borders */
  --fusa-gold:     #c9a227;   /* brass gold — primary accent */
  --fusa-gold-soft:#e4c368;   /* highlight gold */
  --fusa-cream:    #f4eddd;   /* parchment */
  --fusa-paper:    #faf7f0;   /* page background */
  --fusa-teal:     #3e7cb1;   /* starlit blue accent */
  --fusa-text:     #232a38;   /* body text on light */
}

/* ==========================================================================
   Typography
   ========================================================================== */
body {
  font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--fusa-text);
  background-color: var(--fusa-paper);
}

h1, h2, h3, h4, h5, h6,
.site-title, .entry-title, .wp-block-heading {
  font-family: "Marcellus", Georgia, "Times New Roman", serif;
  letter-spacing: 0.015em;
  color: var(--fusa-ink);
}

h1 { font-weight: 400; }

/* ==========================================================================
   Header — midnight bar with gold accents
   ========================================================================== */
#masthead, .site-header, #main-header,
.site-header .site-header-row-container-inner,
.site-header .site-main-header-wrap .site-header-row-container-inner {
  background: var(--fusa-midnight);
}

.site-header .site-title,
.site-header .site-branding a,
.site-header .main-navigation a,
.site-header .menu-item > a,
.site-header .site-description {
  color: var(--fusa-cream);
}

.site-header .main-navigation .menu-item > a:hover,
.site-header .main-navigation .menu-item.current-menu-item > a,
.site-header .main-navigation .menu-item.current-menu-ancestor > a {
  color: var(--fusa-gold-soft);
}

.site-header .main-navigation .sub-menu,
.site-header .main-navigation ul ul {
  background: var(--fusa-ink);
  border-top: 2px solid var(--fusa-gold);
  box-shadow: 0 14px 34px rgba(6, 12, 28, 0.45);
}

.site-header .main-navigation .sub-menu a {
  color: var(--fusa-cream);
}

.site-header .main-navigation .sub-menu a:hover {
  background: var(--fusa-royal);
  color: var(--fusa-gold-soft);
}

/* thin gold keyline under the header, like gilt page edging */
.site-header::after {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--fusa-gold) 18%, var(--fusa-gold) 82%, transparent);
}

/* ==========================================================================
   Buttons & links
   ========================================================================== */
a { color: var(--fusa-teal); }
a:hover { color: var(--fusa-royal); }

.wp-block-button__link,
.button, button[type="submit"], input[type="submit"],
.wp-element-button {
  background: var(--fusa-gold);
  color: var(--fusa-midnight);
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.85em;
  border: none;
  border-radius: 3px;
  padding: 0.8em 1.9em;
  transition: background 0.2s ease, transform 0.15s ease;
}

.wp-block-button__link:hover,
.button:hover, button[type="submit"]:hover, input[type="submit"]:hover,
.wp-element-button:hover {
  background: var(--fusa-gold-soft);
  color: var(--fusa-midnight);
  transform: translateY(-1px);
}

/* Outline buttons: Kadence's link colour wins without the extra specificity,
   which turns the label blue instead of gold. */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
  background: transparent;
  border: 1.5px solid var(--fusa-gold);
  color: var(--fusa-gold);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
  background: var(--fusa-gold);
  color: var(--fusa-midnight);
}

/* ==========================================================================
   Brand palette classes, defined here rather than relying on WordPress
   generating them from theme.json. If the parent theme's palette wins the
   merge, the preset CSS never gets emitted — which paints light text onto a
   background that never arrives. Declaring them directly removes that risk.
   ========================================================================== */
.has-fusa-midnight-background-color { background-color: var(--fusa-midnight) !important; }
.has-fusa-ink-background-color      { background-color: var(--fusa-ink) !important; }
.has-fusa-royal-background-color    { background-color: var(--fusa-royal) !important; }
.has-fusa-gold-background-color     { background-color: var(--fusa-gold) !important; }
.has-fusa-cream-background-color    { background-color: var(--fusa-cream) !important; }
.has-fusa-paper-background-color    { background-color: var(--fusa-paper) !important; }

.has-fusa-midnight-color  { color: var(--fusa-midnight) !important; }
.has-fusa-ink-color       { color: var(--fusa-ink) !important; }
.has-fusa-royal-color     { color: var(--fusa-royal) !important; }
.has-fusa-gold-color      { color: var(--fusa-gold) !important; }
.has-fusa-gold-soft-color { color: var(--fusa-gold-soft) !important; }
.has-fusa-cream-color     { color: var(--fusa-cream) !important; }

/* Belt and braces: the studio band paints its own ground regardless of
   whether the preset class survived. */
.fusa-band {
  background-color: var(--fusa-midnight);
  color: var(--fusa-cream);
}

/* ==========================================================================
   Full-bleed sections
   Kadence constrains post content to the container width, which leaves
   alignfull blocks boxed in. This breaks them back out to the viewport.
   ========================================================================== */
.entry-content > .alignfull,
.entry-content > .wp-block-cover.alignfull,
.entry-content > .wp-block-group.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Kill the gap Kadence leaves above the first block */
.entry-content > *:first-child {
  margin-top: 0;
}

/* Kadence paints a white card behind post content. Behind a full-bleed
   section that shows as a white slab inside the section's own colour, so the
   container has to go transparent and give up its gutter. */
.content-bg,
.entry-content-wrap,
.single-content,
.content-container .content-bg,
.entry-content {
  background: transparent !important;
  box-shadow: none !important;
}

.entry-content > .alignfull {
  padding-inline: 0;
}

/* With the container's gutter gone, each section supplies its own. */
.fusa-section,
.fusa-section--flush {
  padding-inline: clamp(1rem, 4vw, 3rem);
}

/* Wide rows inside a full-bleed section must still respect the 1200px
   measure and stay centred — otherwise the media image runs off one edge. */
.fusa-section .alignwide,
.fusa-section > .wp-block-media-text.alignwide,
.fusa-section > .wp-block-columns.alignwide {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}

/* ==========================================================================
   Page heroes (cover blocks placed by the Fusalytics importer)
   ========================================================================== */
.fusalytics-hero.wp-block-cover {
  border-bottom: 3px solid var(--fusa-gold);
  margin-top: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(3.5rem, 7vw, 6rem) 1.5rem;
  background-color: var(--fusa-midnight);
}

/* The background image must actually cover, regardless of core block CSS */
.fusalytics-hero .wp-block-cover__image-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  z-index: 0;
}

/* Hardened overlay — does not rely on core's dim classes being present.
   Without this the hero art washes out the headline. */
.fusalytics-hero .wp-block-cover__background,
.fusalytics-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(12, 23, 48, 0.72) 0%,
    rgba(12, 23, 48, 0.62) 45%,
    rgba(12, 23, 48, 0.78) 100%
  );
  opacity: 1;
  z-index: 1;
  pointer-events: none;
}

.fusalytics-hero .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
  max-width: 52rem;
  margin-inline: auto;
  text-align: center;
}

.fusalytics-hero .wp-block-cover__inner-container h1,
.fusalytics-hero .wp-block-cover__inner-container h2 {
  color: var(--fusa-cream);
  text-shadow: 0 2px 18px rgba(6, 12, 28, 0.65);
  font-size: clamp(2rem, 4.5vw, 3.2rem);
}

.fusalytics-hero .fusalytics-kicker {
  color: var(--fusa-gold-soft);
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 0.8rem;
  text-shadow: 0 1px 10px rgba(6, 12, 28, 0.8);
  margin-bottom: 0.5rem;
}

.fusalytics-hero .fusa-lede,
.fusalytics-hero p:not(.fusalytics-kicker) {
  color: var(--fusa-cream);
  text-shadow: 0 1px 12px rgba(6, 12, 28, 0.75);
  max-width: 46rem;
  margin-inline: auto;
}

/* ==========================================================================
   Content polish
   ========================================================================== */
.entry-content h2 {
  border-bottom: 1px solid rgba(201, 162, 39, 0.4);
  padding-bottom: 0.3em;
}

blockquote, .wp-block-quote {
  border-left: 3px solid var(--fusa-gold);
  background: var(--fusa-cream);
  padding: 1em 1.4em;
  font-family: "Marcellus", Georgia, serif;
  color: var(--fusa-ink);
}

.wp-block-image img {
  border-radius: 4px;
  box-shadow: 0 10px 30px rgba(12, 23, 48, 0.18);
}

/* cards (Kadence info-box / group blocks with the fusa-card class) */
.fusa-card {
  background: #ffffff;
  border: 1px solid rgba(41, 69, 110, 0.16);
  border-top: 3px solid var(--fusa-gold);
  border-radius: 4px;
  padding: 1.6em;
  box-shadow: 0 8px 24px rgba(12, 23, 48, 0.08);
}

/* ==========================================================================
   Home page layout — sections, pillars, steps, tiles
   ========================================================================== */

/* Section rhythm */
.fusa-section {
  padding-block: clamp(3.5rem, 7vw, 6rem);
  padding-inline: 1.5rem;
}

/* Opening statement sits directly under the hero — pull it in slightly */
.fusa-section--intro {
  padding-block: clamp(3rem, 6vw, 5rem);
}

.fusa-section--flush {
  padding-block: 0;
}

.fusa-section--flush .fusa-feature {
  margin-block: clamp(3.5rem, 7vw, 6rem);
}

.fusa-section > .wp-block-heading:first-child,
.fusa-section > .fusalytics-kicker:first-child {
  margin-top: 0;
}

.fusa-section h2 {
  border-bottom: none;
}

/* Kicker on light backgrounds */
.fusa-kicker--dark {
  color: var(--fusa-royal);
}

/* Lede paragraph under a section heading */
.fusa-lede {
  font-size: 1.18rem;
  line-height: 1.65;
  max-width: 46rem;
  margin-inline: auto;
  color: #414a5c;
}

/* Light-on-dark text is scoped to the dark contexts only. Unscoped, a missing
   background turns it into invisible text on paper. */
.fusa-band .fusa-lede--light,
.fusa-cta .fusa-lede--light,
.fusalytics-hero .fusa-lede--light {
  color: rgba(244, 237, 221, 0.9);
}

/* --- Three pillars ------------------------------------------------------- */
.fusa-pillars {
  gap: 2rem;
  margin-top: 3rem;
}

.fusa-pillar {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 0 1.6rem;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fusa-pillar:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(12, 23, 48, 0.14);
}

.fusa-pillar__img {
  margin: 0 0 1.4rem;
}

.fusa-pillar__img img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 0;
  box-shadow: none;
}

.fusa-pillar h3,
.fusa-pillar p {
  padding-inline: 1.6rem;
}

.fusa-pillar h3 {
  margin: 0 0 0.6rem;
}

.fusa-pillar p {
  margin: 0 0 0.9rem;
}

.fusa-cardlink {
  margin-top: auto;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.fusa-cardlink a {
  color: var(--fusa-royal);
  text-decoration: none;
}

.fusa-cardlink a:hover {
  color: var(--fusa-gold);
}

/* --- Feature rows (media + text) ----------------------------------------- */
.fusa-feature {
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: center;
}

.fusa-feature .wp-block-media-text__media img {
  border-radius: 4px;
  box-shadow: 0 18px 46px rgba(12, 23, 48, 0.22);
}

.fusa-feature .wp-block-media-text__content {
  padding-inline: 0;
}

.fusa-feature h2 {
  margin-top: 0.2rem;
  border-bottom: none;
}

.fusa-feature .wp-block-buttons {
  margin-top: 1.6rem;
  gap: 0.75rem;
}

.fusa-feature--compact .wp-block-media-text__media img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* --- TGA shield brand mark ----------------------------------------------- */
/* Sized to sit beside the series heading as an identifier, never to compete
   with the featured property artwork. */
.fusa-tga-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.4rem;
}

.fusa-tga-mark {
  flex: 0 0 auto;
  margin: 0;
}

.fusa-tga-mark img {
  width: 72px;
  height: auto;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 3px 10px rgba(12, 23, 48, 0.28));
}

.fusa-tga-head__text > *:first-child {
  margin-top: 0;
}

.fusa-tga-head__text h2 {
  margin: 0.15rem 0 0;
  border-bottom: none;
}

@media (max-width: 600px) {
  .fusa-tga-head {
    gap: 0.75rem;
  }

  .fusa-tga-mark img {
    width: 54px;
  }
}

/* --- Dark band (Storyworld Studio) --------------------------------------- */
.fusa-band .fusalytics-kicker {
  color: var(--fusa-gold-soft);
}

.fusa-band h2 {
  border-bottom: none;
}

.fusa-steps {
  gap: 2.5rem;
  margin-top: 3.2rem;
  margin-bottom: 3rem;
}

.fusa-step {
  border-top: 2px solid var(--fusa-gold);
  padding-top: 1.4rem;
}

.fusa-step__num {
  font-family: "Marcellus", Georgia, serif;
  font-size: 2.4rem;
  line-height: 1;
  color: var(--fusa-gold);
  margin: 0 0 0.5rem;
}

.fusa-step h3 {
  margin: 0 0 0.6rem;
  font-size: 1.35rem;
}

.fusa-band .fusa-step__text {
  color: rgba(244, 237, 221, 0.82);
}

.fusa-step__text {
  margin: 0;
}

.fusa-band .wp-block-button.is-style-outline .wp-block-button__link {
  border-color: var(--fusa-gold-soft);
  color: var(--fusa-gold-soft);
}

.fusa-band .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--fusa-gold-soft);
  color: var(--fusa-midnight);
}

/* --- Rights tiles -------------------------------------------------------- */
.fusa-tiles {
  gap: 1.5rem;
  margin-top: 2rem;
}

.fusa-tiles:last-of-type {
  margin-top: 1.5rem;
}

.fusa-tile {
  background: #ffffff;
  border-left: 3px solid var(--fusa-gold);
  border-radius: 3px;
  padding: 1.4rem 1.5rem;
  height: 100%;
  box-shadow: 0 6px 18px rgba(12, 23, 48, 0.07);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.fusa-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(12, 23, 48, 0.12);
}

.fusa-tile h3 {
  font-size: 1.15rem;
  margin: 0 0 0.4rem;
}

.fusa-tile h3 a {
  color: var(--fusa-ink);
  text-decoration: none;
}

.fusa-tile h3 a:hover {
  color: var(--fusa-gold);
}

.fusa-tile p {
  margin: 0;
  font-size: 0.96rem;
  color: #4c5566;
}

/* --- Checklists (inquiry fields, press-kit assets) ------------------------ */
.fusa-section--list {
  text-align: center;
}

.fusa-checklist {
  list-style: none;
  padding: 0;
  margin: 2rem auto 0;
  max-width: 40rem;
  text-align: left;
  display: grid;
  gap: 0.7rem;
}

.fusa-checklist li {
  position: relative;
  padding-left: 1.7rem;
  line-height: 1.55;
}

.fusa-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 8px;
  height: 8px;
  background: var(--fusa-gold);
  transform: rotate(45deg);
}

/* --- Form and asset placeholders ----------------------------------------
   A form must never be published non-functional, so the slot is marked in a
   way that cannot be mistaken for finished content. */
.fusa-formslot {
  display: block;
  background: #fbeeea;
  border: 1px dashed #b4552f;
  border-left: 4px solid #b4552f;
  border-radius: 3px;
  padding: 1em 1.2em;
  margin-block: 1.4em;
  color: #8a3d1d;
  font-size: 0.95rem;
  line-height: 1.55;
  text-align: left;
}

.fusa-formslot strong {
  display: block;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 0.35em;
}

/* --- Prose sections on the completion pages ------------------------------ */
.fusa-section--prose,
.fusa-section--intro {
  text-align: left;
}

.fusa-section--prose > .wp-block-heading,
.fusa-section--intro > .wp-block-heading {
  text-align: center;
}

.fusa-prose {
  max-width: 42rem;
  margin-inline: auto;
  margin-block: 0 1.1em;
}

.fusa-section--prose h3,
.fusa-section--intro h3 {
  max-width: 42rem;
  margin: 1.8rem auto 0.4rem;
  font-size: 1.18rem;
}

.fusa-section--prose .fusa-checklist,
.fusa-section--intro .fusa-checklist {
  max-width: 42rem;
}

.fusa-section--prose .fusa-formslot {
  max-width: 42rem;
  margin-inline: auto;
}

/* Hero shield sits above the eyebrow on TGA */
.fusa-tga-mark--hero {
  margin: 0 auto 0.9rem;
  display: flex;
  justify-content: center;
}

.fusa-tga-mark--hero img {
  width: 80px;
  filter: drop-shadow(0 4px 14px rgba(6, 12, 28, 0.5));
}

/* --- Copy slots ---------------------------------------------------------- */
/* Deliberately conspicuous: an unfilled page must never look finished.
   To fill one, replace the text and remove the "fusa-slot" class. */
.fusa-slot {
  display: block;
  background: #fff8e1;
  border: 1px dashed #b8860b;
  border-left: 4px solid var(--fusa-gold);
  border-radius: 3px;
  padding: 0.9em 1.1em;
  margin-block: 1em;
  color: #6b5410;
  font-size: 0.95rem;
  line-height: 1.55;
}

.fusa-slot strong {
  display: block;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a6d0b;
  margin-bottom: 0.35em;
}

.fusa-slot em {
  color: #8a7433;
  font-size: 0.88em;
}

/* Slots sitting on the dark band stay legible */
.fusa-band .fusa-slot {
  background: rgba(228, 195, 104, 0.12);
  color: var(--fusa-cream);
  border-color: var(--fusa-gold-soft);
}

.fusa-band .fusa-slot strong,
.fusa-band .fusa-slot em {
  color: var(--fusa-gold-soft);
}

/* --- Landing-page CTA band ----------------------------------------------- */
.fusa-section--cta {
  text-align: center;
  border-top: 1px solid rgba(201, 162, 39, 0.35);
}

.fusa-section--cta h2 {
  border-bottom: none;
  margin-top: 0.4rem;
}

.fusa-section--cta .fusa-lede {
  margin-bottom: 1.8rem;
}

/* --- Closing CTA --------------------------------------------------------- */
.fusa-cta {
  border-top: 3px solid var(--fusa-gold);
}

.fusa-cta .wp-block-cover__inner-container {
  text-align: center;
  padding: 2rem 1.5rem;
}

.fusa-cta h2 {
  border-bottom: none;
  font-size: clamp(1.8rem, 3.6vw, 2.6rem);
  text-shadow: 0 2px 18px rgba(6, 12, 28, 0.6);
}

.fusa-cta .wp-block-buttons {
  margin-top: 1.8rem;
  gap: 0.75rem;
}

.fusa-cta .wp-block-button.is-style-outline .wp-block-button__link {
  border-color: var(--fusa-cream);
  color: var(--fusa-cream);
}

.fusa-cta .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--fusa-cream);
  color: var(--fusa-midnight);
}

/* --- Mobile -------------------------------------------------------------- */
@media (max-width: 781px) {
  .fusa-pillars,
  .fusa-steps,
  .fusa-tiles {
    gap: 1.5rem;
  }

  .fusa-feature .wp-block-media-text__content {
    padding-top: 1.5rem;
  }

  .fusa-step {
    padding-top: 1rem;
  }
}

/* ==========================================================================
   Footer — midnight with parchment text
   ========================================================================== */
#colophon, .site-footer,
.site-footer .site-footer-row-container-inner,
.site-footer .site-footer-wrap {
  background: var(--fusa-midnight);
  color: rgba(244, 237, 221, 0.82);
}

.site-footer a { color: var(--fusa-gold-soft); }
.site-footer a:hover { color: var(--fusa-cream); }

.site-footer .widget-title, .site-footer h2, .site-footer h3 {
  color: var(--fusa-cream);
  font-family: "Marcellus", Georgia, serif;
}

.site-footer::before {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--fusa-gold) 18%, var(--fusa-gold) 82%, transparent);
}

/* --- Minimal footer bar --------------------------------------------------
   Copyright and imprint line on the left, Legal links on the right.
   Both are placed through the Kadence Customizer; this styles them. */
.site-footer .site-bottom-footer-wrap,
.site-footer .site-footer-row-container-inner {
  background: var(--fusa-midnight);
}

.fusa-footer-line {
  margin: 0;
  font-size: 0.88rem;
  color: rgba(244, 237, 221, 0.76);
  line-height: 1.55;
}

/* Legal navigation in the footer */
.site-footer .footer-navigation ul,
.site-footer .site-footer-section ul.menu {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: flex-end;
}

.site-footer .footer-navigation a,
.site-footer .site-footer-section ul.menu a {
  color: var(--fusa-gold-soft);
  font-size: 0.88rem;
  text-decoration: none;
  padding: 0;
}

.site-footer .footer-navigation a:hover,
.site-footer .site-footer-section ul.menu a:hover {
  color: var(--fusa-cream);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Kadence's own credit line, if left switched on */
.site-footer .site-info {
  font-size: 0.82rem;
  color: rgba(244, 237, 221, 0.6);
}

@media (max-width: 767px) {
  .site-footer .footer-navigation ul,
  .site-footer .site-footer-section ul.menu {
    justify-content: center;
    gap: 1rem;
  }

  .fusa-footer-line {
    text-align: center;
  }
}