/* Override reset styles for tables */

/* Reset base styles for the table */
table {
  background-color: initial; /* Restore transparent background */
  border-collapse: separate; /* Browser default value */
  border-spacing: initial; /* Remove fixed spacing */
  font-size: initial; /* Restore default font size */
  margin-block-end: initial; /* Restore default margin */
  width: auto; /* Remove width: 100% */
}

/* Remove borders and paddings from table cells */
table td,
table th {
  border: initial;
  line-height: initial;
  padding: initial;
  vertical-align: initial;
}

/* Reset bold font weight and font size for table headers */
table th {
  font-weight: initial;
}

table tfoot th,
table thead th {
  font-size: initial;
}

/* Remove styling for odd/even rows and hover state */
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th,
table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: initial;
}

/* Override reset styles for form elements */
table input[type="date"],
table input[type="email"],
table input[type="number"],
table input[type="password"],
table input[type="search"],
table input[type="tel"],
table input[type="text"],
table input[type="url"],
table select,
table textarea {
  width: auto; /* Restore auto width */
  max-width: none; /* Ensure no limit */
}

/* Remove section dividers between table bodies */
table tbody + tbody {
  border-block-start: initial;
}

table input:focus,
table input:active {
  outline-color: initial;
}

/* Remove responsive media query styles for tables */
@media (max-width: 767px) {
  table table {
    font-size: initial;
  }
  table table td,
  table table th {
    line-height: initial;
    padding: initial;
  }
  table table th {
    font-weight: initial;
  }

  textarea {
    width: 100% !important;
  }
}

/* Add custom styles */
td label {
  font-weight: 700;
  line-height: 2;
}

table input[type="date"],
table input[type="email"],
table input[type="number"],
table input[type="password"],
table input[type="search"],
table input[type="tel"],
table input[type="text"],
table input[type="url"] {
  height: 30px;
}

table td p {
  line-height: 2;
  margin-bottom: 40px !important;
}

table h3 {
  margin-top: 40px;
}

.ListData.ListBox {
  height: 300px !important;
}
.ListData.ListBox > div > div > div {
  height: 300px !important;
}

@media (max-width: 767px) {
  #datapage-form input + span > a {
    display: none;
  }
}

/* package forms */
.package-form-wrapper {
  max-width: 1170px;
  margin-inline: auto;
}

.package-form-wrapper_centered table {
  margin: 0 auto;
}

.package-form-wrapper table h2 {
  text-align: center;
  color: #fff;
}

.package-form-wrapper table label {
  color: white;
  font-size: 16px;
}

.package-form-wrapper table em {
  color: #ac1608;
}

.package-form-wrapper table input[type="submit"] {
  background: #ac1608;
  color: #fff;
  text-transform: uppercase;
  font-family: "TradeGothic";
  padding: 15px 40px;
  line-height: 1;
}

/* nutrition table styles update */
.nutribox {
  background: white;
  padding: 20px;
}

.nutribox table {
  width: 100%;
  color: #555;
}

.nutribox table thead th {
  border: none;
  border-block-start: none !important;
}

.nutribox table th {
  font-weight: bold;
  font-size: 14px;
}

.nutribox table td {
  font-size: 14px;
  border-top: 1px solid #ddd;
}

.nutribox table .table-section td {
  font-size: 20px;
}

.nutribox table .item-ingredients {
  display: none;
}

.nutribox table .item-ingredients.open {
  display: table-row;
}

@media (min-width: 768px) {
  .nutribox table .item-ingredients .col-sm-8 {
    width: 66.6%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 768px) {
  .nutribox table .item-ingredients {
    font-size: 12px;
  }
}
