/* ── Footer base ───────────────────────────────────────────────────── */
  .yl-footer {
    background: #0F0F0F;
    color: #FFFFFF;
    padding: 60px 0 32px;
    font-family: 'soleilRegular', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  /* ── Logo ──────────────────────────────────────────────────────────── */
  .yl-footer__logo { text-align: center; }
  .yl-footer__logo a {
    display: inline-block;
    text-decoration: none;
    transition: opacity 0.2s ease;
  }
  .yl-footer__logo a:hover { opacity: 0.85; }
  .yl-footer__logo img { width: 240px; height: auto; display: block; filter: invert(1) brightness(1.05); }

  /* ── Container ─────────────────────────────────────────────────────── */
  .yl-footer__container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0 100px;
    gap: 24px;
    width: 100%;
    max-width: 1440px;
  }
  .yl-footer__left {
    display: flex; flex-direction: column;
    align-items: flex-start; gap: 12px;
    flex: 1;
  }

  /* ── Contact row ───────────────────────────────────────────────────── */
  .yl-footer__row {
    display: flex; flex-direction: row;
    align-items: center; gap: 12px;
    width: 100%;
  }
  .yl-footer__row svg { width: 22px; height: 22px; flex-shrink: 0; fill: #FFFFFF; stroke: none; }
  .yl-footer__row svg.stroke-icon {
    fill: none; stroke: #FFFFFF; stroke-width: 1.4;
    stroke-linecap: round; stroke-linejoin: round;
  }
  .yl-footer__link {
    font-family: 'soleilRegular', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .yl-footer__link:hover { color: #DDC73F; }
  .yl-footer__link:focus-visible { outline: 2px solid #DDC73F; outline-offset: 3px; border-radius: 2px; }

  /* ── Right ─────────────────────────────────────────────────────────── */
  .yl-footer__right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    flex: 1;
  }
  .yl-footer__links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    margin: 0 auto;
  }
  .yl-footer__legal {
    font-family: 'soleilRegular', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .yl-footer__legal:hover { color: #DDC73F; }

  .yl-footer__social-col {
    display: flex; flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    margin: 0 auto;
  }

  /* ── Language row ──────────────────────────────────────────────────── */
  .yl-footer__lang {
    display: flex; flex-direction: row;
    align-items: center; gap: 8px;
  }
  .yl-footer__lang a {
    font-family: 'soleilRegular', sans-serif;
    font-size: 16px; line-height: 22px;
    color: #FFFFFF; text-decoration: none;
    transition: opacity 0.2s ease, color 0.2s ease;
  }
  .yl-footer__lang a.is-inactive { opacity: 0.5; }
  .yl-footer__lang a.is-inactive:hover { opacity: 1; color: #DDC73F; }
  .yl-footer__lang-divider {
    width: 0; height: 22px;
    border-right: 1px solid rgba(255,255,255,0.4);
  }

  /* ── Social icons ──────────────────────────────────────────────────── */
  .yl-footer__social {
    display: flex; flex-direction: row;
    align-items: center; gap: 12px;
  }
  .yl-footer__social a {
    display: flex; align-items: center; justify-content: center;
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.2s ease;
    width: 32px; height: 32px;
    border-radius: 50%;
  }
  .yl-footer__social a:hover { color: #DDC73F; }
  .yl-footer__social a:focus-visible { outline: 2px solid #DDC73F; outline-offset: 2px; }
  .yl-footer__social svg {
    width: 22px; height: 22px;
    fill: currentColor;
  }

  /* ── Bottom ────────────────────────────────────────────────────────── */
  .yl-footer__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
    max-width: 1440px;
    padding: 0 20px;
  }
  .yl-footer__divider {
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.18);
  }
  .yl-footer__copy {
    font-family: 'soleilRegular', sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: rgba(255,255,255,0.85);
    margin: 0;
  }
  /* Subtle YOULO accent dot in copyright */
  .yl-footer__copy::before {
    content: '';
    display: inline-block;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #DDC73F;
    margin-right: 10px;
    vertical-align: 2px;
  }

  /* ── Mobile ────────────────────────────────────────────────────────── */
  @media (max-width: 768px) {
    .yl-footer { padding: 48px 20px 240px; gap: 32px; }
    .yl-footer__logo img { width: 180px; height: auto; }
    .yl-footer__container {
      flex-direction: column;
      padding: 0;
      gap: 28px;
      align-items: flex-start;
    }
    .yl-footer__right {
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
    }
    .yl-footer__links,
    .yl-footer__social-col { margin: 0; }
  }