/*
Handy utility classes to work around the various limitations of the Block Editor.
*/

/* Clickable Parent
   ========================================================================== */
.clickable-parent a {
    text-decoration: none;
}

.clickable-parent:not(a) {
    position: static
}

.clickable-parent:not(a) a {
    position: static
}

.clickable-parent:not(a)>a::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer !important;
    display: flex
}

/* Pills
   ========================================================================== */
.utility__sidebar--pills a {
    background: var(--wp--preset--color--brand-1);
    padding: var(--space-3xs) var(--space-xs);
    margin: 0 var(--space-3xs) var(--space-3xs) 0;
    color: #ffffff;
    border-radius: 100px;
    font-size: var(--text-xs);
}

.utility__sidebar--pills a:hover {
    background: var(--wp--preset--color--brand-1-dark);
    text-decoration: none;
}

.utility__sidebar--pills a::before {
    height: 0;
}

/* Misc
   ========================================================================== */

.has-object-fit-cover figure {
    width: 100%;
    height: 100%;
}

.text-wrap-balance {
    text-wrap: balance;
}
.text-wrap-pretty {
    text-wrap: pretty;
}

.height-stretch {
    height: stretch;
}

.utility__limit-width {
max-width: 70ch !important;
}



/* Efficacy Table
   ========================================================================== */
.wp-block-table.is-style-efficacy-table {
  overflow-x: auto;
  font-size: var(--text-m);
  color: var(--wp--preset--color--primary-darkest);
  border: none;
}

.wp-block-table.is-style-efficacy-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 900px;
  border: none;
}

.wp-block-table.is-style-efficacy-table thead th {
  background-color: var(--wp--preset--color--primary-darkest);
  color: var(--wp--preset--color--white);
  font-weight: 600;
  text-align: left;
  padding: 0.75rem 0.9rem;
  vertical-align: bottom;

  border-bottom: 1px solid var(--wp--preset--color--primary-dark);
  border-right: 1px solid var(--wp--preset--color--primary-dark);
}

.wp-block-table.is-style-efficacy-table thead th:first-child {
  border-left: none;
}

.wp-block-table.is-style-efficacy-table thead th:last-child {
  border-right: none;
}

.wp-block-table.is-style-efficacy-table tbody td {
  padding: 0.65rem 0.9rem;
  vertical-align: top;
  text-align: left;
  color: var(--wp--preset--color--primary-darkest);

  border-bottom: 1px solid var(--wp--preset--color--primary-light);
  border-right: 1px solid var(--wp--preset--color--primary-light);
}

.wp-block-table.is-style-efficacy-table tbody td:first-child {
  border-left: none;
}

.wp-block-table.is-style-efficacy-table tbody td:last-child {
  border-right: none;
}

.wp-block-table.is-style-efficacy-table tbody tr:last-child td {
  border-bottom: none;
}

.wp-block-table.is-style-efficacy-table tbody tr:nth-child(odd) td {
  background-color: var(--wp--preset--color--white);
}

.wp-block-table.is-style-efficacy-table tbody tr:nth-child(even) td {
  background-color: var(--wp--preset--color--primary-light);
}

.wp-block-table.is-style-efficacy-table tbody tr td:last-child {
  background-color: var(--wp--preset--color--brand-1-light) !important;
  color: var(--wp--preset--color--primary-darkest);
}

.wp-block-table.is-style-efficacy-table thead th:last-child {
  background-color: var(--wp--preset--color--brand-1);
  color: var(--wp--preset--color--primary-darkest);
}

@media (max-width: 600px) {
  .wp-block-table.is-style-efficacy-table thead th,
  .wp-block-table.is-style-efficacy-table tbody td {
    padding: 0.6rem 0.7rem;
  }
}

.wp-block-table.is-style-efficacy-table,
.wp-block-table.is-style-efficacy-table table {
  border-top: 0;
  outline: 0;
  box-shadow: none;
}

.wp-block-table.is-style-efficacy-table thead th {
  border-top: 0;
}

.wp-block-table.is-style-efficacy-table thead tr:first-child th,
.wp-block-table.is-style-efficacy-table tbody tr:first-child td {
  border-top: 0;
}