.home__wrapper-text__intro {
  position: relative;
}

.home__wrapper-text__intro home__wrapper-text__intro {
  margin-bottom: 20px; /* Pour éviter les marges de la page */
}


.header {
    position: fixed;
    width: 100%;
}

.is__inline{
 display: inline-block;
}

.waveform{
  display: inline-block;

}

.herobanner-home{
  z-index: -1000;
  }

// Contat Form 7  - Brevo

/* Conteneur global du formulaire */
.wpcf7 form {
  max-width: 420px;
  margin: 2.5rem auto;
  padding: 2rem 2.2rem;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Label */
.wpcf7 form label {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.4rem;
}

/* Wrap des champs CF7 */
.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 1.4rem;
}

/* Champ email */
.wpcf7 input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.85rem 1rem;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
  font-size: 0.95rem;
  color: #111827;
  outline: none;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease,
    transform 0.1s ease;
}

.wpcf7 input[type="email"]:hover {
  background: #f3f4f6;
}

.wpcf7 input[type="email"]:focus {
  border-color: #000000;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
  transform: translateY(-1px);
}

/* Placeholder (au cas où tu l’ajoutes dans CF7) */
.wpcf7 input[type="email"]::placeholder {
  color: #9ca3af;
}

/* Bouton d’envoi */
.wpcf7 input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.8rem;
  border-radius: 999px;
  border: none;
  background: linear-gradient(135deg, #000000, #222222);
  color: #ffffff;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition:
    transform 0.12s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease,
    background-position 0.18s ease;
  background-size: 150% 150%;
}

.wpcf7 input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(88, 80, 236, 0.45);
  filter: brightness(1.03);
}

.wpcf7 input[type="submit"]:active {
  transform: translateY(1px);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.22);
}

/* Messages d’erreur sur champ */
.wpcf7 .wpcf7-not-valid {
  border-color: #dc2626 !important;
  background: #fef2f2;
}

.wpcf7 span.wpcf7-not-valid-tip {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.8rem;
  color: #b91c1c;
}

/* Message global de CF7 (succès / erreur) */
.wpcf7 .wpcf7-response-output {
  margin: 1.2rem 0 0;
  padding: 0.8rem 1rem;
  border-radius: 12px;
  font-size: 0.85rem;
  border-width: 1px;
}

/* Succès */
.wpcf7 .wpcf7-mail-sent-ok {
  border-color: #16a34a;
  background: #ecfdf3;
  color: #166534;
}

/* Erreur / échec */
.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng {
  border-color: #dc2626;
  background: #fef2f2;
  color: #991b1b;
}

/* Cookie Yes */
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    background-color: black !important;
}


.tracks-list{list-style:none;margin:0;padding:0;}.tracks-list__item{margin-bottom:0.5rem;padding-bottom:0.5rem;border-bottom:1px solid var(--wp--preset--color--accent-6);}.tracks-list__item:last-child{border-bottom:none;}



header:has(>.is-position-sticky) {
	position: sticky;
	top: calc( 0px + var( --wp-admin--admin-bar--height, 0px ) );
	z-index: 100;
}

@media (max-width: 600px) {
	header:has(>.is-position-sticky) {
		top: 0;
	}
}

.has-modal-open .wp-block-navigation__responsive-close {
    margin-left: auto;
    margin-right: auto;
    padding:2rem;
    max-width: var(--wp--style--global--wide-size,100%);
    background-color: var(--wp--preset--color--contrast);
color: white;
}

@media (min-width: 782px) {
    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
        margin-top:0px
    }
}

.mobile-logo{
position: fixed;
top: 2rem;
left:1rem;
}