/* =========================================================
   Overview Table – Adaptive Layout
   Produktive Child-Theme-Version
   Gilt global für alle Tabellen mit:
   .wcr-overview-table--layout-adaptive
   ========================================================= */

/* ---------------------------------------------------------
   Grundbreite
   --------------------------------------------------------- */
.wcr-overview-table--layout-adaptive,
.wcr-overview-table--layout-adaptive .wcr-overview-table__table {
  width: 100%;
  max-width: 100%;
}

.wcr-overview-table--layout-adaptive {
  --wcr-ot-table-max-width: 100%;

  --swo-color-h2: #0E756B;
  --swo-font-body: "IBM Plex Sans", sans-serif;
  --swo-font-heading: "Fraunces", serif;

  --swo-h2-size: 35px;
  --swo-h2-line: 1.18;
  --swo-h2-letter: -0.2px;
  --swo-h2-weight: 500;

  font-family: var(--swo-font-body);
}

/* ---------------------------------------------------------
   Titel der Overview Table
   optisch wie normale Post-H2
   --------------------------------------------------------- */
.wcr-overview-table--layout-adaptive h2.wcr-overview-table__title {
  font-family: var(--swo-font-heading);
  color: var(--swo-color-h2);
  font-size: var(--swo-h2-size) !important;
  line-height: var(--swo-h2-line);
  letter-spacing: var(--swo-h2-letter);
  font-weight: var(--swo-h2-weight);
}


/* ---------------------------------------------------------
   Einheitliche Schrift für die gesamte Tabelle
   --------------------------------------------------------- */
.wcr-overview-table--layout-adaptive .wcr-overview-table__head-cell,
.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell,
.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__key,
.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__value,
.wcr-overview-table--layout-adaptive .wcr-overview-table__list,
.wcr-overview-table--layout-adaptive .wcr-overview-table__list li {
  font-family: var(--swo-font-body);
}


/* ---------------------------------------------------------
   Standard-Sichtbarkeit
   Desktop / breite Ansicht = Matrix
   --------------------------------------------------------- */
.wcr-overview-table--layout-adaptive .wcr-overview-table__view--matrix {
  display: block;
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__view--default {
  display: none;
}


/* =========================================================
   MATRIX-TABELLE – Desktop / Querformate
   ========================================================= */

.wcr-overview-table--layout-adaptive .wcr-overview-table__view--matrix {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.15rem;
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__table--matrix {
  width: max-content;
  min-width: 100%;
  max-width: none;
  border-collapse: collapse;
  table-layout: auto;
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__head-cell,
.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell {
  min-width: 160px;
  padding: 0.8rem 0.9rem;
  text-align: left;
  vertical-align: top;
  border: 1px solid rgba(92, 72, 48, 0.10);

  overflow-wrap: normal;
  word-break: normal;
  hyphens: auto;

  background: #F8F7F7;
}

/* Matrix: Head-Zellen */
.wcr-overview-table--layout-adaptive .wcr-overview-table__head-cell {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.15;
  color: #064A44;
}

/* Matrix: Value-Zellen */
.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  color: #16372F;
}

/* problematische Spalten etwas breiter */
.wcr-overview-table--layout-adaptive .wcr-overview-table__head-cell:nth-child(3),
.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell:nth-child(3) {
  min-width: 210px; /* Geeignet für */
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__head-cell:nth-child(5),
.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell:nth-child(5) {
  min-width: 180px; /* Höhenmeter */
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__head-cell:nth-child(7),
.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell:nth-child(7) {
  min-width: 180px; /* Kinderwagen */
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__head-cell:nth-child(8),
.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell:nth-child(8) {
  min-width: 190px; /* Schwierigkeit */
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__head-cell:nth-child(9),
.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell:nth-child(9) {
  min-width: 220px; /* Start */
}

/* Listen in Matrixzellen */
.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell .wcr-overview-table__list {
  margin: 0;
  padding-left: 1rem;
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell .wcr-overview-table__list li {
  font-size: 1rem;
  line-height: 1.25;
  color: #16372F;
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__value-cell .wcr-overview-table__list li + li {
  margin-top: 0.15rem;
}


/* =========================================================
   STANDARD-TABELLE – schmale / hochformatige Ansichten
   ========================================================= */

.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__key,
.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__value {
  vertical-align: top;
  text-align: left;

  overflow-wrap: normal;
  word-break: normal;
  hyphens: auto;

  background: #F8F7F7;
}

/* Standard: Key-Zellen */
.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__key {
  width: 40%;
  padding: 0.75rem 0.8rem;
  font-weight: 600;
  font-size: 1.15rem;
  line-height: 1.3;
  color: #064A44;
}

/* Standard: Value-Zellen */
.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__value {
  padding: 0.75rem 0.8rem;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.25;
  color: #16372F;
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__row + .wcr-overview-table__row .wcr-overview-table__key,
.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__row + .wcr-overview-table__row .wcr-overview-table__value {
  border-top: 1px solid rgba(92, 72, 48, 0.10);
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__list {
  margin: 0;
  padding-left: 1rem;
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__list li {
  font-size: 1rem;
  line-height: 1.25;
  color: #16372F;
}

.wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__list li + li {
  margin-top: 0.15rem;
}


/* =========================================================
   SCHMAL / HOCHFORMAT
   Matrix ausblenden, Standard einblenden
   ========================================================= */

@media (max-width: 1024px), (orientation: portrait) {
  .wcr-overview-table--layout-adaptive {
    --swo-h2-size: 30px;
    --swo-h2-line: 1.18;
    --swo-h2-letter: -0.15px;
  }

  .wcr-overview-table--layout-adaptive .wcr-overview-table__view--matrix {
    display: none;
  }

  .wcr-overview-table--layout-adaptive .wcr-overview-table__view--default {
    display: block;
  }
}


/* ---------------------------------------------------------
   Tablet / kleinere Breiten
   --------------------------------------------------------- */
@media (max-width: 820px) {
  .wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__key {
    width: 42%;
    padding: 0.7rem 0.75rem;
    font-size: 1.01rem;
  }

  .wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__value {
    padding: 0.7rem 0.75rem;
  }
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */
@media (max-width: 767px) {
  .wcr-overview-table--layout-adaptive {
    --swo-h2-size: 26px;
    --swo-h2-line: 1.15;
    --swo-h2-letter: -0.1px;
  }
}


/* ---------------------------------------------------------
   Kleine Mobile-Feinjustierung
   --------------------------------------------------------- */
@media (max-width: 580px) {
  .wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__key {
    width: 44%;
    padding: 0.65rem 0.7rem;
    font-size: 1rem;
  }

  .wcr-overview-table--layout-adaptive .wcr-overview-table__table--default .wcr-overview-table__value {
    padding: 0.65rem 0.7rem;
    font-size: 0.98rem;
  }
}