.elementor-kit-6{--e-global-color-primary:#8D8D8D;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#E62222;--e-global-typography-primary-font-family:"bicyclette";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"bicyclette";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"bicyclette";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#9C9C9C;font-family:"bicyclette", Sans-serif;font-weight:400;}.elementor-kit-6 a:hover{color:#D10808;}.elementor-kit-6 h1{font-family:"bicyclette", Sans-serif;}.elementor-kit-6 h2{font-family:"bicyclette", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:45px;padding-inline-start:45px;}.site-header .site-branding .site-logo img{width:197px;max-width:197px;}.site-header .site-navigation ul.menu li a{color:#A0A0A0;}.site-header .site-navigation .menu li{font-family:"bicyclette", Sans-serif;font-size:19px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding .site-logo img{width:150px;max-width:150px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Répare les backgrounds qui s’affichent agrandis ou décalés */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}



/* ------- Credits (style "liste avec filets") ------- */
.credits-list{font-family: bicyclette;
  display: grid;
  gap: 0;                             /* les filets gèrent le rythme */
  --cr-line: #bfc5c9;                 /* gris des lignes (ajuste) */
  --cr-role: #111;                    /* couleur rôle */
  --cr-name: #222;                    /* couleur nom */
}

.credits-list.credits--lines .credit-item{
  padding: 14px 0;
  border-bottom: 1px solid var(--cr-line);
}
.credits-list.credits--lines .credit-item:first-child{
  border-top: 1px solid var(--cr-line);
}

.credit-role{
  margin: 0 0 6px 0;
  font-weight: 700;                   /* gras comme ta capture */
  color: var(--cr-role);
  line-height: 1.2;
}
.credit-name{
  margin: 0;
  color: var(--cr-name);
  line-height: 1.35;
}

/* Variante 2 colonnes (desktop) */
.credits-list.credits--two{
  column-gap: 2rem;
}
@media (min-width: 900px){
  .credits-list.credits--two{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .credits-list.credits--two .credit-item{
    /* filets par item en 2 colonnes */
    border-bottom: 1px solid var(--cr-line);
  }
}




.opacityAgenda{
    opacity: 0.6;
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.opacityAgenda:hover{
    opacity: 1;
}




.zoom-bg {
  background-size: 100% !important;
  transition: background-size 0.6s ease, transform 0.6s ease;
}
.zoom-bg:hover {
  background-size: 130% !important;
  transform: scale(1);
}


/* Cercle + overflow */
.round-thumb{
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}

/* Ton zoom existant (inchangé) */
.zoom-bg{ background-size:100% !important; transition:background-size .6s ease, transform .6s ease; }
.zoom-bg:hover{ background-size:130% !important; transform:scale(1); }

/* Voile CLAIR – DOIT être SOUS le texte */
.round-thumb::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(255,255,255,0.8); /* ajustable (0.35–0.8) */
  transition: opacity .5s ease;
  pointer-events:none;
  z-index: 1; /* sous le texte */
}
.round-thumb:hover::after{ opacity:0; }

/* FORCE le texte au-dessus du voile ET sa couleur */
.round-thumb .thumb-text,
.round-thumb .thumb-text *,
.round-thumb .elementor-heading-title{        /* couvre le cas des widgets Heading */
  position: relative;
  z-index: 2;                                 /* AU-DESSUS du voile */
  color: #000 !important;                     /* noir 100% au repos */
  transition: color .5s ease;
}

/* Si ton titre est un lien <a>, on couvre aussi la couleur du lien */
.round-thumb .thumb-text a,
.round-thumb .thumb-text a *{
  color: #000 !important;
}

/* Au SURVOL du conteneur : texte en blanc 100% */
.round-thumb:hover .thumb-text,
.round-thumb:hover .thumb-text *,
.round-thumb:hover .elementor-heading-title{
  color: #fff !important;
}
.round-thumb:hover .thumb-text a,
.round-thumb:hover .thumb-text a *{
  color: #fff !important;
}


/* Conteneur rond + overflow propre */
.spectacle-card {
  position: relative;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}

/* Assure le format rond */
.round-thumb {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}

/* Zoom uniquement sur le background (pas le texte) */
.spectacle-card.zoom-bg { background-size: 100% !important; transition: background-size .6s ease; }
.spectacle-card.zoom-bg:hover { background-size: 130% !important; }

/* Voile CLAIR par défaut (simule l’opacité sans ternir le texte) */
.spectacle-card::after {
  content: "";
  position: absolute; inset: 0;
  background: rgba(255,255,255,0.6); /* ajuste si besoin (0.35–0.8) */
  transition: opacity .5s ease;
  pointer-events: none;
  z-index: 1; /* sous le texte */
}
/* Au survol sur non-tournée : on enlève le voile */
.spectacle-card:hover::after { opacity: 0; }

/* Texte au-dessus du voile + couleurs */
.spectacle-card .elementor-heading-title {
  position: relative;
  z-index: 2;
  color: #000 !important;              /* noir au repos */
  transition: color .5s ease;
}
.spectacle-card:hover .elementor-heading-title { color: #fff !important; }

/* ===== État EN TOURNÉE ===== */
.spectacle-card.is-tournee::after { opacity: 0 !important; }  /* pas de voile = opacité 1 */
.spectacle-card.is-tournee .elementor-heading-title { color: #fff !important; } /* blanc en permanence */












/* Assure un cadre propre */
.video-bg {
  position: relative;
  overflow: hidden;
}




/* Elementor centre la vidéo avec translate(-50%,-50%).
   On garde cette translation ET on ajoute le scale. */
.video-bg .elementor-background-video-container iframe,
.video-bg .elementor-background-video-container video {
  filter: blur(30px);
  transform: translate(-50%, -50%) scale(1.1) !important; /* ✅ garde la centering + zoom */
  transform-origin: center center;
  transition: filter 0.8s ease, transform 0.8s ease;
}

/* Au survol : nette et taille normale, sans bouger */
.video-bg:hover .elementor-background-video-container iframe,
.video-bg:hover .elementor-background-video-container video {
  filter: blur(0);
  transform: translate(-50%, -50%) scale(1) !important;
}







/* --- Stabilise le rendu des backgrounds Elementor --- */
.e-con[data-settings*="background_background"],
.elementor-element[data-settings*="background_background"],
.elementor-element[data-settings*="{"background_background":"classic"}"] {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Overlays Elementor (sinon ils “étirent” la mauvaise image) */
.e-con .elementor-background-overlay,
.elementor-element .elementor-background-overlay {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Évite les surprises quand une image est injectée via lazyload */
.e-lazyloaded {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* IMPORTANT : sur mobile/tablette, désactiver le background fixe (bug iOS) */
@media (max-width: 1024px){
  .e-con,
  .e-con .elementor-background-overlay,
  .elementor-element,
  .elementor-element .elementor-background-overlay {
    background-attachment: scroll !important;
  }
}

/* Si tu utilises notre zoom: par défaut = cover, et zoom léger au hover */
.zoom-bg { background-size: cover !important; }
.zoom-bg-parent:hover .zoom-bg { background-size: 110% !important; } /* ajustable */




/* Parent qui déclenche le hover */
.zoom-bg-parent { position: relative; overflow: hidden; }

/* Cible du zoom (le container qui porte l’image) */
.zoom-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% !important;          /* ← plus "cover" ici */
  transition: background-size .6s ease;       /* fluide */
  will-change: background-size;
}

/* Hover fluide */
.zoom-bg-parent:hover .zoom-bg {
  background-size: 130% !important;           /* même unité → animation OK */
}/* End custom CSS */