@import url('https://fonts.googleapis.com/css?family=Roboto Condensed');
@font-face {
    font-family: 'HD44780U';
    src: url('fonts/5x8-LCD-HD44780U-A02.woff2') format('woff2');
}
@font-face {
    font-family: 'buttons';
    src: url('fonts/buttons.woff2') format('woff2');
}


/* Device breakpoints template */

 /* Extra small devices (phones, 600px and down)
 @media only screen and (max-width: 600px) {...} */

 /* Small devices (portrait tablets and large phones, 600px and up)
 @media only screen and (min-width: 600px) {...} */

 /* Medium devices (landscape tablets, 768px and up)
 @media only screen and (min-width: 768px) {...} */

 /* Large devices (laptops/desktops, 992px and up)
 @media only screen and (min-width: 992px) {...} */

 /* Extra large devices (large laptops and desktops, 1200px and up)
 @media only screen and (min-width: 1200px) {...} */


 :root {
    --pst-font-size-h1: 2.5em;
    --pst-font-size-h2: 2.125em;
    --pst-font-size-h3: 2em;
    --pst-font-size-h4: 1.75em;
    --pst-font-size-h5: 1.625em;
    --pst-font-size-p: 1em;
    --pst-font-size-rubric: 1.5em;
}

 @media only screen and (max-width: 600px) {

    :root {
        --pst-font-size-h1: 2em;
        --pst-font-size-h2: 1.75em;
        --pst-font-size-h3: 1.5em;
        --pst-font-size-h4: 1.375em;
        --pst-font-size-h5: 1.25em;
        --pst-font-size-p: 0.875em;
        --pst-font-size-rubric: 1.275em;
    }
 }

p {
    font-size: var(--pst-font-size-p);
}

.bd-header {
    box-shadow: none;
    border-bottom: 2px solid #004183;
}

html[data-theme=light] {
    --pst-color-primary: #004183;
    --pst-color-secondary: #004183;
}

.bd-header .navbar-nav>.current>.nav-link {
    border-bottom: none;
}

.prev-next-area a p.prev-next-title {
    text-decoration: none;
}

h1 {
    font-weight: 700;
    font-size: var(--pst-font-size-h1)
    /* border-top: 4px solid var(--pst-color-primary);
    border-bottom: 4px solid var(--pst-color-primary); */
}

@media only screen and (max-width: 600px) {
    h1 {
      font-size: 2rem;
    }
  }

h2 {
    /*margin-bottom: 20px;*/
    font-weight: 600;
}

h5 {
    color: dimgray;;
}

.buttons {
    font-family: 'buttons', monospace;
}

.lcd-block {
    font-family: 'HD44780U', monospace;
    font-size: 16px;
    line-height: 1.5;
    height: calc(5.5 * 13.75px);
    width: calc(16 * 13.75px);
    padding: 0.5em;
    background-color: #ebebeb;
    color: black;
    white-space: pre;
    border: 5px solid rgb(190, 190, 190);
    border-radius: 5px;
    margin-bottom: 3rem !important;
}

.lcd-block > p {
    position: relative;
    top: -1.5em;
}

html[data-theme=dark] .lcd-block {
    background-color: var(--sd-color-light-bg);
    color: var(--pst-color-background);
    border: 5px solid var(--pst-color-border);
}

code.lcd {
    font-family: 'HD44780U', monospace !important;
    background: #ebebeb !important;
    padding: 0.1rem 0.2rem;
    border: none;
    color: black;
    vertical-align: baseline;
    border-radius: 0.1rem;
}

html[data-theme=dark] code.lcd {
    background: var(--sd-color-light-bg) !important;
    color: var(--pst-color-background);
}

dt code.lcd {
    font-size: calc(var(--pst-font-size-p) * 0.8);
    font-weight: 500;
}

dl:not(:last-of-type) {
    margin-bottom: 0rem !important;

    dt, dd {
        margin-bottom: 0.5rem !important;
    }
}

dl.field-list {

    dt, dd {
        margin-bottom: 0.5rem !important;
    }
}

dl.field-list dt {

        display: inline-block;
        min-width: 150px;
}

dt span.circle-number {
    border-radius: 50%;
    display: inline-block;
    width: 2em;
    height: 2em;
    background-color: #24588f;
    text-align: center;
    color: white;
}

dt:has(span.circle-number) {
    min-width: 2em;
}

dt {

    margin-right: 1rem;
    padding-left: 0 !important;

    span.colon {
        display: none !important;
    }  
}

ul.simple:not(:last-of-type) {
    margin-bottom: 0 !important;
}

ul.simple {
    p {
        margin-bottom: 0.25rem !important;
    }
}

/*  ADMONITION STYLES   */

div.admonition {
    display: table;
    width: 100%;
    border-left: none;
    padding-top: 1em;
    padding-bottom: 1em;
}

div.admonition > .admonition-title {
    background-color: transparent !important;
    display: table-cell;
    width: 50px;
    font-size: 0 !important;
    margin-right: 1em;
    margin-left: 2em;
    position: relative;
    vertical-align: middle;
}

div.admonition > .admonition-title:before {
    background-color: transparent !important;
    background-image: url('_images/icons/ISO_7010_M002.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    padding: 4em;
}

div.admonition.note > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_M001_info.svg');
}

div.admonition.admonition-question > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_M001_question.svg');
}

div.admonition.admonition-children > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_M055.svg');
}

div.admonition.caution > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_M001.svg');
}

div.admonition.admonition-earth > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_M005.svg');
}

div.admonition.admonition-mains > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_M006.svg');
}

div.admonition.hint > .admonition-title:before {
    background-image: url('_images/icons/example_hint.svg');
}

div.admonition.seealso > .admonition-title:before {
    background-image: url('_images/icons/seealso.svg');
}

div.admonition.attention > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_W012.svg');
}

div.admonition.admonition-hot > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_W017.svg');
}

div.admonition.admonition-flame > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_W021.svg');
}

div.admonition.warning > .admonition-title:before {
    background-image: url('_images/icons/ISO_7010_W001.svg');
}

div.admonition.admonition-recycle > .admonition-title:before {
    background-image: url('_images/icons/Recycling_symbol2.svg');
}

html[data-theme=light] div.admonition.admonition-trash > .admonition-title:before {
    background-image: url('_images/icons/WEEE_symbol_vectors.svg');
}

html[data-theme=dark] div.admonition.admonition-trash > .admonition-title:before {
    background-image: url('_images/icons/WEEE_symbol_vectors-dark.svg');
}

div.admonition > .admonition-title:after {
    color: transparent !important;
}

div.admonition > .admonition-title + * {
    margin-bottom: 0.4em;
}

div.admonition.admonition-navigation {
    border-color: hsl(200, 100%, 25%);
}
div.admonition.admonition-navigation > .admonition-title {
    background-color: var(--pst-color-info-bg);
    color: /* white; */
}
div.admonition.admonition-navigation > .admonition-title:after {
    color: hsl(200, 100%, 25%);
    content: "\e476"; /* the fa-scale icon */
}

.title {
    /* font-family: 'Roboto Condensed', sans-serif; */
    color: var(--pst-color-primary);
    /* font-weight: bold; */
    font-size: 3rem;
    /* border-top: 4px solid var(--pst-color-primary);
    border-bottom: 4px solid var(--pst-color-primary);
    margin-top: auto;
    margin-bottom: 25px; */
}

.responsive-img {
    max-width: 100%;
    width: 400px; /* Maximální šířka obrázku pro PC */
}

.header-article__inner {
    margin-bottom: 20px;
}

.language-picker {
    display: flex;
    align-items: center;
    box-shadow: 10px rgba(0, 0, 0, 0.2);
}

.language-picker label {
    display: none;
}

.language-picker select {
    padding: 10px;
    margin-left: 10px;
    border: none;
    border-radius: 0.75em;
    background-color: var(--sd-color-light-bg);
    cursor: pointer;
    font-size: 0.8rem;
}

html[data-theme=dark] .language-picker select {
    background-color: #222832;
}

.navigation-height {
    max-height: 100%;
    height: 200px; /* Maximální šířka obrázku pro PC */
}

.navigation-width {
    max-width: 100%;
    width: 600px; /* Maximální šířka obrázku pro PC */
}

/* TABLE STYLES */

table {
    border: 2px solid var(--pst-color-table-inner-border) !important;
}

.table thead tr {
    border-bottom: 2px solid var(--pst-color-table-inner-border);
}

.table tbody tr {
    border-bottom: 1px solid var(--pst-color-table-inner-border);
    background-color: var(--pst-color-background) !important;
}

/* Column alignment = middle */

.table-center-column-1 tr td:nth-child(1),
.table-center-column-1 tr th:nth-child(1),
.table-center-column-2 tr td:nth-child(2),
.table-center-column-2 tr th:nth-child(2),
.table-center-column-3 tr td:nth-child(3),
.table-center-column-3 tr th:nth-child(3),
.table-center-column-4 tr td:nth-child(4),
.table-center-column-4 tr th:nth-child(4),
.table-center-column-5 tr td:nth-child(5),
.table-center-column-5 tr th:nth-child(5),
.table-center-column-5 tr td:nth-child(6),
.table-center-column-5 tr th:nth-child(6) {
    text-align: center !important;
}

/* Column alignment = right */

.table-right-column-1 tr td:nth-child(1),
.table-right-column-1 tr th:nth-child(1),
.table-right-column-2 tr td:nth-child(2),
.table-right-column-2 tr th:nth-child(2),
.table-right-column-3 tr td:nth-child(3),
.table-right-column-3 tr th:nth-child(3),
.table-right-column-4 tr td:nth-child(4),
.table-right-column-4 tr th:nth-child(4),
.table-right-column-5 tr td:nth-child(5),
.table-right-column-5 tr th:nth-child(5),
.table-right-column-5 tr td:nth-child(6),
.table-right-column-5 tr th:nth-child(6) {
    text-align: right !important;
}

/* Column alignment = left */

.table-left-column-1 tr td:nth-child(1),
.table-left-column-1 tr th:nth-child(1),
.table-left-column-2 tr td:nth-child(2),
.table-left-column-2 tr th:nth-child(2),
.table-left-column-3 tr td:nth-child(3),
.table-left-column-3 tr th:nth-child(3),
.table-left-column-4 tr td:nth-child(4),
.table-left-column-4 tr th:nth-child(4),
.table-left-column-5 tr td:nth-child(5),
.table-left-column-5 tr th:nth-child(5),
.table-left-column-5 tr td:nth-child(6),
.table-left-column-5 tr th:nth-child(6) {
    text-align: left !important;
}

/* Card styles */

html[data-theme=dark] .sd-card {
    border-radius: 1rem;
    border: none;
    background-color: #222832;
}

.sd-card {
    border-radius: 1rem;
    border: none !important;
    background-color: var(--sd-color-light-bg);
    transition: transform 0.5s ease;

    a {
        text-decoration: none;
        color: var(--pst-color-text-base);
    }
}

html[data-theme=dark] .sd-card-body {
    background-color: #222832 !important;
}

.sd-card-body {
    border-radius: 1rem;
    background-color: var(--sd-color-light-bg) !important;
}

.sd-card.docutils:hover {
    transform: scale(1.08);
}

.sd-card-footer {
    border-top-right-radius: 0rem !important;
    border-top-left-radius: 0rem !important;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: inherit;
}

p.rubric {
    font-size: var(--pst-font-size-rubric);
    font-weight: var(--pst-font-weight-heading);
    border: none !important;
}

.container-connection {
  display: flex;
  flex-direction: column; /* Text a obrázek budou pod sebou */
}

.text, .image, .image-bgd {
  flex: 1;
}

.text {
    margin-right: 10px !important;
}

.image-bgd {
    img {
        border-radius: 25px;
    }
}

@media (min-width: 768px) {
  .container {
    flex-direction: row; /* Text a obrázek budou vedle sebe na desktopu */
  }
}

.container-text-image {
    display: flex;
    flex-direction: column; /* Text a obrázek budou pod sebou */
    margin-bottom: 3rem !important;
  }
  
  .text-left, .image-right, .image-bgd {
    flex: 1;
  }
  
  .text-left {
      margin-right: 10px !important;
  }
  
  .image-bgd {
      img {
          border-radius: 25px;
      }
  }
  
  @media (min-width: 768px) {
    .container {
      flex-direction: row; /* Text a obrázek budou vedle sebe na desktopu */
    }

    .text-left {
        padding-right: 20px !important;
        text-align: justify;
    }
  }
  
/* ---------Footnote styles----------*/

span.backrefs, span.fn-bracket {
    display: none;
}

aside.footnote {
    font-size: 0.875em;
    color: var(--pst-color-text-muted);

    span.label, a {
        text-decoration: none;
        color: var(--pst-color-text-muted);
    }
}

a.footnote-reference {
    text-decoration: none;
    color: var(--pst-color-text-muted);
    font-weight: bold;
}