/*
Theme Name: elevate
Author: Elevate
Text Domain: elevate
Description:
Version: 1.0
*/

.single_variation_wrap .woocommerce-variation.single_variation {
  display: none !important;
}

.whatsapp-fixed {
  position: fixed;
  z-index: 100;
  bottom: 2rem;
  left: 2rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .5rem .5rem 1.5rem;
  border-radius: 100px;
  background: #FFF;
  box-shadow: 0 4px 11.9px 0 rgba(205, 180, 150, 0.30);

  img {
    width: 3rem;
  }

  span {
    color: #151515;
    font-size: 1.125rem;
    font-weight: 500;
  }

  &:hover {
    box-shadow: 0 4px 11.9px 0 rgba(205, 180, 150, 0.75);
  }
}

.footer__bottom-inner {
  max-width: 100%;
  padding-inline: clamp(1rem, 1.5vw, 1.75rem) clamp(1rem, 4.2vw, 5rem);
}

.footer__top-main nav>ul {
  gap: 7.32vw;
}

.footer__top-main {
  gap: 4.9vw;
}

.footer-links {
  p {
    font-weight: 700;
    font-size: clamp(1rem, 1.0416666667vw, 1.25rem);
  }
}

.footer-links__inner {
  margin-top: 1rem;
  display: flex;
  gap: 1.25rem;

  img {
    width: 2.5rem;
  }
}

.site-header__actions {
  .btn {
    white-space: nowrap;
  }
}

.footer__btn-top span {
  color: #F6BB06;
}

.footer__top-inner {
  padding-bottom: 6.25rem;
}

.site-header__btn-phone {
  display: inline-flex;
  align-items: center;
  width: auto !important;
  gap: 0.5rem;
  margin-inline-end: 1.25rem;
  position: relative;
  padding: 0;
  min-height: auto;

  span {
    white-space: nowrap;
  }

  &::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 2.125rem;
    background: #C9C0B6;
    inset-inline-end: -1.25rem;
    top: -.25rem;
  }
}

.site-header__actions {
  img {
    width: 1.5rem !important;
    height: 1.5rem !important;
    object-fit: contain;
  }
}

.site-header__btn-whatsapp {
  min-height: auto;
  padding: 0;
  width: 3rem !important;
  height: auto !important;
  display: block;

  img {
    width: 100% !important;
    height: auto !important;
  }
}

.fixed-contacts {
  display: none;
  position: fixed;
  bottom: .75rem;
  max-width: 30rem;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.age-modal {
  display: none;
  max-width: 32rem;
  width: calc(100% - 2rem);
  border-radius: clamp(1rem, 1.25vw, 1.5rem);
  background: #fff;
  padding: clamp(2rem, 2.1vw, 2.5rem) clamp(1.25rem, 1.66vw, 2rem);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
}

.age-modal__top {
  color: rgba(6, 6, 6, 0.80);
  font-size: clamp(.875rem, 0.83vw, 1rem);
}

.age-modal__title {
  color: #111413;
  font-size: clamp(2rem, 2.08vw, 2.5rem);
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 1.375rem;
}

.age-modal__btns {
  width: 100%;

  &:not(:last-child) {
    margin-bottom: clamp(2rem, 2.08vw, 2.5rem);
  }

  button {
    width: 100%;
    border-radius: 10000px;
    background: #FFBF3A;
    height: clamp(3rem, 2.92vw, 3.5rem);
    font-size: clamp(1rem, 0.9375vw, 1.125rem);
    font-weight: 500;

    &:hover {
      background: #FFB61C;
    }

    &:not(:last-child) {
      margin-bottom: clamp(.875rem, .83vw, 1rem);
    }
  }
}

.age-modal__text {
  color: rgba(6, 6, 6, 0.80);
  font-size: clamp(.875rem, 0.83vw, 1rem);
}

@media (max-width: 1024px) {
  .fixed-contacts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    padding-inline: 1rem;
    z-index: 100;

    a {
      height: 3rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .25rem;
      border-radius: 1.875rem;
      color: #fff;
      font-weight: 600;
    }

    img {
      width: 1.5rem;
      height: 1.5rem;
      object-fit: contain;
    }


    .--whatsapp {
      background: #32D851;
    }

    .--phone {
      background: #F6BB06;

      img {
        filter: grayscale(0) invert(1);
      }
    }
  }

  .footer__bottom-info a,
  .footer__bottom-info p {
    font-size: 0.875rem;
  }

  .site-header__btn-whatsapp {
    display: none;
  }

  .site-header__btn-phone {
    display: none;
  }

  .footer__bottom-logos {
    width: 100%;
    order: -1;
    flex-wrap: wrap;
    gap: .5rem 0;

    span,
    a {
      max-width: calc(20% - .5rem*4/5);
    }
  }

  .footer__top-main nav>ul,
  .footer__top-main {
    gap: 0;
  }

  .footer-links {
    margin-top: 1rem;
  }

  .footer__bottom-inner {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .whatsapp-fixed {
    display: none;
  }

  .footer__social {
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    gap: 0;

    >p {
      padding-block: 1rem;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-inline-end: .25rem;

      &::after {
        content: "\e900";
        font-family: icons !important;
        font-size: 0.5rem;
      }

      &.opened {
        &::after {
          transform: scaleY(-1);
        }
      }
    }
  }

  .footer__social-inner {
    padding-bottom: 2rem;
    display: none;
  }
}

/* .fancybox__slide {
  &:has(.age-modal) {
    pointer-events: none !important;
  }
} */