/*
 * DT Product Style 2.0 — 16. 9. 2026
 * Jediný společný styl produktových popisů. Připraveno ke schválení.
 * Cíl: ověřená šablona PAXIO Merkur / Shoptet.
 * Nasazovat jednou, za stávajícími styly. Produktová HTML neobsahují inline styly.
 * Změny se projeví jen na obsahu s třídami dt-product / dt-product-summary.
 */

.type-detail {
  --dtp-teal: #008ca3;
  --dtp-pink: #cc4c85;
  --dtp-link: #9f3464;
  --dtp-divider: #e4e7e8;
}

.type-detail .p-short-description > p.dt-product-summary {
  display: block;
  margin: 0;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: inherit;
}

.type-detail .p-short-description > p.dt-product-summary + p.vice-info {
  display: block;
  margin: 8px 0 0;
}

.type-detail .p-short-description > p.dt-product-summary strong {
  font-weight: 700;
  color: inherit;
}

.type-detail .p-short-description > p.dt-product-summary + p.vice-info a {
  color: var(--dtp-link);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.type-detail #description .basic-description .dt-product {
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: inherit;
  max-width: 100%;
}

.type-detail #description .basic-description .dt-product p,
.type-detail #description .basic-description .dt-product ul,
.type-detail #description .basic-description .dt-product ol {
  margin: 0 0 16px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.type-detail #description .basic-description .dt-product ul,
.type-detail #description .basic-description .dt-product ol {
  padding-left: 24px;
}

.type-detail #description .basic-description .dt-product li {
  margin: 0 0 4px;
  font-size: inherit;
  line-height: inherit;
}

.type-detail #description .basic-description .dt-product strong {
  font-weight: 700;
  color: inherit;
}

.type-detail #description .basic-description .dt-product h3.dt-section-title {
  margin: 24px 0 10px;
  padding: 0;
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: normal;
  text-transform: none;
}

.type-detail #description .basic-description .dt-product .dt-section-title--benefits,
.type-detail #description .basic-description .dt-product .dt-section-title--usage,
.type-detail #description .basic-description .dt-product .dt-section-title--safety,
.type-detail #description .basic-description .dt-product .dt-section-title--resources {
  color: var(--dtp-teal);
}

.type-detail #description .basic-description .dt-product .dt-section-title--parameters,
.type-detail #description .basic-description .dt-product .dt-section-title--variants,
.type-detail #description .basic-description .dt-product .dt-section-title--packaging {
  color: var(--dtp-pink);
}

.type-detail #description .basic-description .dt-product a,
.type-detail #description .basic-description .dt-product a:visited,
.type-detail #description .basic-description .dt-product a:hover,
.type-detail #description .basic-description .dt-product a:focus {
  color: var(--dtp-link);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  overflow-wrap: anywhere;
}

.type-detail #description .basic-description .dt-product a:hover,
.type-detail .p-short-description > p.dt-product-summary + p.vice-info a:hover {
  text-decoration-thickness: 2px;
}

.type-detail #description .basic-description .dt-product hr {
  height: 0;
  margin: 24px 0 0;
  border: 0;
  border-top: 1px solid var(--dtp-divider);
}

.type-detail #description .basic-description .dt-product ul.dt-documents {
  padding-left: 0;
  list-style: none;
}

.type-detail #description .basic-description .dt-product .dt-documents li {
  margin: 0 0 12px;
}

.type-detail #description .basic-description .dt-product .dt-document-meta {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: inherit;
}

.type-detail #description .basic-description .dt-product table.dt-product-parameters {
  width: 100%;
  max-width: 100%;
  margin: 0 0 16px;
  border-collapse: collapse;
  table-layout: auto;
  font-size: inherit;
  line-height: inherit;
}

.type-detail #description .basic-description .dt-product .dt-product-parameters th,
.type-detail #description .basic-description .dt-product .dt-product-parameters td {
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid var(--dtp-divider);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.type-detail #description .basic-description .dt-product .dt-product-parameters th {
  font-weight: 700;
}

.type-detail #description .basic-description .dt-product .dt-table-scroll {
  max-width: 100%;
  overflow-x: auto;
}

.type-detail #description .basic-description .dt-product img {
  max-width: 100%;
  height: auto;
}

.type-detail #description .basic-description .dt-product > :last-child {
  margin-bottom: 0;
}