@font-face {
  font-family: "Poppins";
  src: url("https://t.assets-caas.fr/grand-amour/fonts/Poppins-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("https://t.assets-caas.fr/grand-amour/fonts/Poppins-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("https://t.assets-caas.fr/grand-amour/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("https://t.assets-caas.fr/grand-amour/fonts/Poppins-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "GrandAmourTitre";
  src: url("https://t.assets-caas.fr/grand-amour/fonts/titre.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "GrandAmourTitreFallback";
  src: url("https://t.assets-caas.fr/grand-amour/fonts/titre-2.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root,
:root[data-theme="light"] {
  --custom-color-primary: 222 0 0;
  --custom-color-primary-foreground: 255 255 255;
  --custom-color-secondary: 232 70 146;
  --custom-color-secondary-foreground: 255 255 255;
  --custom-color-secondary-light: #f2b5d4;
  --custom-color-secondary-medium: #e84692;
  --custom-color-secondary-deep: #7d2f57;
  --custom-color-success: 39 161 95;
  --custom-color-typo: #190e40;
  --custom-color-foreground: #190e40;
  --custom-color-background: #fff7eb;
  --custom-color-background-card: #fff7eb;
  --custom-color-white: #ffffff;
  --custom-color-black: #000000;
  --custom-font-sans: "Poppins";
  --custom-font-serif: "Poppins";
  --custom-font-accent: "GrandAmourTitre", "GrandAmourTitreFallback";
  --custom-radius: 0.2rem;
  --radius: 0.2rem;
}

:root[data-theme="dark"],
.dark {
  --custom-color-primary: 167 9 22;
  --custom-color-primary-foreground: 255 255 255;
  --custom-color-secondary: 255 128 176;
  --custom-color-secondary-foreground: 34 17 25;
  --custom-color-secondary-light: #f9c8de;
  --custom-color-secondary-medium: #ff80b0;
  --custom-color-secondary-deep: #8c3d63;
  --custom-color-success: 78 201 122;
  --custom-color-typo: #f8ecf0;
  --custom-color-foreground: #f8ecf0;
  --custom-color-background: #150b10;
  --custom-color-background-card: #23121a;
  --custom-color-white: #ffffff;
  --custom-color-black: #050205;
  --custom-font-sans: "Poppins";
  --custom-font-serif: "Poppins";
  --custom-font-accent: "GrandAmourTitre", "GrandAmourTitreFallback";
  --custom-radius: 0.2rem;
  --radius: 0.2rem;
}

.ga-header {
  position: sticky;
  top: 0;
  z-index: 60;
  width: 100%;
  min-height: 122px;
  background: rgb(222 0 0);
  font-family: var(--custom-font-sans, "Poppins", Arial, sans-serif);
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.heading,
button,
.button,
[class*="btn"],
[class*="button"] {
  font-family: var(--custom-font-accent, "GrandAmourTitre", "GrandAmourTitreFallback", "Poppins", Arial, sans-serif);
}

.ga-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(100%, 1360px);
  min-height: 122px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 52px);
}

.ga-header__logo-slot {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}

.ga-header__logo-slot .logo {
  justify-content: flex-start;
}

.ga-header__logo-slot .header__logo-image {
  width: auto;
  max-height: clamp(56px, 7vw, 92px);
  min-height: clamp(46px, 5.4vw, 70px);
}

.ga-header__menu-panel {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(8px, 1.4vw, 16px);
  width: auto;
  z-index: 2;
}

.ga-header__nav-slot {
  display: flex;
  align-items: center;
}

.ga-header__nav-slot > nav > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(8px, 1.4vw, 18px);
}

.ga-header__nav-slot a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--custom-font-accent, "GrandAmourTitre", "GrandAmourTitreFallback", "Poppins", Arial, sans-serif);
  min-height: clamp(38px, 4.3vw, 45px);
  min-width: clamp(104px, 13.6vw, 169px);
  padding: 0 clamp(10px, 1.9vw, 24px);
  border-radius: 999px;
  border: 0;
  background: #fff;
  color: rgb(222 0 0);
  font-size: clamp(11px, 1.2vw, 16px);
  font-weight: 600;
  letter-spacing: clamp(0.02em, 0.08vw, 0.06em);
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.ga-header__nav-slot a:hover,
.ga-header__nav-slot a:focus-visible {
  background: transparent;
  color: #fff;
}

.ga-header__account-slot {
  display: flex;
  align-items: center;
}

.ga-header__theme-slot {
  display: flex;
  align-items: center;
}

.ga-header__theme-slot button,
.ga-header__theme-slot .button,
.ga-header__theme-slot a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--custom-font-accent, "GrandAmourTitre", "GrandAmourTitreFallback", "Poppins", Arial, sans-serif);
  min-height: clamp(38px, 4.3vw, 45px);
  min-width: clamp(104px, 13.6vw, 169px);
  padding: 0 clamp(10px, 1.9vw, 24px);
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: rgb(222 0 0);
  font-size: clamp(11px, 1.2vw, 16px);
  font-weight: 600;
  letter-spacing: clamp(0.02em, 0.08vw, 0.06em);
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.ga-header__theme-slot button:hover,
.ga-header__theme-slot button:focus-visible,
.ga-header__theme-slot .button:hover,
.ga-header__theme-slot .button:focus-visible,
.ga-header__theme-slot a:hover,
.ga-header__theme-slot a:focus-visible {
  background: #E11D20;
  color: #fff;
}

.ga-header__account-slot ul,
.ga-header__account-slot .login-nav {
  display: flex;
  align-items: center;
  gap: clamp(8px, 1.4vw, 16px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ga-header__account-slot a,
.ga-header__account-slot .button--login,
.ga-header__account-slot .button--subscribe,
.ga-header__account-slot .button--subscribe-sso {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--custom-font-accent, "GrandAmourTitre", "GrandAmourTitreFallback", "Poppins", Arial, sans-serif);
  min-height: clamp(38px, 4.3vw, 45px);
  min-width: clamp(104px, 13.6vw, 169px);
  padding: 0 clamp(10px, 1.9vw, 24px);
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: rgb(222 0 0);
  font-size: clamp(11px, 1.2vw, 16px);
  font-weight: 600;
  letter-spacing: clamp(0.02em, 0.08vw, 0.06em);
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.ga-header__account-slot a:hover,
.ga-header__account-slot a:focus-visible,
.ga-header__account-slot .button--login:hover,
.ga-header__account-slot .button--login:focus-visible,
.ga-header__account-slot .button--subscribe:hover,
.ga-header__account-slot .button--subscribe:focus-visible,
.ga-header__account-slot .button--subscribe-sso:hover,
.ga-header__account-slot .button--subscribe-sso:focus-visible {
  background:#E11D20;
  color: #fff;
}

/* Keep nav/account CTAs as "hovered" in default state (transparent background). */
.ga-header__nav-slot a {
  background: transparent;
  color: #fff;
}

.ga-footer {
  background: #fff7eb;
  color: #190e40;
  font-family: var(--custom-font-sans, "Poppins", Arial, sans-serif);
}

.ga-footer__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas:
    "top top top"
    "powered copyright social";
  row-gap: 44px;
  align-items: center;
  width: min(100%, 980px);
  min-height: 240px;
  margin: 0 auto;
  padding: 20px 30px 28px;
}

.ga-footer__logo-slot {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.ga-footer__top-row {
  grid-area: top;
  display: flex;
  justify-content: center;
}

.ga-footer__legal {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 26px;
  flex-wrap: wrap;
  text-align: center;
}

.ga-footer__legal a {
  color: #190e40;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
  text-decoration: underline;
}

.ga-footer__copyright {
  grid-area: copyright;
  margin: 0;
  color: #190e40;
  font-size: 15px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
  align-self: center;
}

.ga-footer__powered-by-wrap {
  grid-area: powered;
  position: static;
  opacity: 0.85;
  justify-self: start;
  align-self: center;
}

.ga-footer__powered-by {
  justify-content: center;
  font-size: 12px;
  color: #190e40;
}

.ga-footer__powered-by-wrap .footer__by-stadium-go {
  width: auto;
}

.ga-footer__powered-by svg,
.ga-footer__powered-by path,
.ga-footer__powered-by polygon,
.ga-footer__powered-by rect,
.ga-footer__powered-by circle,
.ga-footer__powered-by g {
  fill: #000 !important;
  stroke: #000 !important;
}

.ga-footer__social {
  grid-area: social;
  position: static;
  justify-self: end;
  align-self: center;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ga-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 999px;
  color: rgba(0, 0, 0, 0.55);
}

.ga-footer__social svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

:root[data-theme="dark"] .ga-header,
.dark .ga-header {
  background: rgb(167 9 22);
}

:root[data-theme="dark"] .ga-header__account-slot a,
:root[data-theme="dark"] .ga-header__account-slot .button--login,
:root[data-theme="dark"] .ga-header__account-slot .button--subscribe,
:root[data-theme="dark"] .ga-header__account-slot .button--subscribe-sso,
:root[data-theme="dark"] .ga-header__theme-slot button,
:root[data-theme="dark"] .ga-header__theme-slot .button,
:root[data-theme="dark"] .ga-header__theme-slot a,
.dark .ga-header__account-slot a,
.dark .ga-header__account-slot .button--login,
.dark .ga-header__account-slot .button--subscribe,
.dark .ga-header__account-slot .button--subscribe-sso,
.dark .ga-header__theme-slot button,
.dark .ga-header__theme-slot .button,
.dark .ga-header__theme-slot a {
  background: #2b151e;
  color: #ffe7f0;
}

:root[data-theme="dark"] .ga-header__nav-slot a,
.dark .ga-header__nav-slot a {
  background: transparent;
  color: #fff;
}

:root[data-theme="dark"] .ga-header__nav-slot a:hover,
:root[data-theme="dark"] .ga-header__nav-slot a:focus-visible,
:root[data-theme="dark"] .ga-header__account-slot a:hover,
:root[data-theme="dark"] .ga-header__account-slot a:focus-visible,
:root[data-theme="dark"] .ga-header__account-slot .button--login:hover,
:root[data-theme="dark"] .ga-header__account-slot .button--login:focus-visible,
:root[data-theme="dark"] .ga-header__account-slot .button--subscribe:hover,
:root[data-theme="dark"] .ga-header__account-slot .button--subscribe:focus-visible,
:root[data-theme="dark"] .ga-header__account-slot .button--subscribe-sso:hover,
:root[data-theme="dark"] .ga-header__account-slot .button--subscribe-sso:focus-visible,
:root[data-theme="dark"] .ga-header__theme-slot button:hover,
:root[data-theme="dark"] .ga-header__theme-slot button:focus-visible,
:root[data-theme="dark"] .ga-header__theme-slot .button:hover,
:root[data-theme="dark"] .ga-header__theme-slot .button:focus-visible,
:root[data-theme="dark"] .ga-header__theme-slot a:hover,
:root[data-theme="dark"] .ga-header__theme-slot a:focus-visible,
.dark .ga-header__nav-slot a:hover,
.dark .ga-header__nav-slot a:focus-visible,
.dark .ga-header__account-slot a:hover,
.dark .ga-header__account-slot a:focus-visible,
.dark .ga-header__account-slot .button--login:hover,
.dark .ga-header__account-slot .button--login:focus-visible,
.dark .ga-header__account-slot .button--subscribe:hover,
.dark .ga-header__account-slot .button--subscribe:focus-visible,
.dark .ga-header__account-slot .button--subscribe-sso:hover,
.dark .ga-header__account-slot .button--subscribe-sso:focus-visible,
.dark .ga-header__theme-slot button:hover,
.dark .ga-header__theme-slot button:focus-visible,
.dark .ga-header__theme-slot .button:hover,
.dark .ga-header__theme-slot .button:focus-visible,
.dark .ga-header__theme-slot a:hover,
.dark .ga-header__theme-slot a:focus-visible {
  background: transparent;
  color: #fff;
}

:root[data-theme="dark"] .ga-footer,
.dark .ga-footer {
  background: #150b10;
  color: #f8ecf0;
}

:root[data-theme="dark"] .ga-footer__legal a,
:root[data-theme="dark"] .ga-footer__copyright,
:root[data-theme="dark"] .ga-footer__powered-by,
.dark .ga-footer__legal a,
.dark .ga-footer__copyright,
.dark .ga-footer__powered-by {
  color: #f8ecf0;
}

:root[data-theme="dark"] .ga-footer__powered-by svg,
:root[data-theme="dark"] .ga-footer__powered-by path,
:root[data-theme="dark"] .ga-footer__powered-by polygon,
:root[data-theme="dark"] .ga-footer__powered-by rect,
:root[data-theme="dark"] .ga-footer__powered-by circle,
:root[data-theme="dark"] .ga-footer__powered-by g,
.dark .ga-footer__powered-by svg,
.dark .ga-footer__powered-by path,
.dark .ga-footer__powered-by polygon,
.dark .ga-footer__powered-by rect,
.dark .ga-footer__powered-by circle,
.dark .ga-footer__powered-by g {
  fill: #f8ecf0 !important;
  stroke: #f8ecf0 !important;
}

:root[data-theme="dark"] .ga-footer__social a,
.dark .ga-footer__social a {
  border-color: rgba(248, 236, 240, 0.55);
  color: rgba(248, 236, 240, 0.85);
}

@media (max-width: 768px) {
  .ga-header {
    min-height: 88px;
  }

  .ga-header__inner {
    position: relative;
    min-height: 88px;
    padding: 0 18px;
    justify-content: center;
  }

  .ga-header__logo-slot {
    margin: 0 auto;
  }

  .ga-header__logo-slot .header__logo-image {
    max-height: 64px;
    min-height: 46px;
  }

  .ga-header__menu-panel {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
    display: flex;
    align-items: center;
  }

  .ga-header__nav-slot,
  .ga-header__account-slot {
    display: none;
  }

  .ga-header__theme-slot {
    display: flex;
  }

  .ga-header__theme-slot button,
  .ga-header__theme-slot .button,
  .ga-header__theme-slot a {
    min-height: 36px;
    min-width: 90px;
    padding: 0 12px;
    font-size: 11px;
    letter-spacing: 0.04em;
  }

  .ga-footer__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "top"
      "powered"
      "copyright"
      "social";
    row-gap: 16px;
    min-height: 280px;
    padding: 18px 16px 28px;
  }

  .ga-footer__legal {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .ga-footer__copyright {
    margin: 0;
    font-size: 15px;
  }

  .ga-footer__powered-by-wrap {
    position: static;
    margin-top: 0;
    display: flex;
    justify-content: center;
    justify-self: center;
  }

  .ga-footer__powered-by {
    justify-content: center;
  }

  .ga-footer__social {
    position: static;
    justify-content: center;
    margin-top: 0;
    justify-self: center;
  }
}

.footer__by-stadium-go svg{
    width: 60%;
}

/* HOMEPAGE */
.page-home{
  background: #FFF7EB;
}
.page-home #caas__main-container div[role="alert"]{
  display:none;
}
.hero{
  background:#FBEA20;
  padding-top:1rem;
  padding-bottom:3rem;
}
.hero img:first-child{
  display:none;
}
.event__image img{
  display:block !important;
  width:30%;
  margin-left:auto;
  margin-right:auto;
}
.card-event__data-group{
  margin-bottom:1rem;
  margin-top:1rem;
}
.hero__vail, #filters{
  display:none;
}
.hero__wrapper{
  max-width: 100%;
  padding: 0;
}
.hero__wrapper h2.heading{
  color: #e84692;
  font-size: 2.6em;
  text-align: center;
  margin-top:1rem;
  margin-bottom:3rem;
}
.hero__wrapper .heading span{
  text-shadow:none;
}
.CarpoolMap__Homepage{
  width: 70%;
  height:35rem;
  margin-left: auto;
  margin-right: auto;
  margin-top:3rem;
}
.CarpoolMap__Homepage div div{
  border-radius:10px;
}
.page-home .rewards{
  background: #4D9ED7;
}
.page-home .rewards h2{
  color:#fff;
}
.page-home .customMDX .rewards p{
  width:100% !important;
}
.page-home .rewards .container{
    color:#fff;
    padding: 3rem;
    border-radius: 10px;
    margin-bottom: 2rem;
}
.page-home .customMDX{
  margin-top: 3rem;
}
.page-home .customMDX p{
  width: 80%;
  margin: auto;
}
.page-home .customMDX img{
  margin-bottom:5rem;
}

/* PAGE PARKINGS */
.page-parkings .custom-page-content{
  width:100%;
  padding:0;
  margin:0;
}