/**
 * @author    Sigmanortec SRL <office@sigmanortec.ro>
 * @copyright 2024 Sigmanortec SRL
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 */

/* Test and Tutorial tabs. The tabs carry the product-description class, and a shop rule such as
   ".product-description * { white-space: normal !important }" joins the lines of a program: inside these
   tabs code keeps its lines and indentation whatever the theme says. The doubled classes outrank such rules. */
.sdesc-guide img,
.sdesc-code-tab img {
  max-width: 100%;
  height: auto;
}

.sdesc-guide h4 {
  margin-top: 1.4em;
}

.sdesc-guide.product-description pre,
.sdesc-code-tab.product-description pre,
.sdesc-guide pre,
.sdesc-code-tab pre {
  display: block;
  margin: 0.6em 0 1.2em;
  padding: 12px 14px;
  overflow-x: auto;
  background: #f6f8fa;
  border: 1px solid #e1e4e8;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
  white-space: pre !important;
  word-wrap: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.sdesc-guide.product-description pre code,
.sdesc-code-tab.product-description pre code,
.sdesc-guide pre code,
.sdesc-code-tab pre code {
  display: block;
  padding: 0;
  background: none;
  border: 0;
  color: #24292e;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: inherit;
}

.sdesc-guide.product-description pre *,
.sdesc-code-tab.product-description pre * {
  white-space: pre !important;
  word-wrap: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.sdesc-guide table {
  margin: 0.6em 0 1.2em;
  border-collapse: collapse;
}

.sdesc-guide th,
.sdesc-guide td {
  padding: 4px 10px;
}

.sdesc-guide ul li {
  margin-bottom: 0.3em;
}