.bg-yellow-50 {
    background-color: #ebd8fd ;
}
.bg-green-50{
  background-color: #F7F7F7;
}
.bg-red-50{
    background-color: #ebd8fd ;
}
.bg-yellow{
  background-color: #F7F7F7;
}
.formules-block .splide__pagination li button.is-active,
.\[\&\.is-active\]\:bg-primary.is-active,
.bg-primary,
.button.secondary.button-primary,
.button.button-primary{
  background-color: #202020;
}

.hover\:bg-primary:hover{
  background-color: #202020;
}
.button.secondary.button-transparent-gray:hover{
    background-color: #202020;
border-color:#202020;
}

.button.button-primary:hover{
  background-color: #161616;
}
.button.button-red-50,
.button.secondary.button-red,
.button.button-red{
  background-color: #ebd8fd;
  color: #202020;
}
.pils.red-50,
.pils.green-50{
  background-color: #FFFFFF;
  border-color: #fff;
  color: #202020;
}
.button{
  border-radius: 50px;
}
.\[\&_span\]\:text-primary span{
  color: #ebd8fd;
}
.bg-\[\#EDF6F2\]{
  background-color: #ebd8fd;
}
.has-yellow-color{
  color: #ebd8fd !important;
}
.md\:text-primary,
.aria-\[expanded\=true\]\:text-primary[aria-expanded=true],
.text-primary{
  color: #A054F5;
}
.border-red,
.border-primary{
  border-color:#202020;
}

.button.secondary.button-primary:hover{
  background-color: #202020;
}
.button.button-red-50:hover,
.button.secondary.button-red:hover{
  background-color: #161616;
    color: #fff;
}

a:where(:not(.wp-element-button)){
  color: #A054F5;
}
.wp-block-button a{
  border-radius: 50px;
}
.button.button-transparent{
  border-color:#202020;
  background-color: #202020;;
  color: #fff;
}
.\[\&_button\.is-active\]\:bg-primary button.is-active{
  background-color: #202020;
}
.\[\&\.is-active\]\:border-primary.is-active,
.formules-block .splide__slide.is-active .formules-card{
  border-color: #202020;
}

            /* 'white'       => 'Blanc',
            'primary'   => 'Noir',
            'red-50' => 'Violet',
            'red' => 'Violet clair',
            'green-50'  => 'Gris', */

.hover\:bg-green-50:hover{
  background-color: #F7F7F7 !important;
}

.hover\:bg-red-50:hover{
  background-color: #A054F5 !important;
}

.hover\:bg-red:hover{
  background-color: #F4ECFE !important;
}

.hover\:bg-white:hover{
  background-color: #fff !important;
}
.hover\:bg-primary:hover {
  background-color: #202020 !important;
}


/* Override des variables Gutenberg */
.editor-styles-wrapper {
  --wp--preset--color--primary: #202020;
}

/* Backgrounds */
.editor-styles-wrapper .bg-yellow-50 {
  background-color: #ebd8fd;
}

.editor-styles-wrapper .bg-green-50 {
  background-color: #F7F7F7;
}

.editor-styles-wrapper .bg-red-50 {
  background-color: #ebd8fd;
}

.editor-styles-wrapper .bg-yellow {
  background-color: #F7F7F7;
}

.editor-styles-wrapper .bg-\[\#EDF6F2\] {
  background-color: #ebd8fd;
}

/* Primary backgrounds */
.editor-styles-wrapper .formules-block .splide__pagination li button.is-active,
.editor-styles-wrapper .\[\&\.is-active\]\:bg-primary.is-active,
.editor-styles-wrapper .bg-primary,
.editor-styles-wrapper .button.secondary.button-primary,
.editor-styles-wrapper .button.button-primary {
  background-color: #202020 !important;
}

/* Hover */
.editor-styles-wrapper .button.button-primary:hover {
  background-color: #161616 !important;
}

.editor-styles-wrapper .button.secondary.button-primary:hover {
  background-color: #202020 !important;
}
.editor-styles-wrapper .button.button-red-50:hover,
.editor-styles-wrapper .button.secondary.button-red:hover {
  background-color: #161616 !important;
}

/* Red buttons */
.editor-styles-wrapper .button.button-red-50,
.editor-styles-wrapper .button.secondary.button-red,
.editor-styles-wrapper .button.button-red {
  background-color: #ebd8fd !important;
}

/* Pills */
.editor-styles-wrapper .pils.red-50,
.editor-styles-wrapper .pils.green-50 {
  background-color: #FFFFFF;
  border-color: #fff;
  color: #202020;
}

/* Buttons */
.editor-styles-wrapper .button {
  border-radius: 50px;
}

.editor-styles-wrapper .wp-block-button a {
  border-radius: 50px;
}

.editor-styles-wrapper .button.button-transparent {
  border-color: #202020;
  background-color: #202020;
  color: #fff;
}

/* Text colors */
.editor-styles-wrapper .\[\&_span\]\:text-primary span {
  color: #ebd8fd;
}

.editor-styles-wrapper .has-yellow-color {
  color: #ebd8fd !important;
}

.editor-styles-wrapper .md\:text-primary,
.editor-styles-wrapper .aria-\[expanded\=true\]\:text-primary[aria-expanded=true],
.editor-styles-wrapper .text-primary {
  color: #A054F5 !important;
}

.editor-styles-wrapper a:where(:not(.wp-element-button)) {
  color: #ebd8fd;
}

/* Borders */
.editor-styles-wrapper .border-red,
.editor-styles-wrapper .border-primary {
  border-color: #202020;
}

.editor-styles-wrapper .\[\&\.is-active\]\:border-primary.is-active,
.editor-styles-wrapper .formules-block .splide__slide.is-active .formules-card {
  border-color: #202020;
}

/* Active states */
.editor-styles-wrapper .\[\&_button\.is-active\]\:bg-primary button.is-active {
  background-color: #202020 !important;
}

.wp-block-table .has-fixed-layout thead, .wp-block-table .has-fixed-layout th, .wp-block-table.is-style-regular thead, .wp-block-table.is-style-regular th{
  color: #A054F5 ;
}

.wp-block-table .has-fixed-layout tbody tr:first-child td, .wp-block-table.is-style-regular tbody tr:first-child td{
  border-top-color: #A054F5 !important;
}

.bg-red{
  background-color: #F4ECFE !important;
}
.announcement-top-bar{
  background-color: #A054F5;
  color: #fff;
}

.announcement-top-bar a{
  color: #fff !important;
}
header > .bg-red-50 .button-red:first-child{
  background-color: #F4ECFE;
}