/* =========================================================
   Wrapper
   ========================================================= */
.di-deliverables-wrap {
  width: 100%;
}

.di-deliverables-table {
  width: 100%;
  border-collapse: collapse;
}

/* Poistetaan solukohtaiset reunat */
.di-deliverables-table th,
.di-deliverables-table td {
  padding: 12px 14px;
  border: none;
  vertical-align: top;
}

/* =========================================================
   Header
   ========================================================= */
.di-deliverables-table thead th {
  font-weight: 700;
  background: #FE572A;
  color: #1c1c1e;
  text-align: left;
}

/* =========================================================
   Zebra rows + divider line
   ========================================================= */
.di-deliverables-table tbody tr {
  background: #f3f0eb;
  border-bottom: 1px solid #000000; /* OHUT MUSTA VIIVA */
}

.di-deliverables-table tbody tr:nth-child(even) {
  background: #F3A691;
}

/* (valinnainen) poista viiva viimeiseltä riviltä */
.di-deliverables-table tbody tr:last-child {
  border-bottom: none;
}

/* =========================================================
   Tuote-sarake: numero + teksti rinnakkain
   ========================================================= */
.di-deliverables-table td.di-product {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.di-deliverables-table td.di-product .di-number {
  flex: 0 0 auto;
  font-weight: 700;
}

.di-deliverables-table td.di-product .di-product-text {
  flex: 1 1 auto;
  min-width: 0;
}

/* =========================================================
   Download link
   ========================================================= */
.di-deliverables-table .di-download a {
  color: #000;
  text-decoration: none;
}

.di-deliverables-table .di-download a:hover {
  text-decoration: underline;
}

/* =========================================================
   Divi helpers
   ========================================================= */
.di-deliverables-wrap .et_pb_row {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.di-deliverables-wrap .et_pb_column {
  width: 100%;
}

/* =========================================================
   Mobile stacked layout
   ========================================================= */
@media (max-width: 767px) {

  .di-deliverables-table thead {
    display: none;
  }

  .di-deliverables-table,
  .di-deliverables-table tbody,
  .di-deliverables-table tr,
  .di-deliverables-table td {
    display: block;
    width: 100%;
  }

  .di-deliverables-table tr {
    border: 1px solid #000; /* kortin ulkoreuna */
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
  }

  .di-deliverables-table tbody tr {
    background: #ffffff;
  }

  .di-deliverables-table tbody tr:nth-child(even) {
    background: #F5F5F5;
  }

  .di-deliverables-table td {
    border-bottom: 1px solid rgba(0,0,0,.2);
  }

  .di-deliverables-table td:last-child {
    border-bottom: none;
  }

  .di-deliverables-table td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
    opacity: 0.85;
  }

  .di-deliverables-table td.di-product {
    display: block;
  }
}