/* MEDIA QUERIES */

@media not all and (min-width: 1537px) {}

@media not all and (min-width: 1281px) {
  :root {
    --wp--custom--wrapper--padding: 40px !important;
    --wp--custom--wrapper--padding-2: 100px !important;
	--wp--preset--font-size--96: 64px !important;
  }
}

@media not all and (min-width: 1025px) {
  :root {
    --wp--custom--wrapper--padding-2: 40px !important;
    --wp--custom--wrapper--gap: 60px !important;
    --wp--custom--wrapper--gap-2: 60px !important;
    --wp--preset--font-size--52: 44px !important;
    --wp--preset--font-size--36: 32px !important;
  }
}

@media not all and (min-width: 769px) {
  :root {
    --wp--custom--wrapper--gap: 40px !important;
    --wp--preset--font-size--96: 48px !important;
    --wp--preset--font-size--52: 36px !important;
    --wp--preset--font-size--36: 28px !important;
  }

  .netdev-mentions-legales a {
    word-break: break-all;
  }
}

@media not all and (min-width: 641px) {
  :root {
    --wp--custom--wrapper--padding: 20px !important;
    --wp--custom--wrapper--padding-2: 20px !important;
    --wp--preset--font-size--52: 32px !important;
    --wp--preset--font-size--36: 24px !important;
  }
}

@media not all and (min-width: 391px) {
  :root {
    --wp--preset--font-size--96: 36px !important;
  }
}

/* GENERAL */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 162px;
}

p:empty {
  display: none;
}

:root {
  --black: var(--wp--preset--color--custom-black);
  --white: var(--wp--preset--color--custom-white);
  --orange: var(--wp--preset--color--custom-orange);
  --magenta: var(--wp--preset--color--custom-magenta);
  --purple: var(--wp--preset--color--custom-purple);
  --padding: var(--wp--custom--wrapper--padding);
  --padding2: var(--wp--custom--wrapper--padding-2);
  --gap: var(--wp--custom--wrapper--gap);
  --gap2: var(--wp--custom--wrapper--gap-2);
}

/* HEADER */

.logo-header {
  fill: var(--white);
  transition: fill 0.3s ease-out;
}

.logo-header:hover {
  fill: var(--orange);
}

.nav-desktop .menu-item:not(.menu-item:last-child) {
  color: var(--white);
  font-size: var(--wp--preset--font-size--p);
  font-family: var(--wp--preset--font-family--poppins);
  transition: color 0.3s ease-out;
}

.nav-desktop .menu-item:last-child {
  font-family: var(--wp--preset--font-family--poppins);
}

.nav-desktop .menu-item:not(.menu-item:last-child):hover,
.nav-desktop .current-menu-item:not(.menu-item:last-child) {
  color: var(--orange);
}

.icon-burger {
  transform: translateY(0);
  transition: transform 0.3s ease-out;
}

.icon-burger.active {
  transform: translateY(8px);
}

.icon-burger div {
  transition: background 0.3s ease-out, transform 0.3s ease-out, opacity 0.3s ease-out;
}

.icon-burger div:first-child {
  background: var(--orange);
  transform: rotate(0) translateX(0) translateY(0);
}

.icon-burger div:nth-child(2) {
  background: var(--magenta);
  transform: rotate(0) translateX(0) translateY(0);
}

.icon-burger div:last-child {
  background: var(--purple);
  opacity: 1;
}

.icon-burger:hover div:nth-child(2) {
  background: var(--purple);
}

.icon-burger:hover div:first-child {
  background: var(--magenta);
}

.icon-burger:hover div:last-child {
  background: var(--orange);
}

.icon-burger.active div:first-child {
  transform: rotate(45deg) translateX(8px) translateY(8px);
}

.icon-burger.active div:nth-child(2) {
  transform: rotate(-45deg) translateX(6px) translateY(-8px);
}

.icon-burger.active div:last-child {
  opacity: 0;
}

.line-nav-mobile {
  width: 100%;
  height: 10px;
}

.line-nav-mobile:nth-child(3n-1) {
  background: var(--orange);
}

.line-nav-mobile:nth-child(3n+1) {
  background: var(--magenta);
}

.line-nav-mobile:nth-child(3n+3) {
  background: var(--purple);
}

/* MENU MOBILE */

.menu-mobile {
  position: fixed;
  z-index: 2;
  top: 122px;
  right: 0;
  width: 100vw;
  height: 100dvh;
  transform: translateX(100%);
  transition: height 0.3s ease-out, transform 0.4s ease-out;
}

.menu-closed {
  transform: translateX(100%);
}

.menu-opened {
  transform: translateX(0%);
}

.nav-mobile .menu-item {
  color: var(--white);
  font-size: var(--wp--preset--font-size--24);
  font-family: var(--wp--preset--font-family--poppins);
  transition: color 0.3s ease-out;
}

.nav-mobile .menu-item:hover,
.nav-mobile .current-menu-item {
  color: var(--orange);
}

.nav-mobile {
  scrollbar-width: thin;
  scrollbar-color: var(--orange) var(--black);
}

/* CUSTOM BTN */

.custom-btn-1,
.custom-btn-2,
.nav-desktop .menu-item:last-child a {
  padding: 12px 24px;
  color: var(--white);
  font-family: var(--wp--preset--font-family--poppins);
  transition: color 0.3s ease-out, background 0.3s ease-out;
}

.custom-btn-1,
.nav-desktop .menu-item:last-child a {
  background: var(--orange);
}

.custom-btn-1:hover,
.nav-desktop .menu-item:last-child:hover a {
  background: #C35B4B;
}

.custom-btn-2 {
  border: solid 1px var(--white);
  background: rgba(0, 0, 0, 0);
}

.custom-btn-2:hover {
  color: var(--black);
  background: var(--white);
}

/* FOOTER */

.link-footer {
  color: var(--white);
  transition: color 0.3s ease-out;
}

.link-footer:hover {
  color: var(--orange);
}

.logo-footer {
  fill: var(--white);
  transition: fill 0.3s ease-out;
}

.logo-footer:hover {
  fill: var(--orange);
}

/* HERO */

.img-hero {
  position: relative;
}

.img-hero::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.img-hero:first-child::after {
  background: var(--orange);
}

.img-hero:nth-child(2)::after {
  background: var(--magenta);
}

.img-hero:last-child::after {
  background: var(--purple);
}

/* MISC */

.img-banner {
  position: relative;
}

.img-banner::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(to right, var(--orange) 32%, var(--magenta) 32%, var(--magenta) 66%, var(--purple) 66%, var(--purple) 100%);
}

/* SLIDERS */

.swiper-slide {
  position: relative;
}

.swiper-slide::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: var(--magenta);
}

.navigation-prev,
.navigation-next {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--orange);
  transition: background 0.3s ease-out;
}

.navigation-prev:hover,
.navigation-next:hover {
  background: #C35B4B;
}

/* SLIDER CONTACT */

.link-contact svg {
  fill: var(--purple);
  transition: fill 0.3s ease-out;
}

.link-contact:hover svg {
  fill: var(--orange);
}

.link-contact p {
  color: var(--black);
  transition: color 0.3s ease-out;
}

.link-contact:hover p {
  color: var(--orange);
}

/* MENTIONS LEGALES */

.netdev-mentions-legales {
  width: 100% !important;
}

.netdev-mentions-legales h2 {
  padding-top: 40px;
  padding-bottom: 20px;
}

.netdev-mentions-legales a {
  font-weight: 700;
  color: var(--black);
  transition: color 0.3s ease-out;
}

.netdev-mentions-legales a:hover {
  color: var(--orange);
}