/* ────────────────────────────────────────────────────────────────
   DΛREΛKT_ UI — MODULE: ui.section.footer
   Classification : Layout Section | Footer | Genesis-Final
   Version        : 2.0.1 | Wrapper-Safe • Token-Aligned • Responsive
   File           : /tools/modules/ui.section.footer/ui.section.footer.css
   Maintainer     : DΛREΛKT_ UI TEAM
   ──────────────────────────────────────────────────────────────── */

@layer ui.section.footer {
  /* ─── Root Scope ─────────────────────────────────────────────── */
  .ui-section-footer[data-mod="ui_section_footer"] {
    box-sizing: border-box;
    width: 100%;
    background: var(--ui-sec-footer-bg, var(--site-bg));
    color: var(--ui-sec-footer-fg, var(--site-fg));
    padding: var(--ui-sec-footer-padY, 40px) var(--ui-sec-footer-padX, 24px);
    text-align: center;
    border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent);
    isolation: isolate;
    opacity: 0;
    transition: opacity 0.4s ease;
    position: relative;
    z-index: var(--ui-sec-footer-z, 1);
  }

  .ui-section-footer[data-mod="ui_section_footer"].reveal {
    opacity: 1;
  }

  /* ─── Inner Wrapper ──────────────────────────────────────────── */
  .ui-section-footer__inner {
    max-width: var(--ui-sec-footer-maxWidth, 1200px);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(0.5rem, 1.5vw, 1rem);
    line-height: 1.5;
  }

  /* ─── Links Navigation ───────────────────────────────────────── */
  .ui-section-footer__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(0.75rem, 2vw, 1.25rem);
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .ui-section-footer__links a {
    color: inherit;
    text-decoration: none;
    opacity: 0.8;
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: opacity 0.25s ease, color 0.25s ease;
  }

  .ui-section-footer__links a:hover,
  .ui-section-footer__links a:focus-visible {
    opacity: 1;
    color: var(--ui-sec-footer-link-hover, var(--site-accent, currentColor));
  }

  /* ─── Credits ───────────────────────────────────────────────── */
  .ui-section-footer__credits {
    font-size: 0.9rem;
    opacity: 0.7;
    line-height: 1.4;
    text-wrap: balance;
  }

  /* ─── Responsive Adjustments ────────────────────────────────── */
  @media (max-width: 768px) {
    .ui-section-footer[data-mod="ui_section_footer"] {
      padding: calc(var(--ui-sec-footer-padY, 40px) * 0.75)
        calc(var(--ui-sec-footer-padX, 24px) * 0.75);
    }

    .ui-section-footer__inner {
      gap: 0.5rem;
    }

    .ui-section-footer__credits {
      font-size: 0.8rem;
    }
  }
}