/* ==========================================================================
   Footer bar
   Figma: κάτω μέρος του node 249:930 — 1920 × 40, κολλητά κάτω από το CTA.

   Στη μακέτα: φόντο #3C5DFF (brand blue, ΟΧΙ navy), padding 15px,
   Manrope Medium 14px, κενό 44px ανάμεσα στους συνδέσμους.
   ========================================================================== */

.ss-footer {
  background-color: var(--c-blue);
  color: var(--c-white);
  /* 12 + 16 + 12 = 40px, το ύψος της μπάρας στη μακέτα. */
  padding-block: var(--sp-3);
  line-height: 1.15;
}

.ss-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-8);
  flex-wrap: wrap;
}

.ss-footer__copy {
  font-family: var(--ff-display);
  font-weight: var(--fw-medium);
  font-size: var(--fs-sm);
}

.ss-footer__menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-10);
}

.ss-footer__menu a {
  font-family: var(--ff-display);
  font-weight: var(--fw-medium);
  font-size: var(--fs-sm);
  white-space: nowrap;
  transition: opacity .2s ease;
}

.ss-footer__menu a:hover {
  opacity: .7;
}

/* Mobile (≤ 991px): stacked layout. */
@media (max-width: 991px) {
  .ss-footer__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-5);
  }

  .ss-footer__menu {
    gap: var(--sp-2) var(--sp-5);
  }

  /* Στόχος αφής ≥ 32px χωρίς να αλλάξει η όψη. */
  .ss-footer__menu a {
    display: inline-block;
    padding-block: var(--sp-2);
  }
}

/* ==========================================================================
   Bottom glow
   Figma: 443:779 — 1920 × 1389

   Ίδιο wallpaper με το hero (Rectangle 59, 30%, scaleY -1), 32 από κάθε πλευρά
   (1856), r 48. Λευκά fades 37% αριστερά / δεξιά / πάνω — χωρίς fade κάτω,
   ώστε το γαλάζιο να κάθεται στο κάτω μέρος της σελίδας πίσω από CTA.
   ========================================================================== */

.ss-bottom-glow {
  position: absolute;
  z-index: -1;
  inset-inline: var(--sp-8);
  inset-block-end: 0;
  aspect-ratio: 1856 / 1389;
  overflow: hidden;
  border-radius: var(--r-3xl);
  pointer-events: none;
}

.ss-bottom-glow__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  opacity: .3;
  transform: scaleY(-1);
}

/*
 * Crop 443:780: left -4.36%, top -149.95%, 108.73% × 454.99%.
 * Το wrapper έχει ήδη το scaleY(-1) της μακέτας.
 */
.ss-bottom-glow img {
  position: absolute;
  top: -149.95%;
  left: -4.36%;
  width: 108.73%;
  max-width: none;
  height: 454.99%;
}

.ss-bottom-glow::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    var(--grad-fade-right),
    linear-gradient(to left, rgba(255, 255, 255, 0), var(--c-white)),
    linear-gradient(to top, rgba(255, 255, 255, 0), var(--c-white));
  background-size: 37% 100%, 37% 100%, 100% 37%;
  background-position: right center, left center, top center;
  background-repeat: no-repeat;
}