/* ============================================================
   u_footer.css — Footer component styles
   Slim single-row layout: copyright | logo | pages dropdown + legal links
   ============================================================ */

/* #region |||||||||| FOOTER SHELL ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*| */

  .footer {
    background: var(--C-COL);
    color: var(--C-BON);
    position: relative;
    z-index: 1;
  }

/* #endregion */


/* #region |||||||||| FOOTER BAR ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*| */

  .footer__bar {
    max-width: var(--L-MWID);
    margin: 0 auto;
    padding: var(--S-MD) var(--P-PGE-X);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--S-LG);
  }

  @media (min-width: 1220px) { .footer__bar { padding-left: var(--S-LG); padding-right: var(--S-LG); } }

  .footer__copy {
    font-size: var(--T-XS);
    opacity: 0.5;
    font-family: var(--F-BDY);
    line-height: 1.5;
    flex: 1;
  }

  .footer__logo { display: inline-flex; flex-shrink: 0; }
  .footer__logo img { height: 22px; width: auto; display: block; }

  .footer__links {
    display: flex;
    align-items: center;
    gap: var(--S-LG);
    flex: 1;
    justify-content: flex-end;
  }

/* #endregion */


/* #region |||||||||| LEGAL LINKS ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*| */

  .footer__link {
    font-family: var(--F-BDY);
    font-size: var(--T-XS);
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--C-BON);
    text-decoration: none;
    opacity: 0.7;
    transition: opacity var(--T-BASE), color var(--T-BASE);
    white-space: nowrap;
  }
  .footer__link:hover { opacity: 1; color: var(--C-RUB); }

/* #endregion */


/* #region |||||||||| RESPONSIVE ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*| */

  @media (max-width: 700px) {
    .footer__bar {
      flex-direction: column;
      gap: var(--S-MD);
      text-align: center;
      padding-top: var(--S-LG);
      padding-bottom: var(--S-LG);
    }
    .footer__copy { order: 3; flex: none; }
    .footer__logo { order: 1; }
    .footer__links { order: 2; flex: none; justify-content: center; }
  }

/* #endregion */