/* Reset rapide */

html {
  scroll-behavior: smooth;
}

body {margin:0; font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;line-height:1.5; color:#fff;}
html, body {height: 100%;}
::selection {
    background: #ffb6e3;
    color: #735c83;
}
img{max-width:100%;}
h2 {font-family: "Barrio", system-ui;
  font-weight: 400;
  font-style: normal;
font-size:2.5em;}
h3 {font-size:1.5em;
}
a {color: #542d6f;text-decoration: none;  transition: all 0.3s ease;}
a:hover {color: #ffb6e3;text-decoration: underline;}
/* p {margin:20px 0;} */
/* Header sticky */
.site-header {
  position: fixed;
  top:0; left:0; right:0;
  background:#f3f3f3;
  display:flex; justify-content:space-between; align-items:center;
  padding: 0px 40px;
  transition: all 0.3s ease;
  z-index:1000;
}
.site-header ul {list-style:none; display:flex; gap:30px;}
.site-header a {text-decoration:none; color:#735c83; font-weight:600;}

/* Logos */
.logo {height:100px; transition:all 0.3s ease;}
.logo-small {display:none; height:60px;}
.site-header.scrolled {padding:0px 10px; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.site-header.scrolled .logo-large {display:none;}
.site-header.scrolled .logo-small {display:inline-block;}

/* Sections */
.section {padding:120px 20px; text-align:center;}
.accueil {padding: 200px 20px 80px 20px; justify-content:center; align-items:center; background:#d9d5df; flex-wrap:wrap;}
.accueil .col {flex:1; padding:40px; min-width:280px;}
.accueil .form-col {background:#f29c5c; border-radius:0px; color:white;width:100%;height:100%;}
.accueil {
  min-height: calc(90% - 280px); /* 80% hauteur */
  background: linear-gradient(270deg, #d9d5df, #c4afe2, #9079a0);
  background-size: 600% 600%;
  animation: gradientAnimation 12s ease infinite;
  display: flex; justify-content: center; align-items: center;
}

@keyframes gradientAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
 .btn{
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  transform: translateY(-1px);
  box-shadow: 0 8px 25px rgba(108, 92, 231, 0.3);
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #735c83 0%, #aea8bf 100%);
  display:inline-block;color:#fff;padding:12px 23px;border-radius:50px;border:none;font-weight:700;font-size:16px;cursor:pointer}

.btn:hover {
    transform: translateY(0px);
            box-shadow: none;
        }
a.btn {text-decoration:none;}
.marche {
  background:
    url("pattes-dino.png") no-repeat top right fixed,
    linear-gradient(270deg, #735c83, #9079a0, #9886a5);
  background-size: auto, 600% 600%;
}
.questce {background:#a5d8d8; color:#735c83;
  background: linear-gradient(270deg, #ccf3f3, #a5d8d8, #79c0c0);
  background-size: 600% 600%;
  animation: gradientAnimation 12s ease infinite;
}
.gratuit {background:#aea8bf; position:relative;}
.doudon {text-align:left;bottom: 0;
    position: absolute;
    text-align: left;}
.inside {max-width:600px; margin:40px auto; text-align:left;}

/* Accordéon */
.accordion {max-width:600px; margin:40px auto; text-align:left;}
.accordion-item {border-bottom:1px solid rgba(255,255,255,0.3);}
.accordion-header {
  font-family : 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background:none;
  color:#fff;
  font-size:1rem;
  padding:15px;
  text-align:left;
  border:none;
  width:100%;
  cursor:pointer;
/*   font-weight:bold; */
}
.accordion-content {
  max-height:0;
  overflow:hidden;
  transition:max-height 0.3s ease;
  padding:0 15px;
}


/* Footer */
footer {background:#735c83; color:white; text-align:center; padding: 50px 20px 1px 20px;font-size:0.8em;}
footer a {color:#fff; text-decoration: none;}
/* Responsive */
@media (max-width:950px) {
.doudon {
    position: relative;
}
.gratuit {padding:120px 0 10px 0;}
}

@media (max-width:768px) {
  .site-header ul {gap:15px; font-size:0.9rem;}
  .accueil {flex-direction:column;}
  .accueil .form-col {width:100%;}
  .logo-large {display:none;}
  .js-scrollTo {display:none;}
}
/* Bouton burger */
.burger {
  display:none;
  font-size:2rem;
  background:none;
  border:none;
  cursor:pointer;
  color:#735c83;
}

/* Nav desktop */
.nav ul {list-style:none; display:flex; gap:30px;}
.nav a {text-decoration:none; color:#735c83; font-weight:600;}

/* Mobile */
@media (max-width:768px) {
  .burger {display:block;} /* afficher burger */
  .nav {
    position:fixed;
    top:70px; right:0;
    background:#fff;
    width:250px;
    transform:translateX(100%);
    transition:transform 0.3s ease;
    box-shadow:-2px 0 8px rgba(0,0,0,0.15);
    z-index:999;
  }
  .nav ul {
    flex-direction:column;
    gap:0;
  }
  .nav li {
    border-bottom:1px solid #eee;
  }
  .nav a {
    display:block;
    padding:15px;
    color:#735c83;
  }
  .nav.active_bg {
    transform:translateX(0);
  }
}