/*
 * Design › Table template "Classic" (YITH-like): an open table with no box,
 * a wide column of bold labels, centred values, thin lines between rows,
 * and a product header with the image as is, the name and a full button.
 * The table title sits large in the corner, in the accent colour.
 * Applies to the popup, the overlay and inline tables (`.pcfw-tpl-classic`).
 */
/* Row lines a touch darker than Minimal's (YITH uses about #e7e7e7). */
.pcfw-tpl-classic {
  --_image: 300px;
  --_classic-line: color-mix(in srgb, var(--_text) 11%, var(--_surface));
}

.pcfw-tpl-classic .pcfw-table__scroll {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.pcfw-tpl-classic .pcfw-table th,
.pcfw-tpl-classic .pcfw-table td {
  padding: 10px 24px;
  text-align: center;
  vertical-align: middle;
}

/* Same padding at the edges as inside, so every column is the same. */
.pcfw-tpl-classic .pcfw-table tr > :first-child {
  padding-inline-start: 10px;
}

.pcfw-tpl-classic .pcfw-table tr > :last-child {
  padding-inline-end: 24px;
}

/* In the popup, line the labels up with the header text. */
.pcfw-tpl-classic .pcfw-popup__body .pcfw-table tr > :first-child {
  padding-inline-start: var(--_inset);
}

.pcfw-tpl-classic .pcfw-popup__body .pcfw-table tr > :last-child {
  padding-inline-end: max(24px, var(--_inset));
}

.pcfw-tpl-classic .pcfw-table tbody tr > * {
  border-top: 1px solid var(--_classic-line);
  border-bottom: 0;
}

/* Close the table with a line under the last row. */
.pcfw-tpl-classic .pcfw-table tbody tr:last-child > * {
  border-bottom: 1px solid var(--_classic-line);
}

.pcfw-tpl-classic .pcfw-table__corner,
.pcfw-tpl-classic .pcfw-table__label {
  width: 24%;
}

.pcfw-tpl-classic .pcfw-table th.pcfw-table__label {
  padding-inline: 10px;
  color: var(--_text);
  font-weight: 700;
  text-align: start;
}

.pcfw-tpl-classic .pcfw-table.has-sticky-labels .pcfw-table__label,
.pcfw-tpl-classic .pcfw-table.has-sticky-labels .pcfw-table__corner {
  box-shadow: none;
}

.pcfw-tpl-classic .pcfw-table__row--price .pcfw-table__cell {
  font-weight: 700;
}

/* Product header: the image as is, the name, a full-size button. */
.pcfw-tpl-classic .pcfw-table thead th,
.pcfw-tpl-classic .pcfw-table thead td {
  padding: 10px 24px 24px;
  border-bottom: 0;
  vertical-align: top;
}

.pcfw-tpl-classic .pcfw-table thead .pcfw-table__corner {
  padding-inline: 10px;
}

.pcfw-tpl-classic .pcfw-table__product {
  width: auto;
}

.pcfw-tpl-classic .pcfw-table__media {
  margin-inline: auto;
}

.pcfw-tpl-classic .pcfw-table__image {
  display: block;
}

.pcfw-tpl-classic .pcfw-table__image img {
  width: 100%;
  max-width: none;
  border-radius: 0;
}

.pcfw-tpl-classic .pcfw-table a.pcfw-table__name {
  margin: 12px 0 14px;
  font-size: 15px;
  font-weight: 400;
}

.pcfw-tpl-classic .pcfw-table a.pcfw-table__cart:not(.is-theme) {
  min-height: 38px;
  padding: 0 16px;
  border-radius: max(0px, calc(var(--_radius) - 1px));
  font-size: 1em;
  font-weight: 600;
}

.pcfw-tpl-classic .pcfw-table__product.is-pinned {
  box-shadow: none;
}

.pcfw-tpl-classic .pcfw-table__product.is-pinned .pcfw-table__image img {
  outline: 2px solid var(--_cart-bg);
  outline-offset: 2px;
}

/* Title in the corner: large, in the accent colour. */
.pcfw-table-mount.pcfw-tpl-classic .pcfw-table__corner .pcfw-table__title {
  margin: 0 0 8px;
  color: var(--_cart-bg);
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.2;
}

.pcfw-tpl-classic .pcfw-table tfoot th,
.pcfw-tpl-classic .pcfw-table tfoot td {
  padding-top: 20px;
}

/* Swipe cards: open layout and centred values to match. */
.pcfw-tpl-classic .pcfw-cards {
  border: 0;
  border-radius: 0;
}

.pcfw-tpl-classic .pcfw-cards__product {
  justify-items: center;
  text-align: center;
}

.pcfw-tpl-classic .pcfw-cards__image img {
  padding: 8px;
  border-radius: calc(var(--_radius) * 0.6);
  background: color-mix(in srgb, var(--_text) 5%, transparent);
}

.pcfw-tpl-classic .pcfw-cards__label {
  color: var(--_text);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}

.pcfw-tpl-classic .pcfw-cards__values {
  text-align: center;
}

@media (max-width: 600px) {
  .pcfw-tpl-classic .pcfw-table__corner,
  .pcfw-tpl-classic .pcfw-table__label {
    width: 112px;
  }

  .pcfw-tpl-classic .pcfw-table__product {
    width: 176px;
  }

  .pcfw-tpl-classic .pcfw-table th,
  .pcfw-tpl-classic .pcfw-table td {
    padding: 10px;
  }
}

@media print {
  .pcfw-tpl-classic .pcfw-table__image {
    background: none;
  }
}

/* Classic centres the header extras too. */
.pcfw-tpl-classic .pcfw-table__meta {
  justify-content: center;
}

.pcfw-tpl-classic .pcfw-table__media.is-bare {
  justify-content: center;
}