/* ------------------------------
              RESET
------------------------------ */

*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

#root, #__next {
  isolation: isolate;
}

.gs-wrapper { 
  width: 75%; 
  max-width: 1440px; 
  min-width: 960px; 
  margin: auto; 
}

.gs-wrapper-full { 
  width: 100vw; 
  position: relative; 
  left: 50%; 
  right: 50%; 
  margin-left: -50vw; 
  margin-right: -50vw; 
}

.listReset {
  list-style: none;
}

.linkReset {
  text-decoration: none !important;
  color: var(--noir);
}

/* example import font via file */
/* @font-face {
    font-family: 'Kohinoor';
    src: url('/fonts/KohinoorLatin-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */


:root {
  --blanc: #FFFFFF;
  --noir: #000000;
  --marron1: #462913;
  --marron2: #B08166;
  --marron3: #F5F0E8;
  --font-title: 'the-seasons';
  --font-body: 'Urbanist';
  --space: 0.25rem;
}


/* ------------------------------
              HEADER
------------------------------ */


.o-waiting {
  display: flex;
}


.m-waiting-container {
  width: 100vw;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--space) * 12);
  position: relative;
  padding-top: calc(var(--space) * 20);
}

.m-waiting-container::before {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 30%;
  width: 100%;
  height: 100%;
  background: url('/images/svg/Vector-bg-1.svg') no-repeat right top/cover;
  background-size: 100vw, 100vh;
  z-index: -1;
} 

.m-waiting-container::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/svg/Vector-bg-2.svg') no-repeat left bottom/cover;
  background-size: 100vw, 100vh;
  z-index: -1;
}

.a-waiting-title {
  color: var(--marron2);
  font-family: var(--font-title);
  font-size: 3.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.1px;
  padding: 0 calc(var(--space) * 4);
}

.a-waiting-item {
  color: var(--marron1);
  font-family: var(--font-body);
  font-size: 1.688rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.08px;
  text-align: center;
  position: relative;
}

.a-waiting-item.phone::before {
  content: "";
  background: url('/images/svg/picto/phone.svg') no-repeat center center/contain;
  position: relative;
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem 1.5rem;
  margin-right: calc(var(--space) * 4);
}

.a-waiting-item.mail::before {
  content: "";
  background: url('/images/svg/picto/mail.svg') no-repeat center center/contain;
  position: relative;
  display: inline-flex;
  width: 1.313rem;
  height: 1rem;
  background-size: 1.313rem 1rem;
  margin-right: calc(var(--space) * 4);
}

.a-waiting-link {
  text-decoration: none;
  color: var(--blanc);
  font-family: var(--font-body);
  font-size: 1.563rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.75px;
  padding: calc(var(--space) * 4) calc(var(--space) * 10);
  background-color: var(--marron2);
  border-radius: 999px;
  transition: all 0.3s ease;
}

.a-waiting-link:hover {
  scale: 1.1;
  box-shadow: 0px 4px 15px rgba(176, 129, 102, 0.4);
}

.a-waiting-link::before {
  content: "";
  background: url('/images/svg/picto/arrow.svg') no-repeat center center/contain;
  position: relative;
  display: inline-block;
  width: 2.17725rem;
  height: 0.7885rem;
  margin-right: calc(var(--space) * 4);
  vertical-align: baseline;
}

.m-waiting-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--space) * 12);
  padding-bottom: calc(var(--space) * 8);
  padding-left: 0;
}

.a-waiting-image {
  width: 40vw;
  height: 40vh;
}


/* FOOTER  */

.m-waiting-footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.a-waiting-footer-text {
  color: var(--marron1);
  font-family: Urbanist;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 300;
  line-height: 28.204px;
  letter-spacing: 0.42px;
  padding-top: calc(var(--space) * 20);
  padding-bottom: calc(var(--space) * 8);
}

.a-waiting-footer-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--space) * 2);
}

.a-waiting-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.a-waiting-footer-link:hover {
  scale: 1.5;
  box-shadow: 0px 4px 15px rgba(176, 129, 102, 0.4);
}