.elementor-kit-7{--e-global-color-primary:#BABABA;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#000000;--e-global-color-c809c30:#FAF5EC;--e-global-typography-primary-font-family:"bicyclette";--e-global-typography-primary-font-size:14px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:17px;--e-global-typography-secondary-font-family:"auger-mono";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"auger-mono";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"auger-mono";--e-global-typography-accent-font-weight:700;background-color:#FAF5EC;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#FFFFFF;font-weight:bold;}.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:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 */.vf-expo-row[class*="nature-"] {
  color: #fff;
  transition: background-color .5s ease;
}

.vf-expo-row.nature-Concert    { background-color: #fcf8f3; }
.vf-expo-row.nature-Exposition { background-color: #fcf8f3; }
.vf-expo-row.nature-Résidence  { background-color: #fcf8f3; }
.vf-expo-row.nature-Spectacle  { background-color: #fcf8f3; }


/* Couleur du titre selon la nature */
.natureTitre.nConcert h2 { color: #d89bff !important; }  /* violet clair */
.natureTitre.nExposition h2 { color: #6db1ff !important; }  /* bleu clair */
.natureTitre.nRésidence h2  { color: #7dd19c !important; }  /* vert clair */
.natureTitre.nSpectacle h2  { color: #ff8a8a !important; }  /* rouge clair */





.livre-item  {
    opacity: 0.8;
    transition: opacity 0.8s;
}

.livre-item:hover  {
    opacity: 1 !important;
}




/* Rend la carte "cliquable" visuellement */
.livre-item {
  cursor: pointer;              /* affiche la main */
  position: relative;           /* nécessaire pour la sécurité du stacking */
  z-index: 1;                   /* assure que la carte reçoit bien le hover */
}

/* Assure que tous les enfants laissent passer le survol */
.livre-item * {
  pointer-events: none;         /* empêche un texte ou une image de bloquer le hover */
}

/* Si tu as des liens réels dans la carte (ex: bouton lien livre), on réactive leurs events */
.livre-item a {
  pointer-events: auto;
  cursor: pointer;
}




.vf-expo-row {
  display: grid;
  grid-template-columns: 200px 200px 1fr 250px;
  align-items: stretch;
  width: 100vw;
  max-width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}

.vf-col {
  padding: clamp(16px, 2vw, 28px);
  border-left: 1px solid rgba(0,0,0,0.12);
}
.vf-col:first-child { border-left: none; }

/* Assure que la row reçoit les clics et qu'aucun overlay Elementor ne la masque */
.vf-expo-row { position: relative; z-index: 1; pointer-events: auto; }
.vf-expo-row * { pointer-events: auto; } /* si tu avais mis none plus tôt, ça réactive */

/* Cache complètement la galerie, mais la laisse dans le DOM */
.vf-hidden-gallery {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Assure que la row reçoit bien le clic */
.vf-expo-row { position: relative; cursor: pointer; }


.vf-col--2 {
  background-size: 140% auto !important; /* largeur 140%, hauteur auto */
  background-position: center center !important;
  background-repeat: no-repeat !important;
}




/* Boutons (couleur + fond) — inchangé */
.fancybox__toolbar button.fancybox__button,
.fancybox__nav button,
.fancybox__button--close {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(255,255,255,0.6) !important; /* 60% */
  transition: color .3s ease !important;
}
.fancybox__toolbar button.fancybox__button:hover,
.fancybox__nav button:hover,
.fancybox__button--close:hover {
  color: rgba(255,255,255,1) !important; /* 100% au hover */
}

/* ---- icône FERMETURE (croix) : trait blanc, pas de remplissage ---- */
.fancybox__button--close svg,
.fancybox__button--close svg * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* ---- icônes FLÈCHES : trait blanc, pas de remplissage (corrige le triangle) ---- */
.fancybox__nav button svg,
.fancybox__nav button svg * {
  fill: none !important;                 /* <- clé pour supprimer l'effet triangle */
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Optionnel: taille des icônes */
.fancybox__toolbar .fancybox__button svg,
.fancybox__nav button svg {
  width: 28px; height: 28px;
}











.texte-clamp {
    margin-top: 10px;
    font-family: "auger-mono", Sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
  overflow: hidden;
  line-height: 1.6em;
  max-height: calc(1.6em * 6);
  transition: max-height 0.5s ease;
}

.texte-clamp.expanded {
  max-height: 2000px; /* suffisamment grand pour contenir tout */
}

.btn-lire-suite {
        font-family: "auger-mono", Sans-serif;

  margin-top: 8px;
  display: none;
}








.elementor-gallery__titles-container {
    margin-top: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    position: sticky;
    top: 240px;
    z-index: 1;   
    background-color: #FAF5EC
}

 .fortemps-phrase {
    font-family: "auger-mono", Sans-serif;
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 26px;
    color: #8D8D8D;}
    
     .fortemps-phraseBlanc {
    font-family: "auger-mono", Sans-serif;
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 26px;
    color: #ffffff;}
    

    
  .typewriter-cursor {
    display: inline-block;
    margin-left: 2px;
    animation: blink 1s infinite;
  }

@media (max-width: 767px){

 .fortemps-phrase {
    font-family: "auger-mono", Sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 18px;
    color: #8D8D8D;}
    
     .fortemps-phraseBlanc {
    font-family: "auger-mono", Sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 26px;
    color: #ffffff;}
    
  
  
.elementor-gallery__titles-container {
    margin-top: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 20px !important;
    position: sticky;
    top: 150px;
    z-index: 1;   
    background-color: #FAF5EC
    
}

  
  
  
  
  
}/* End custom CSS */