.elementor-41382 .elementor-element.elementor-element-3134fb02{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-41382 .elementor-element.elementor-element-7b2c6d52{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-41382 .elementor-element.elementor-element-58fccbee > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-41382 .elementor-element.elementor-element-58fccbee{text-align:center;}.elementor-41382 .elementor-element.elementor-element-1804f254 > .elementor-widget-container{margin:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-91175e1 *//* ================================
   TABLE RESPONSIVE – BASE
================================ */

/* Typographie : Open Sans Condensed partout dans le tableau */
.responsive-table,
.responsive-table * {
  font-family: "Open Sans Condensed", "Open Sans", Arial, Helvetica, sans-serif;
  font-stretch: condensed;
  font-size: 0.95em;
}

.responsive-table {
  background-color: #fefefe;
  border-collapse: collapse;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
  width: 100%;
  margin: 2rem 0;
  overflow: hidden;
}

/* ================================
   LIGNES & CELLULES
================================ */

.responsive-table__row {
  display: grid;
  border-bottom: 1px solid #edeef2;
  padding: 0 1.5rem;
}

.responsive-table__row th,
.responsive-table__row td {
  padding: 0.5rem;
}

.responsive-table__row th:first-child,
.responsive-table__row td:first-child {
  padding-left: 0.2rem;
}

.responsive-table__row th:last-child,
.responsive-table__row td:last-child {
  padding-right: 0.2rem;
}

.responsive-table__body .responsive-table__row {
  transition: color 0.1s linear, background 0.1s linear;
}

.responsive-table__body .responsive-table__row:last-child {
  border-bottom: none;
}

.responsive-table__body .responsive-table__row:hover {
  color: #333;
  background-color: #e0ecf7;
}

/* ================================
   EN-TÊTE (MASQUÉ)
================================ */

.responsive-table__head {
  display: none !important;
}

.responsive-table__head__title {
  display: flex;
  align-items: center;
  font-weight: 700;
  text-transform: capitalize;
}

/* ================================
   LIGNES "RÉGION"
================================ */

.responsive-table__text {
  display: block;
  width: 100%;
  padding: 1rem 0.5rem;
  font-weight: 700;
  text-align: left;
}

/* ligne région complète */
.responsive-table__row:has(> th.responsive-table__text) {
  background-color: #e9f0f8;
}

/* ================================
   CELLULES DE CONTENU
================================ */

.responsive-table__body__text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* neutralise totalement les data-title */
.responsive-table__body__text::before {
  content: "" !important;
  margin: 0 !important;
}

/* ================================
   COLONNE WEB / RÉSEAUX
================================ */

.responsive-table__body__text--update {
  display: flex;
  flex-direction: column;
  justify-content: center;  /* centrage vertical dans la rangée */
  align-items: flex-start;
  gap: 0;                   /* espacement nul entre liens */
}

.responsive-table__body__text--update a {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0.1;         /* ton réglage ultra-serré */
  font-size: 0.95em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ================================
   DESKTOP ≥ 768px (4 COLONNES)
================================ */

@media (min-width: 768px) {
  .responsive-table__row {
    grid-template-columns: 1.4fr 3fr 1.2fr 1.4fr;
  }

  .responsive-table__body__text--name::before {
    display: none;
  }
}

/* ================================
   TABLETTE 768–991px (2 COLONNES)
================================ */

@media (min-width: 768px) and (max-width: 991px) {
  .responsive-table__row {
    grid-template-columns: 1fr 2fr;
  }

  .responsive-table__body__text--name {
    grid-column: 1 / 2;
    grid-row: 2;
    flex-direction: column;
  }

  .responsive-table__body__text--status,
  .responsive-table__body__text--types,
  .responsive-table__body__text--update {
    grid-column: 2 / 3;
  }
}

/* ================================
   MOBILE ≤ 600px (VERSION CARTES)
================================ */

@media (max-width: 600px) {
  .responsive-table {
    background: transparent;
    box-shadow: none;
    margin: 1rem 0;
  }

  .responsive-table__row {
    margin: 0 0 1rem;
    padding: 0.8rem 0.9rem;
    border-radius: 5px;
    border: 1px solid #e0ecf7;
    background: #fff;
    row-gap: 0.2rem;
  }

  .responsive-table__text {
    background: transparent;
    padding: 0.8rem 0.2rem;
    margin-top: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #4a6380;
  }

  .responsive-table__body__text {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.15rem 0;
    line-height: 1.35;
  }

  .responsive-table__body__text--name {
    font-weight: 700;
    font-size: 1.05em;
    margin-bottom: 0.15rem;
  }

  .responsive-table__body__text--status {
    color: #444;
    margin-bottom: 0.25rem;
  }

  .responsive-table__body__text--types {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 0.25rem;
  }

  .responsive-table__body .responsive-table__row:hover {
    background-color: #f6f9fe;
  }
}/* End custom CSS */