/* ============================================
   TABLEPRESS — PRICING TABLE DARK STYLE v2
   Coller dans : Elementor > Custom CSS
   ou Apparence > CSS additionnel
   ============================================ */

/* --- Base table --- */
.tablepress.pricing-table {
  background: #0d1117;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100%;
  font-family: inherit;
}

.tablepress.pricing-table td:not(:nth-child(5)),
.tablepress.pricing-table th:not(:nth-child(5)) {
  border-color: #1e2533 !important;
}

.tablepress.pricing-table td:nth-child(5),
.tablepress.pricing-table th:nth-child(5) {
  border-top-color: #1e2533 !important;
  border-bottom-color: #1e2533 !important;
  border-left-color: #5856D6 !important;
  border-right-color: #5856D6 !important;
}

.tablepress.pricing-table thead th:nth-child(5) {
  border-top-color: #5856D6 !important;
}

.tablepress.pricing-table tr:last-child td:nth-child(5) {
  border-bottom-color: #5856D6 !important;
}

.tablepress.pricing-table tr:hover td {
  color: #ffffff !important;
}

/* --- Header row --- */
.tablepress.pricing-table thead th {
  background: #0d1117;
  color: #5856D6;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 20px 14px 16px;
  border-bottom: 1px solid #161d2e !important;
  vertical-align: bottom;
  line-height: 1.4;
}

/* Première colonne header (Feature) */
.tablepress.pricing-table thead th:first-child {
  color: #ffffff;
  text-align: left;
  font-size: 15px;
}

/* --- Toutes les cellules --- */
.tablepress.pricing-table td {
  background: #0d1117;
  color: #cbd5e1;
  font-size: 13px;
  text-align: center;
  padding: 16px 14px;
  border-bottom: 1px solid #161d2e !important;
  vertical-align: middle;
  line-height: 1.5;
}

/* Première colonne (feature names) */
.tablepress.pricing-table td:first-child {
  text-align: left;
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 400;
  padding-left: 18px;
}

/* Lignes alternées */
.tablepress.pricing-table .odd td {
  background: #0d1117;
}
.tablepress.pricing-table .even td {
  background: #111827;
}

/* Hover sur les lignes */
.tablepress.pricing-table tr:hover td {
  background: #161d2e !important;
}

/* --- Colonne 5 = Professional (RECOMMANDÉE) --- */

/* Header colonne Pro */
.tablepress.pricing-table thead th:nth-child(5) {
  color: #5856D6;
  background: #13172a;
  border-left: 2px solid #5856D6;
  border-right: 2px solid #5856D6;
  border-top: 2px solid #5856D6;
  border-radius: 10px 10px 0 0 !important;
  -moz-border-radius: 10px 10px 0 0 !important; 
  -webkit-border-radius: 10px 10px 0 0 !important; 
  position: relative;
}

/* Badge "Recommandé" dans la cellule header, décalé à droite */
.tablepress.pricing-table thead th:nth-child(5)::before {
  content: "Recommandé";
  display: inline-block;
  background: #5856D6;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 12px;
  border-radius: 20px;
  position: absolute;
  top: -14px;
  right: 12px;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

/* Cellules colonne Pro */
.tablepress.pricing-table td:nth-child(5),
.tablepress.pricing-table .odd td:nth-child(5),
.tablepress.pricing-table .even td:nth-child(5) {
  background: #13172a !important;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  border-left: 2px solid #5856D6;
  border-right: 2px solid #5856D6;
}

/* Dernière ligne colonne Pro : fermer la bordure en bas avec border-radius */
.tablepress.pricing-table tr:last-child td:nth-child(5) {
  border-bottom: 2px solid #5856D6;
  border-radius: 0 0 10px 10px !important;
}

/* --- Responsive : scroll horizontal sur mobile --- */
.tablepress-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Largeur min pour éviter l'écrasement */
.tablepress.pricing-table {
  min-width: 780px;
}

/* --- Première colonne sticky sur desktop --- */
@media (min-width: 768px) {
  .tablepress.pricing-table td:first-child,
  .tablepress.pricing-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #0d1117 !important;
    border-right: 1px solid #1e2533;
  }
}