/* ===== Soft tables pre taby AJ accordeony ===== */
.p-detail-tabs-wrapper{
  --c-text:#383838;
  --c-white:#FFFFFF;
  --c-bg:#FDFBFA;
  --c-line:rgba(56,56,56,.08);
  --radius:14px;
  --shadow:0 1px 3px rgba(56,56,56,.06);
}

/* Základ tabuľky */
.p-detail-tabs-wrapper table:not(.table-raw){
  width:100%;
  border-collapse:separate;   /* kvôli zaobleniu */
  border-spacing:0;
  background:var(--c-white);
  border-radius:calc(var(--radius) - 4px);
  overflow:hidden;
  box-shadow:var(--shadow);
  margin:12px 0 16px;
  color:var(--c-text);
}

/* Hlavička */
.p-detail-tabs-wrapper thead th{
  background:var(--c-bg);
  border-bottom:1px solid var(--c-line);
  font-weight:600;
}

/* Bunky */
.p-detail-tabs-wrapper th,
.p-detail-tabs-wrapper td{
  padding:12px 14px;
  border-bottom:1px solid var(--c-line);
  vertical-align:top;
}

/* Zebra len pre telo */
.p-detail-tabs-wrapper tbody tr:nth-child(even) td{
  background:var(--c-bg);
}

/* Posledný riadok bez čiary */
.p-detail-tabs-wrapper tbody tr:last-child td{
  border-bottom:none;
}

/* Zaoblenie rohov (s thead aj bez) */
.p-detail-tabs-wrapper thead tr:first-child th:first-child{border-top-left-radius:calc(var(--radius) - 4px)}
.p-detail-tabs-wrapper thead tr:first-child th:last-child {border-top-right-radius:calc(var(--radius) - 4px)}
.p-detail-tabs-wrapper tbody tr:last-child  td:first-child {border-bottom-left-radius:calc(var(--radius) - 4px)}
.p-detail-tabs-wrapper tbody tr:last-child  td:last-child  {border-bottom-right-radius:calc(var(--radius) - 4px)}

/* Popisok tabuľky (ak používaš <caption>) */
.p-detail-tabs-wrapper table:not(.table-raw) caption{
  caption-side:top;
  text-align:left;
  font-weight:600;
  margin-bottom:8px;
  color:var(--c-text);
  opacity:.85;
}

/* Prvý stĺpec zvýrazniť (napr. názov zložky) */
.p-detail-tabs-wrapper tbody td:first-child{
  font-weight:600;
}

/* ===== Mobilné „karty“ – opt-in: .soft-stack ===== */
@media (max-width:640px){
  .p-detail-tabs-wrapper table.soft-stack:not(.table-raw),
  .p-detail-tabs-wrapper table.soft-stack:not(.table-raw) tbody,
  .p-detail-tabs-wrapper table.soft-stack:not(.table-raw) tr,
  .p-detail-tabs-wrapper table.soft-stack:not(.table-raw) td{
    display:block;
    width:100%;
  }
  .p-detail-tabs-wrapper table.soft-stack:not(.table-raw){
    border-radius:var(--radius);
    box-shadow:none;
    background:transparent;
  }
  .p-detail-tabs-wrapper table.soft-stack:not(.table-raw) tr{
    background:var(--c-white);
    margin:0 0 10px 0;
    padding:10px 12px;
    border:1px solid var(--c-line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
  }
  .p-detail-tabs-wrapper table.soft-stack:not(.table-raw) td{
    border:none;
    padding:4px 0;
  }
  .p-detail-tabs-wrapper table.soft-stack:not(.table-raw) td:first-child{
    font-weight:600;
    margin-bottom:2px;
  }
}