import styled from "styled-components";
import { NavLink as L } from "react-router-dom";
import { Row } from "../grid";
import * as Images from "./images";
import { toSvgLink } from "../../utils/format";
export const Wrapper = styled.footer `
  max-width: unset;
  width: 100%;
  min-height: 171px;
  background: url("${toSvgLink(Images.DesktopFooter)}");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;

  margin-top: auto;

  @media (max-width: 1023px) {
    min-height: 108px;

    background: url("${toSvgLink(Images.MobileFooter)}");
    background-repeat: no-repeat;
    background-size: cover;
  }
`;
export const LinksWrapper = styled(Row) `
  padding: 0 150px;
  padding-bottom: 27px;
  max-width: unset;
  min-height: 104px;
  align-items: flex-end;
  justify-content: space-between;

  @media (max-width: 1023px) {
    padding: 0 16px;
    padding-bottom: 10px;
    min-height: 62px;
  }
`;
export const Logo = styled.a `
  width: 154px;
  height: 51.35px;

  @media (max-width: 1023px) {
    height: 32px;
    width: auto;

    > img {
      height: 100%;
      width: auto;
    }
  }
`;
export const SimpleLink = styled.a `
  text-decoration: unset;
  color: #1d2325;
  font-family: Bold;
  font-size: 16px;
  line-height: 24px;
`;
export const Link = styled(L) `
  text-decoration: unset;
  color: #1d2325;
  font-family: Bold;
  font-size: 16px;
  line-height: 24px;
`;
export const Links = styled(Row) `
  justify-content: center;
  width: unset;

  ${Link}, ${SimpleLink} {
    margin-right: 24px;
    :last-of-type {
      margin-right: 0;
    }
  }
`;
export const SocLinks = styled(Row) `
  margin: unset;
  width: unset;
`;
export const SocLink = styled.a `
  text-decoration: unset;
  color: none;
`;
export const Copyright = styled(Row) `
  border-top: 1px solid #a79a88;
  width: 100%;
  max-width: calc(100% - 150px * 2);
  margin: 0 auto;
  min-height: 67px;
  width: 100%;

  align-items: center;
  justify-content: space-between;

  @media (max-width: 1023px) {
    min-height: 52px;
    max-width: calc(100% - 16px * 2);
  }
`;
export const LangSwitcher = styled(Row) `
  margin: unset;
  justify-content: flex-end;
  max-width: 176px;

  @media (max-width: 1023px) {
    justify-content: flex-start;
    max-width: 158px;
  }
`;
export const LangLink = styled.a `
  text-decoration: unset;
  cursor: pointer;

  font-family: Bold;
  font-size: 16px;
  line-height: 24px;

  color: #ffffff;
  &.active {
    color: #1d2325;
  }

  @media (max-width: 1023px) {
    font-size: 12px;
  }
`;
//# sourceMappingURL=styled.js.map