/*
Theme Name: EAGNYON
Template: twentytwentyfive
*/

.kadence-header-row-inner, .kb-off-canvas-inner {
  font-family: "Trivia Gothic Bold";
  color: #1A1A1A;
}

.kt-blocks-accordion-title {
  font-family: "Trivia Gothic Bold";
  font-size: var(--wp--preset--font-size--large);
}

@media screen and (min-width: 769px) {
  .menu-fixe {
    position: sticky;
    width: 250px;
    overflow-y: auto;
    background-color: #fff;
    margin-left: calc((100% - 1200px) / 2) !important;

    /* Valeur par défaut : 220px, mais on utilisera la variable GSAP */
    --menu-top: 220px;
    top: var(--menu-top);
    
    /* Optionnel : pour des performances optimales */
    will-change: top;
  }

  .accordion-container {
    width: 645px;
    margin-left: calc(((100% - 915px) / 2) + 270px) !important;
  }

  .wp-block-kadence-accordion {
    margin-top: -400px;
  }
  
}



/* Pour les écrans mobiles */
@media screen and (max-width: 768px) {
  .menu-fixe {
    display: none;
  }
  .accordion-container {
    margin-left: auto;
  }
}

/* on enlève le style sur les <a> */
.menu-fixe a { color: inherit; font-weight: normal; }

/* Applique une transition sur la couleur du lien */
.menu-fixe li > a {
  transition: color 0.3s ease;
}

/* Applique une transition sur la couleur du bullet */
.menu-fixe li::marker {
  transition: color 0.3s ease;
}


/* style de l'item actif */
.menu-fixe li.active > a {
  color: #c1272d;
  font-weight: bold;
}

/* colorer le marker (le bullet) */
.menu-fixe li.active::marker {
  color: #c1272d;
}

.kb-off-canvas-inner .kb-btnEAGNYON__header_03c2a5-bb {
  background-color: #c1272d;
}

.kb-off-canvas-inner .kb-btnEAGNYON__header_2cd1fe-48 {
  border: #c1272d;
  color: #c1272d;
}