menu-diagonal-orange
/* Style de base pour la Fancy Box */
.menu-diagonal-orange {
    position: relative;
    overflow: hidden;
    display: block;
    height: 300px; /* Ajustez la hauteur selon vos besoins */
}
/* Création de l'effet orange en diagonale */
.menu-diagonal-orange::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Crée une coupure nette à 45 degrés : orange en bas à gauche, transparent en haut à droite */
    background: linear-gradient(45deg, #ff6600 35%, transparent 35.5%);
    z-index: 1;
    pointer-events: none; /* Permet de cliquer à travers */
}

/* Forcer le texte à s'afficher par-dessus l'effet orange */
.menu-diagonal-orange .vc_fancybox-title, 
.menu-diagonal-orange .vc_fancybox-content {
    position: relative;
    z-index: 2;
    color: #ffffff !important; /* Texte en blanc comme sur le modèle */
}