/* ================================================================
   WHMCS Dark Theme — Corrections ciblées
   Opéracium palette — À inclure après theme.css
   ================================================================ */

/* ----------------------------------------------------------------
   1. PRICE TABLE — fond sombre (remplace tout fond blanc résiduel)
   ---------------------------------------------------------------- */

/* Plan containers génériques */
.price-table,
.price-table *,
[id*="plan"] .price-table,
[class*="price-table"] {
  background-color: #1A1D24 !important;
  border-color: #2A2D36 !important;
  color: #C5C7CE !important;
}

/* Plan spécifiques (hostgate et similaires) */
#hostgate-plan-a,
#hostgate-plan-b,
#hostgate-plan-c,
#hostgate-plan-d,
[id^="hostgate-plan"] {
  background-color: #1A1D24 !important;
  border: 1px solid #2A2D36 !important;
  color: #C5C7CE !important;
}

/* En-têtes de plan */
#hostgate-plan-a .price-table,
#hostgate-plan-b .price-table,
#hostgate-plan-c .price-table,
#hostgate-plan-d .price-table,
[id^="hostgate-plan"] .price-table {
  background-color: #1A1D24 !important;
  border-color: #2A2D36 !important;
}

/* Header du tableau tarifaire */
.price-table .header,
.price-table .plan-header,
.price-table .title,
[id^="hostgate-plan"] .header {
  background-color: #12151B !important;
  border-bottom: 1px solid #2A2D36 !important;
  color: #F5F7FA !important;
}

/* Plan mis en avant / featured */
.price-table.featured,
.price-table.popular,
.price-table.highlighted,
[id^="hostgate-plan"].featured,
[id^="hostgate-plan"].popular {
  background-color: #1E2128 !important;
  border: 1px solid #488dcb50 !important;
}

.price-table.featured .header,
.price-table.popular .header,
[id^="hostgate-plan"].featured .header,
[id^="hostgate-plan"].popular .header {
  background-color: #103a66 !important;
  color: #fff !important;
  border-bottom: 1px solid #103a66 !important;
}

/* Prix */
.price-table .price,
.price-table .plan-price,
[id^="hostgate-plan"] .price {
  color: #F5F7FA !important;
  background-color: transparent !important;
}

.price-table .price strong,
.price-table .price .amount,
[id^="hostgate-plan"] .price strong {
  color: #488dcb !important;
}

.price-table .price .period,
.price-table .price small {
  color: #8A8D96 !important;
}

/* Liste de features */
.price-table ul,
.price-table ul li,
[id^="hostgate-plan"] ul li {
  border-color: #2A2D36 !important;
  color: #C5C7CE !important;
  background-color: transparent !important;
}

.price-table ul li:nth-child(even),
[id^="hostgate-plan"] ul li:nth-child(even) {
  background-color: rgba(245, 247, 250, 0.02) !important;
}

/* Footer du plan */
.price-table .footer,
.price-table .plan-footer,
[id^="hostgate-plan"] .footer {
  background-color: #12151B !important;
  border-top: 1px solid #2A2D36 !important;
}

/* ----------------------------------------------------------------
   2. BOUTONS — corrections hover (theme-btn, --fill-primary, --btn-size-sm, --shadow-off)
   ---------------------------------------------------------------- */

/* theme-btn */
.theme-btn {
  background-color: #103a66 !important;
  border-color: #103a66 !important;
  color: #fff !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  transition: background-color .15s ease, border-color .15s ease !important;
}
.theme-btn:hover,
.theme-btn:focus {
  background-color: #488dcb !important;
  border-color: #488dcb !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: 3px solid rgba(72, 141, 203, 0.2) !important;
}

/* --fill-primary */
.--fill-primary,
.btn.btn-primary {
  background-color: #103a66 !important;
  border-color: #103a66 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.--fill-primary:hover,
.btn.btn-primary:hover {
  background-color: #488dcb !important;
  border-color: #488dcb !important;
  color: #fff !important;
  box-shadow: none !important;
}
.--fill-primary:focus,
.btn.btn-primary:focus {
  background-color: #488dcb !important;
  border-color: #488dcb !important;
  box-shadow: 0 0 0 3px rgba(72, 141, 203, 0.2) !important;
  outline: none !important;
}

/* --btn-size-sm */
.--btn-size-sm {
  padding: 0 14px !important;
  font-size: 12px !important;
  min-height: 32px !important;
  border-radius: 5px !important;
}

/* --shadow-off */
.--shadow-off,
.--fill-primary.--shadow-off,
.theme-btn.--shadow-off {
  box-shadow: none !important;
}

/* Combinaison theme-btn + --fill-primary + --btn-size-sm + --shadow-off */
.theme-btn.--fill-primary,
.theme-btn.--btn-size-sm,
.theme-btn.--shadow-off,
.--fill-primary.--btn-size-sm,
.--fill-primary.--shadow-off {
  box-shadow: none !important;
}
.theme-btn.--fill-primary:hover,
.theme-btn.--btn-size-sm:hover,
.--fill-primary.--btn-size-sm:hover {
  background-color: #488dcb !important;
  border-color: #488dcb !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* ----------------------------------------------------------------
   3. CORRECTIONS RÉSIDUELLES — fonds blancs dans tables
   ---------------------------------------------------------------- */

/* Toute cellule ou ligne qui reste blanche */
td, th, tr {
  background-color: transparent;
}
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
  background-color: transparent !important;
}
.table > tbody > tr:nth-child(even) > td {
  background-color: rgba(245, 247, 250, 0.02) !important;
}

