/*
Theme Name: SKL
Theme URI: https://ds-skl.ru/
Author: Versality
Author URI: https://www.versality.ru/
Description: Custom WordPress theme for DS-SKL.
Version: 1.0.0
Text Domain: skl
*/

.footer__copy {
  display: inline-flex;
  align-items: flex-end;
  gap: 12px;
}

.footer__copy-logo {
  flex: 0 0 auto;
  width: 78px;
  height: auto;
  object-fit: contain;
  transform: translateY(-4px);
}

.about-map__block {
  transform: translate(-50%, -100%);
  z-index: 1;
}

.about-map__block:hover {
  z-index: 10;
}

.about-map__block.is-active {
  z-index: 10;
}

.about-map__block.is-active .about-map__name {
  opacity: 1;
}

.about-history__text p {
  transition: none;
}

.bread--article {
  width: 100%;
  flex-wrap: nowrap;
}

.bread--article li {
  flex: 0 0 auto;
}

.bread--article li:last-child {
  min-width: 0;
  flex: 1 1 auto;
}

.bread--article li:last-child span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.home-clients .swiper-wrapper {
  transition-timing-function: linear !important;
}

@media (min-width: 1025px) {
  .about-main + .about {
    min-height: calc(100vh - 17vw);
  }

  .about-new {
    margin-top: 0;
  }

  .about-new__title {
    opacity: 0;
  }

  .footer__end {
    grid-template-columns: max-content 1fr;
    column-gap: 32px;
  }

  .footer__links {
    flex-flow: row nowrap;
    justify-content: center;
  }

  .footer__links a {
    white-space: nowrap;
  }
}

.production__block,
.production__block:nth-child(4n+2),
.production__block:nth-child(4n+3) {
  background: #c4baae;
}

.production__block:not([disabled]):hover,
.production__block:nth-child(4n+2):not([disabled]):hover,
.production__block:nth-child(4n+3):not([disabled]):hover {
  background: #eee8e1;
}

.vacancy__block--empty {
  background: #d6cabe;
}

.vacancy__empty {
  display: grid;
  grid-template-columns: 1fr minmax(260px, 360px);
  align-items: center;
  gap: 32px;
  padding: 32px 40px;
  min-height: 160px;
}

.vacancy__empty-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  color: #262626;
}

.vacancy__empty-text p:not(:last-child) {
  margin-bottom: 12px;
}

.vacancy__empty-btn {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
}

@media (max-width: 1024px) {
  .home-nums::after,
  .home-about::after,
  .home-prod__block::after,
  .page:has(.about)::after,
  .about-history::before,
  .about-history::after {
    content: none !important;
  }

  .about-map__scroll {
    display: flex;
    align-items: flex-start;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: 72px;
    padding: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .about-map__scroll::-webkit-scrollbar {
    display: none;
  }

  .about-map__descr + .about-map__scroll {
    margin-top: 24px;
  }

  .about-map {
    overflow: visible;
    margin-bottom: 0;
  }

  .about-map__map {
    flex: 0 0 270vw;
    width: 270vw;
    margin-top: 0;
    margin-left: 0;
    transform: none;
  }

  .about-map__canvas {
    position: relative;
    width: 240vw;
    margin: 0 15vw;
  }

  .about-map__canvas picture,
  .about-map__canvas img {
    width: 100%;
    height: auto;
  }

  .about-map__block {
    width: 5.5vw;
    height: 5.5vw;
  }

  .home-last .about-map:not(.is-points-visible) .about-map__block {
    opacity: 0;
  }

  .home-last .about-map.is-points-visible .about-map__block {
    animation: mobile-map-point-in 0.4s ease-out var(--point-delay, 0s) both;
  }

  .about-map__name {
    top: -30px;
    padding: 5px 9px;
    border-radius: 20px;
    font-size: 10px;
    line-height: 1.3;
  }

  .footer__copy {
    gap: 10px;
  }

  .footer__copy-logo {
    width: 70px;
  }

  .vacancy__empty {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 32px 25px;
    min-height: 0;
  }

  .vacancy__empty-text {
    font-size: 18px;
    line-height: 1.44;
  }
}

@keyframes mobile-map-point-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}