.planning-gantt-container {
  overflow-x: visible;
}

@media (max-width: 768px) {
  .planning-container.is-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100vw !important;
  }
}

.gantt-scroll-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* scroll fluide iOS */
  width: 100%;
}

#gantt-table {
  min-width: 800px;
  width: 95%;
  font-size: 0.9em;
}
#gantt-table td {
  vertical-align: top;
}

.plantation-name {
  font-weight: bold;
  white-space: nowrap;
  width: 1%;
}

.gantt-bar {
  height: 1.2em;
  margin: 2px 0;
  border-radius: 2px;
  opacity: 0.85;
}

#gantt-table tbody tr:nth-child(even) td {
  background-color: rgba(0, 0, 0, 0.03);
}

#gantt-table tbody td.gantt-now {
  background-color: rgba(255, 220, 100, 0.25) !important;
}

.gantt-semis {
  border-radius: 2px;
  color: #fff9f0;
  background-color: #c573f4;
} /* vert   - semis */
.gantt-terre {
  border-radius: 2px;
  color: #fff9f0;
  background-color: #603f0b;
} /* bleu   - mise en terre */
.gantt-recolte {
  border-radius: 2px;
  color: #fff9f0;
  background-color: #56b84d;
} /* rouge  - récolte */

@media print {
  .container::before {
    content: "Carnet-de-potager.fr";
    display: block;
    margin-bottom: 1em;
    text-align: center;
    font-size: 1.25em;
    color: #000;
  }

  /* Masquer les éléments inutiles */
  nav,
  footer,
  .level-right,
  .tags,
  #dsi-com,
  .content.is-size-7,
  #chat-container {
    display: none !important;
  }

  /* Forcer le tableau en pleine largeur */
  .planning-gantt-container,
  .gantt-scroll-wrapper {
    overflow-x: visible !important;
  }

  /* Forcer la reproduction des couleurs à l'impression */
  #gantt-table,
  #gantt-table td,
  #gantt-table th {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  #gantt-table {
    min-width: unset;
    width: 100%;
    font-size: 0.65em;
  }

  /* Conserver les couleurs à l'impression */
  .gantt-semis,
  .gantt-terre,
  .gantt-recolte {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  #gantt-table tbody td.gantt-now {
    background-color: rgba(255, 220, 100, 0.25) !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .container {
    max-width: 100% !important;
    padding: 0 !important;
  }
}

@page {
  size: A4 landscape;
  margin: 10mm;
}