/* screen - partenaire */

.partenaire {
  align-items: flex-start;
  background-color: var(--orange);
  display: flex;
  overflow: hidden;
  width: 1440px;
}

.partenaire .overlap-group6 {
  height: 1944px;
  margin-left: -1px;
  position: relative;
  width: 1470px;
}

.partenaire .chat-gpt-image-12-mai-2025-a-20_50_50-1 {
  background-blend-mode: soft-light;
  height: 1496px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 1440px;
}

.partenaire .overlap-group {
  align-items: flex-start;
  background-color: var(--shark);
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  min-height: 471px;
  padding: 0 10.8px;
  position: absolute;
  top: 1472px;
  width: 1440px;
}

.partenaire .flex-row {
  height: 420px;
  min-width: 1348px;
}

.partenaire .flex-col {
  flex-direction: column;
  min-height: 420px;
  width: 528px;
}

.partenaire .flex-row-1 {
  gap: 6px;
  min-width: 348px;
}

.partenaire .valise-logo-1 {
  height: 65px;
  object-fit: cover;
  width: 83px;
}

.partenaire .homebags {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  min-height: 58px;
  min-width: 259px;
  opacity: 0.75;
}

.partenaire .home-bagsest-une-soc {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 10.75px;
  margin-top: 31px;
  min-height: 196px;
  width: 480px;
}

.partenaire .contactez-nous {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 62.86px;
  margin-top: 20px;
  min-height: 28px;
}

.partenaire .exclude {
  align-self: flex-end;
  height: 61px;
  margin-top: 19px;
  width: 465px;
}

.partenaire .flex-col-1 {
  align-items: center;
  align-self: center;
  gap: 36px;
  margin-bottom: 8.26px;
  margin-left: 69px;
  min-height: 270px;
  width: 377px;
}

.partenaire .navigation {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 102.47px;
  min-height: 28px;
  min-width: 124px;
}

.partenaire .flex-row-2 {
  gap: 69px;
  height: 206px;
  min-width: 377px;
}

.partenaire .connexion,
.partenaire .application,
.partenaire .instagram,
.partenaire .facebook,
.partenaire .tiktok,
.partenaire .devenir,
.partenaire .devenir-franchis,
.partenaire .devenir-groom,
.partenaire .rservation-sjour-chez-nos-partenaires,
.partenaire .qui-sommes-nous {
  color: #ffffff;
  text-decoration: none;
}

.partenaire .flex-col-2 {
  align-items: flex-start;
  
  gap: 21px;
  min-height: 206px;
  width: 108px;
}

.partenaire .connexion {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
}

.partenaire .application {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
}

.partenaire .instagram {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
}

.partenaire .facebook {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
}

.partenaire .tiktok {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
}

.partenaire .flex-col-3 {
  align-items: flex-start;
  min-height: 206px;
  width: 200px;
}

.partenaire .devenir-franchis {
  margin-top: 21px;
}

.partenaire .devenir-groom {
  margin-top: 17px;
}

.partenaire .rservation-sjour-chez-nos-partenaires {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 21px;
  min-height: 48px;
}

.partenaire .qui-sommes-nous {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 2px;
  min-height: 24px;
}

.partenaire .logo-homebags-1 {
  align-items: flex-end;
  border-radius: 827.11px;
  display: flex;
  margin-left: 121px;
  margin-top: 41.36px;
  overflow: hidden;
  width: 254px;
}

.partenaire .g1 {
  align-items: flex-start;
  background-image: url(../img/image1-2@2x.png);
  background-size: 100% 100%;
  display: flex;
  margin-bottom: 0;
  min-width: 254px;
}

.partenaire .g2 {
  height: 254px;
  width: 254px;
}

.partenaire .x2025-homebags-tous-droits-rservs {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 2.88px;
  min-height: 24px;
  min-width: 390px;
}

.partenaire .overlap-group1 {
  height: 368px;
  left: 90px;
  position: absolute;
  top: 1001px;
  width: 599px;
}

.partenaire .rectangle-7 {
  height: 292px;
  top: 76px;
}

.partenaire .title {
  height: 64px;
  left: 215px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0px 8.27px 33.08px #000000;
  top: 132px;
}

.partenaire .address {
  left: 52px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 231px;
  width: 515px;
}

.partenaire .gps {
  height: 214px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 214px;
}

.partenaire .overlap-group2 {
  height: 299px;
  left: 89px;
  position: absolute;
  top: 730px;
  width: 599px;
}

.partenaire .rectangle-8 {
  height: 221px;
  top: 78px;
}

.partenaire .phone {
  left: 51px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 208px;
  width: 503px;
}

.partenaire .tlphone {
  height: 64px;
  left: 228px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0px 8.27px 33.08px #000000;
  top: 116px;
}

.partenaire .tel {
  height: 208px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 208px;
}

.partenaire .overlap-group3 {
  height: 293px;
  left: 84px;
  position: absolute;
  top: 443px;
  width: 599px;
}

.partenaire .rectangle-8-1 {
  height: 221px;
  left: 0;
  position: absolute;
  top: 72px;
  width: 599px;
}

.partenaire .contacthomebagsgmailcom {
  left: 51px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 202px;
  width: 503px;
}

.partenaire .place {
  height: 64px;
  left: 228px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0px 8.27px 33.08px #000000;
  top: 110px;
}

.partenaire .mail {
  height: 209px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 209px;
}

.partenaire .overlap-group4 {
  align-items: flex-start;
  background-image: url(../img/group-44.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  left: 737px;
  min-height: 1044px;
  padding: 69.8px 38.4px;
  position: absolute;
  top: 327px;
  width: 635px;
}

.partenaire .pourquoi-devenir-partenaire {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 5px;
  min-height: 128px;
  text-align: right;
  text-shadow: 0px 30.6px 66.17px #0000009e;
  width: 554px;
}

.partenaire .en-tant-que-partenai {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 31px;
  min-height: 84px;
  text-align: right;
  width: 554px;
}

.partenaire .avantages {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 41px;
  min-height: 64px;
  text-shadow: 0px 30.6px 66.17px #0000009e;
  width: 554px;
}

.partenaire .fidlisez-vos-client {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 31px;
  min-height: 140px;
  width: 554px;
}

.partenaire .rejoignez-nous {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 21px;
  min-height: 64px;
  text-align: right;
  text-shadow: 0px 30.6px 66.17px #0000009e;
  width: 554px;
}

.partenaire .contactez-nous-pour {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 33px;
  min-height: 56px;
  text-align: right;
  width: 554px;
}

.partenaire .overlap-group-1 {
  align-items: center;
  background-color: var(--shark);   /* par exemple fond sombre si c’était le cas */
  border-radius: 28.95px;            /* si vous aviez déjà un arrondi */
  display: flex;
  height: 116px;                     /* hauteur fixe si voulu */
  justify-content: center;           /* centrer horizontalement */
  margin-top: 90px;                  /* reprise de votre marge */
  min-width: 554px;                  /* reprise de votre largeur */
  padding: 24.8px 73.6px;            /* si vous aviez déjà ces paddings */
}

.partenaire .nous-contacter {
  color: #ffffff;                    /* blanc */
  font-size: 52px;                   /* taille 52px - reprise de inter-bold-white-52-9px */
  font-weight: 800;                  /* ou "bold" selon votre police Inter */
  line-height: normal;
  white-space: nowrap;               /* pour empêcher le texte de couper sur 2 lignes */
}

.btn-nous-contacter:hover .nous-contacter {
  color: #f0f0f0;                    /* par exemple un blanc légèrement plus clair */
}


.partenaire .overlap-group5 {
  height: 158px;
  left: 75px;
  position: absolute;
  top: 155px;
  width: 866px;
}

.partenaire .devenir-partenaire-1 {
  height: 102px;
  left: 0;
  position: absolute;
  top: 0;
  width: 866px;
}

.partenaire .nous-sommes-l-pour {
  -webkit-text-stroke: 0.83px var(--black);
  height: 64px;
  left: 48px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.75;
  position: absolute;
  top: 94px;
}

.contactez-nous .navbar {
  position: absolute;
  top: 62px;
  left: 627px;
  display: flex;            /* inline-flex → flex, pour pouvoir jouer sur margin-left */
  align-items: center;
  gap: 28.93px;
}

/* 1) État initial pour les liens seulement */
.navbar-link {
  position: relative;
  opacity: 0;
  transform: translateY(-10px);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 600;
  color: #1C2831;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* 2) Animation fade+slide */
@keyframes fadeSlideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 3) Décalage pour chaque <a> (on utilise nth-of-type pour ignorer le <button>) */
.navbar-link:nth-of-type(1) { animation: fadeSlideIn 0.5s ease forwards; animation-delay: 0.5s; }
.navbar-link:nth-of-type(2) { animation: fadeSlideIn 0.5s ease forwards; animation-delay: 0.7s; }
.navbar-link:nth-of-type(3) { animation: fadeSlideIn 0.5s ease forwards; animation-delay: 0.9s; }
.navbar-link:nth-of-type(4) { animation: fadeSlideIn 0.5s ease forwards; animation-delay: 1.1s; }
.navbar-link:nth-of-type(5) { animation: fadeSlideIn 0.5s ease forwards; animation-delay: 1.3s; }
.navbar-link:nth-of-type(6) { animation: fadeSlideIn 0.5s ease forwards; animation-delay: 1.6s; }

/* 4) Fade-out sur hover */
.navbar:hover .navbar-link:not(:hover) {
  opacity: 0.5 !important;
}

/* 5) Underline animée */
.navbar-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: currentColor;
  transition: width 0.3s ease;
}
.navbar-link:hover::after {
  width: 100%;
}

/* 6) Styles du bouton */
.navbar-btn {
  margin-left: auto;       /* pousse le bouton tout à droite */
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  background-color: #1C2831;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.navbar-btn:hover {
  background-color: #11181c;
  
}

.grooms .navbar {
  align-items: center;
  display: inline-flex;
  gap: 28.95px;
  left: 529px;
  opacity: 1;
  position: absolute;
  top: 62px;
}

.partenaire .navbar {
  align-items: center;
  display: inline-flex;
  gap: 28.95px;
  left: 527px;
  opacity: 1;
  position: absolute;
  top: 62px;
}

@keyframes slideInLogo {
  from { transform: translateX(-100%); opacity: 0; }
  to   { transform: translateX(0);    opacity: 1; }
}

.partenaire .logo {
  transition: transform 0.1s linear, opacity 0.1s linear;
  align-items: flex-start;
  display: flex;
  gap: 2px;
  height: 65px;
  left: 15px;
  min-width: 212px;
  position: absolute;
  top: 38px;
}

.slide-in-logo {
  animation: slideInLogo 0.8s ease-out 0.2s forwards;
}


.partenaire .valise-logo-1-1 {
  height: 65px;
  margin-top: 0;
  object-fit: cover;
  width: 83px;
}

.partenaire .home-bags {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 3.19px;
  min-height: 28px;
  min-width: 126px;
}

.partenaire .termes-et-conditions {
  left: 1214px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1861px;
  width: 212px;
}

.partenaire .devenir {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
}

.partenaire .flex {
  align-items: flex-start;
  display: flex;
}

.partenaire .flex-col-4 {
  display: flex;
  flex-direction: column;
}

.partenaire .flex-row-3 {
  align-items: flex-start;
  display: flex;
}

.partenaire .rectangle {
  left: 0;
  position: absolute;
  width: 599px;
}

.btn-nous-contacter {
  display: inline-block;           /* pour que le lien prenne la largeur minimum du texte + padding */
  text-decoration: none;           /* on enlève le soulignement par défaut */
  cursor: pointer;
}


.grooms .devenir-groom-1 {
  height: 83px;
  margin-right: 3.6px;
  margin-top: 2px;
  width: 692px;
}

.franchise .devenir-franchis-1 {
  height: 85px;
  width: 841px;
}

.partenaire .footer-links {
  position: absolute;
  bottom: 50px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
}

.partenaire .footer-links .about-link {
  color: white;
  font-family: var(--font-family-inter);
  font-size: 20px;
  text-decoration: none;
}