@import url('https://fonts.googleapis.com/css?family=Roboto Condensed');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");

@font-face {
    font-family: 'seven-segment';
    src: url('fonts/seven-segment.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;
    --dg-red: red;
    --dg-red-dark: rgb(221, 90, 90);
    --dg-bg: #e5e7ea;
    --dg-bg-dark: #222832;
}

 @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;
    --dg-red-display: var(--dg-red);
    --dg-background: var(--dg-bg);
}

html[data-theme=dark] {
    --dg-red-display: var(--dg-red-dark);
    --dg-background: var(--dg-bg-dark);
}

.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;;
}

/*  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 */
}

/* Zarovnání sloupce doprostřed */

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

.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 {
        color: var(--pst-color-text-base);
        text-decoration: none;
    }
}

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;
}

code.docutils {
    border: none;
    border-radius: 0;
}

.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;
    }
}

/* Digital clock font */

.real-display {
    font-family: 'seven-segment', monospace;
    color: var(--sd-color-danger);

    font-weight: 800;
    vertical-align: text-top;
    padding: 0.1em 0.2em;
    border-radius: 0.2em;
    font-size: calc(var(--pst-font-size-p) * 0.9);
    word-break: keep-all;
}