/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.bgh {
  background-color: #4FB09C;
  color: #fff;
  border-radius: 0;
  padding: 0.1em 0.3em; /* s’adapte à la taille du texte */
  display: inline-block;
}
.grtx {
    color:#4FB09C!important;
}

.light {
    color: var(--e-global-color-bor82837bf)!important;
}

/*
DEBUT CSS POUR TABLEAU
*/
/* ===== Variables palette ===== */
:root{
  --spec-accent-bg: #eaf6f3;   /* vert très clair (bande) */
  --spec-border:    #2c2c2c;   /* couleur des lignes */
  --spec-text:      #1a1a1a;
  --spec-link:      #3AB795;   /* vert Pacospharm */
}

/* ===== Tableau specs ===== */
.spec-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  color: var(--spec-text);
}

.spec-table th,
.spec-table td{
  padding: 18px 22px;
  vertical-align: top;
  border-bottom: 2px solid var(--spec-border);
}

/* Colonne libellé (gauche) */
.spec-table th{
  width: 28%;
  font-weight: 700;
  text-align: left;
}

/* Colonne contenu (centre) */
.spec-table td{
  width: 57%;
}

/* Colonne lien (droite) */
.spec-table .spec-more{
  width: 15%;
  text-align: right;
  white-space: nowrap;
}

.spec-table .spec-more a{
  color: var(--spec-link);
  text-decoration: none;
  font-weight: 700;
}
.spec-table .spec-more a:hover{ text-decoration: underline; }

/* Alternance des lignes (bande vert clair) */
.spec-table tr:nth-child(odd){
  background: var(--spec-accent-bg);
}
.spec-table tr:nth-child(even){
  background: #fff;
}

/* ===== Responsive Mobile ===== */
@media (max-width: 767px){
  .spec-table,
  .spec-table tbody,
  .spec-table tr,
  .spec-table th,
  .spec-table td{
    display: block;
    width: 100%;
  }

  .spec-table tr{
    padding: 18px 0;
    /* garde les bandes alternées comme sur desktop */
  }

  .spec-table th{
    border: none;
    padding: 16px 0 6px 0;
    font-size: 22px;          /* Titre plus gros (comme la maquette) */
    line-height: 1.25;
  }

  .spec-table td{
    border: none;
    padding: 0 0 16px 0;
    font-size: 18px;
    line-height: 1.5;
  }

  /* ligne séparatrice sous chaque bloc (comme la capture) */
  .spec-table tr{
    border-bottom: 2px solid var(--spec-border);
  }

  /* le lien "En savoir plus" passe sous le contenu, aligné à droite */
  .spec-table .spec-more{
    padding-top: 6px;
    text-align: right;
  }
}

/* Option : resserrer la typo sur très petits écrans */
@media (max-width: 360px){
  .spec-table th{ font-size: 20px; }
  .spec-table td{ font-size: 16px; }
}


/*
FIN CSS POUR TABLEAU
*/