/* Navigation — Footer · istanza 85:4590 · 1512 x 491
   Seconda variante dello stesso componente Navigation dell'header.
   Flusso verticale: 80 + 56 + 40 + 240 + 40 + 15 + 20 = 491 */

.foot {
  width: var(--page-width);
  padding: var(--space-6) var(--page-gutter) 20px;   /* top 80, bottom 20, lati 40 */
  background: var(--gradient-footer);                /* 107.99deg #00122b -> #29384d */
  color: var(--text-on-dark);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);                               /* 40 */
}

/* --- Riga 1 — Logo 85:4434 — 1432 x 56 ---------------------------------- */
.foot__top {
  width: var(--container-width);
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.foot__logo { width: 229.6px; height: 56px; }        /* 85:4435 */
.foot__cta  { width: 192px; }                        /* 85:4437 — y 6.5 = (56-43)/2 */

/* --- Riga 2 — Blocco colonne 85:4438 — 1432 x 240 -----------------------
   240 = 1 (border-top) + 40 + 158 (contenuto) + 40 + 1 (border-bottom). */
.foot__cols {
  width: var(--container-width);
  padding-block: var(--space-5);
  border-top: var(--stroke-footer-rule);             /* 1px solid #29384d */
  border-bottom: var(--stroke-footer-rule);
}

/* Contenitore interno 85:4439 — 1432 x 158, row, space-between */
.foot__cols-inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

/* Colonne 85:4440 / 85:4448 / 85:4454 — 200 di larghezza dichiarata,
   x reali 0 / 616 / 1232 prodotte dallo space-between su 1432. */
.foot-col {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);                               /* 16 tra titolo e lista */
}
.foot-col__title { color: var(--text-on-dark-muted); }   /* 12/15 #d2d2d2 */

.foot-col__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);                               /* 8 -> passo verticale 27 */
}
.foot-col__list a,
.foot-col__list span { color: var(--color-white); }  /* 16/19 #ffffff */

/* --- Riga 3 — Legal 85:4461 — 1432 x 15 --------------------------------- */
.foot__legal {
  width: var(--container-width);
  height: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

/* Rights 85:4462/85:4463 — box 524 x 15, una riga */
.foot__rights {
  color: var(--color-tertiary-200);                  /* #7a8491 */
  white-space: nowrap;
}
.foot__rights-link {
  text-decoration: underline solid;
  text-underline-position: from-font;
}

/* Policy 85:4466 — 176 x 15, row, gap 8 */
.foot__policy {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-tertiary-200);
}