/* Shared article table styling. The Joomla article content stays editable. */
.es-content table {
  width: 100% !important;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  margin-block: 30px;
  border: 1px solid rgb(128 128 128 / 50%);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.es-content table :is(th, td) {
  width: auto !important;
  height: auto !important;
  padding: 20px;
  vertical-align: middle;
  text-align: left;
  overflow-wrap: anywhere;
  border: 0;
  border-bottom: 1px solid rgb(128 128 128 / 50%);
}
.es-content table :is(th, td) p { margin-block: 0; }
.es-content table :is(th, td) > :last-child { margin-bottom: 0; }
.es-content table :is(th, td) + :is(th, td) {
  border-left: 2px solid rgb(128 128 128 / 50%);
}
.es-content table tr:last-child :is(th, td) { border-bottom: 0; }
.es-content table tbody tr:nth-child(even) { background: #f5f8f1; }
.es-content table tbody tr:hover { background: #eaf3df; }
.es-content table th {
  color: #263b22;
  font-family: var(--es-font-heading);
  font-weight: 600;
  background: #ecf4e4;
}
@media (max-width: 680px) {
  .es-content table { border: 0; border-radius: 0; background: transparent; }
  .es-content table :is(thead, tbody, tr, th, td) { display: block; width: 100% !important; }
  .es-content table tr { margin-bottom: 14px; border: 1px solid rgb(128 128 128 / 50%); border-radius: 8px; overflow: hidden; background: #fff; }
  .es-content table tbody tr:nth-child(even) { background: #fff; }
  .es-content table :is(th, td) { padding: 12px 16px; border-bottom: 1px solid rgb(128 128 128 / 50%); border-left: 2px solid rgb(128 128 128 / 50%); }
  .es-content table :is(th, td) + :is(th, td) { border-left: 2px solid rgb(128 128 128 / 50%); }
  .es-content table tr :is(th, td):last-child { border-bottom: 0; }
}
