/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

  .custom-1316-css table.subquestion-list col {
    width: auto !important;
  }
  .custom-1316-css table.subquestion-list {
      table-layout: fixed; 
      width: 100%;
  }

  /* Ajustements pour que le texte rentre bien */
  .custom-1316-css select.form-control {
      font-size: 11px; /* Police un peu plus petite pour tout afficher */
      padding: 0 2px;
      height: 28px;
  }
  
  .custom-1316-css input.form-control {
      font-size: 12px;
      padding: 2px;
      text-align: center;
  }
  
  /* Titres des colonnes */
  .custom-1316-css th {
      white-space: normal;
    font-size: 13px;
    text-align: left !important;
    padding: 4px !important;
    overflow: hidden;
  }

  /* === RÉPARTITION DES COLONNES (Total 100%) === */

  /* Col 1 : Libellé (ex: Métier principal) -> 8% demandé */
  .custom-1316-css table.subquestion-list th:nth-child(1),
  .custom-1316-css table.subquestion-list td:nth-child(1) {
      width: 10%; 
      word-wrap: break-word;
  }

  /* Col 2 : Choix du Métier -> 15% (Un peu plus large pour les noms longs) */
  .custom-1316-css table.subquestion-list th:nth-child(2),
  .custom-1316-css table.subquestion-list td:nth-child(2) {
      width: 12%;
  }

  /* Col 3 : Part CA -> 5% (Suffisant pour 2-3 chiffres) */
  .custom-1316-css table.subquestion-list th:nth-child(3),
  .custom-1316-css table.subquestion-list td:nth-child(3) {
      width: 8%;
  }

  /* Col 4 à 9 : Les 6 produits -> 12% chacun */
  /* Calcul : 100% - 8% - 15% - 5% = 72% restants */
  /* 72% / 6 colonnes = 12% par produit */
  .custom-1316-css table.subquestion-list th:nth-child(n+4),
  .custom-1316-css table.subquestion-list td:nth-child(n+4) {
      width: 12%;
  }
/* custom-complex-array */ 
.custom-complex-array table.subquestion-list { table-layout: fixed; width: 100%; font-size: 11px; }
.custom-complex-array th { padding: 2px !important; text-align: center; vertical-align: bottom !important; word-wrap: break-word; }
.custom-complex-array input.form-control, .custom-complex-array select.form-control { font-size: 11px; padding: 1px; height: 28px; }
/* Largeurs ajustées */
.custom-complex-array th:nth-child(1) { width: 3%; }
.custom-complex-array th:nth-child(2) { width: 7%; }
.custom-complex-array th:nth-child(3) { width: 10%; }
.custom-complex-array th:nth-child(4) { width: 12%; }
.custom-complex-array th:nth-child(5) { width: 12%; }
.custom-complex-array th:nth-child(6) { width: 9%; }
.custom-complex-array th:nth-child(7) { width: 9%; }
.custom-complex-array th:nth-child(8) { width: 6%; }
.custom-complex-array th:nth-child(9) { width: 10%; }
.custom-complex-array th:nth-child(10) { width: 10%; }
.custom-complex-array th:nth-child(11) { width: 12%; }
.custom-complex-array table.subquestion-list col { width: auto !important; }
    
  
/* custom-complex-array-jours */  
.custom-complex-array-jours table.subquestion-list { table-layout: fixed; width: 100%; font-size: 11px; }
.custom-complex-array-jours th { padding: 2px !important; text-align: center; vertical-align: bottom !important; word-wrap: break-word; }
.custom-complex-array-jours input.form-control, .custom-complex-array-jours select.form-control { font-size: 11px; padding: 1px; height: 28px; }

/* Largeurs ajustées */
.custom-complex-array-jours th:nth-child(1) { width: 3%; }
.custom-complex-array-jours th:nth-child(2) { width: 7%; }
.custom-complex-array-jours th:nth-child(3) { width: 10%; }
.custom-complex-array-jours th:nth-child(4) { width: 12%; }
.custom-complex-array-jours th:nth-child(5) { width: 12%; }
.custom-complex-array-jours th:nth-child(6) { width: 9%; }
.custom-complex-array-jours th:nth-child(7) { width: 9%; }
.custom-complex-array-jours th:nth-child(8) { width: 6%; }
.custom-complex-array-jours th:nth-child(9) { width: 10%; }
.custom-complex-array-jours th:nth-child(10) { width: 10%; }
.custom-complex-array-jours th:nth-child(11) { width: 12%; }
.custom-complex-array-jours table.subquestion-list col { width: auto !important; }

/* 1. Correction Largeur CSS */
  .q14-custom-css table.subquestion-list col {
      width: auto !important;
  }

  /* 2. Layout du tableau */
  .q14-custom-css table.subquestion-list {
      table-layout: fixed; 
      width: 100%;
  }

  /* 3. Styles des Selects */
  .q14-custom-css select.form-control {
      font-size: 11px;
      padding: 0;
      height: 28px;
  }
  
  /* Centrage des saisons */
  .inserted-select-saison {
      text-align: center;
      text-align-last: center;
  }

  /* 4. Couleurs Saisons */
  .bg-haute { background-color: #ffcccc !important; color: #a00; font-weight:bold; }
  .bg-moyenne { background-color: #fff4cc !important; color: #a80; font-weight:bold; }
  .bg-basse { background-color: #ccffcc !important; color: #080; font-weight:bold; }

  /* 5. En-têtes */
  .q14-custom-css th {
      white-space: normal;
      font-size: 12px;
      text-align: center !important;
      vertical-align: bottom !important;
      padding: 2px !important;
      overflow: hidden;
  }

  /* 6. Répartition des Colonnes (Total 100%) */
  /* Métier (15%) / Sous-M (15%) / Prod (10%) */
  .q14-custom-css th:nth-child(1), .q14-custom-css td:nth-child(1) { width: 0%; }
  .q14-custom-css th:nth-child(2), .q14-custom-css td:nth-child(2) { width: 8%; }
  .q14-custom-css th:nth-child(3), .q14-custom-css td:nth-child(3) { width: 7%; }

  /* Mois (60% restant / 12 = 5%) */
  .q14-custom-css th:nth-child(n+4), .q14-custom-css td:nth-child(n+4) { 
      width: 5%;
      padding: 1px !important;
  }

.custom-q19-repartition table.subquestion-list col.answertext { width: 0 !important; }
.custom-q19-repartition table.subquestion-list { width: 100%; min-width: 1140px; table-layout: fixed; }
.custom-q19-repartition select, .custom-q19-repartition input { font-size: 11px; height: 28px; }
.custom-q19-repartition th { font-size: 11px; text-align: center; padding: 2px !important; word-wrap: break-word; }

/* Largeurs */
.custom-q19-repartition th:first-child { width: 0%; }
.custom-q19-repartition th:nth-child(2) { width: 10%; }
.custom-q19-repartition th:nth-child(3) { width: 10%; }
.custom-q19-repartition th:nth-child(n+4):nth-child(-n+11) { width: 8%; }
.custom-q19-repartition th:nth-child(12) { width: 8%; }