

.boutoncontactproduit,
.tablepress > :where(thead, tfoot) > tr > * {
    background-color: #3ab449;
    color: #fff;
}
.boutoncontactproduit:hover {
    background-color: #000;
    color: #fff;
}
.espacement {
    height: 30px;
    display: block;
    width: 100%;
}

.boutoncontactproduit {
font-weight: bold;
font-size: 16px;
padding: 10px 20px;
border-radius: 10px;
margin: 20px 0;
display: inline-block;
}

/* FILTRES PRODUITS */
.yith-wcan-filters {

    padding: 8px;
  }
  
  .yith-wcan-filters {
    background-color: #fff;
  }
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover,
  .yith-wcan-filters .filter-title,
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a {
    color:#3ab449!important;
  }
  .yith-wcan-filters .filter-title {
    font-size: 20px!important;
  }
  
  .with-tooltip .yith-wcan-tooltip:before,
  .yith-wcan-tooltip {
    background-color: #3ab449!important;
  }
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active:not(.with-image),
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active.with-image, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.disabled):hover,
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.with-image):not(.disabled):hover {
    background-color: #3ab449!important;
    box-shadow: 0 0 0 2px #3ab449!important;
  }
  
  
  
  .yith-wcan-filters .yith-wcan-filter .filter-items li.active a *,
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active:not(.with-image),
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active.with-image, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.disabled):hover,
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.with-image):not(.disabled):hover,
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label > a:hover {
    color: #fff!important;
  }
  
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
    font-size: 14px!important;
  }
  .yith-wcan-active-filters .active-filter .active-filter-label::after,
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active.with-image:not(.label-right) > a::after {
    background-color: #3ab449!important;
  }
  
  
  .yith-wcan-active-filters .active-filter .active-filter-label {
    border: 1px solid #3ab449;
  }
  
  
  .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active.with-image {
    min-width: 60px;
  }

  .products li {
    list-style: none;
  }

  .texte_global {
    padding-top: 0px!important;
  }

  #site-content-orion {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
  }

  .texte_produits {
    background-color: #fff;
    padding: 10px;
  }

  .woocommerce-page #main-content {
    background-color: #f7f9fa!important;

  }

  /* ============================
   TABLEPRESS – MOBILE
   Clé / Valeur sur une ligne
   50% / 50% stable + spacing
   ============================ */

@media (max-width: 768px) {
  .tablepress thead { display: none !important; }

  .tablepress,
  .tablepress tbody,
  .tablepress tr { display: block !important; width: 100% !important; }

  .tablepress tr{
    margin-bottom: 22px; /* espace plus gros entre "cartes" */
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
  }

  /* 1 cellule = 1 ligne clé/valeur */
  .tablepress td{
    display: flex !important;
    width: 100% !important;
    padding: 0px !important;
    box-sizing: border-box;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    gap: 12px;
  
    align-items: center; /* ✅ CENTRAGE VERTICAL */
  }
  
  .tablepress tr td:last-child{ border-bottom: none !important; }

  /* Colonne gauche (entête) */
  .tablepress td[data-label]::before{
    content: attr(data-label);
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;

    font-weight: 700;
    background: #3ab449;
    color: #fff;
    padding: 8px 10px;
    border-radius: 0 6px 0px 0px;

    white-space: normal;         /* autorise retour à la ligne */
    overflow-wrap: anywhere;     /* casse les mots longs */
  }

  /* Colonne droite (contenu) */
  .tablepress td .orion-td-content{
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;

    overflow-wrap: anywhere;     /* évite débordement */
    word-break: break-word;
  }


/* ============================
   TABLEPRESS
   1ère colonne = titre
   Fond sombre + texte blanc
   ============================ */

/* Desktop + mobile */
.tablepress tbody tr td:first-child {
  background: #444444!important;
  color: #ffffff!important;
  font-weight: 600;
}

/* Optionnel : un peu d'air */
.tablepress tbody tr td:first-child {
  padding: 10px 12px;
}

/* Optionnel : lien en blanc si présent */
.tablepress tbody tr td:first-child a {
  color: #ffffff;
  text-decoration: underline;
}


}
