@import url('https://fonts.googleapis.com/css?family=Roboto Condensed');

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

 ol {
    
    li::marker {
        padding-left: 10rem;
    }

    li + li {
        margin-top: 1rem;
    }

    ul {
        li + li {
            margin-top: 0;
        }
    }
 }

 ol li::marker {
    margin-right: 10rem;
    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: bold;
    font-size: var(--pst-font-size-h1)
    /* border-top: 4px solid var(--pst-color-primary);
    border-bottom: 4px solid var(--pst-color-primary); */
}

h1 span.guilabel::before {
    background-color: transparent !important;    
}

h2 {
    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-approval-pending > .admonition-title:before {
    background-image: url('_images/icons/circle-question-solid.svg');
}

div.admonition.admonition-approval-approve > .admonition-title:before {
    background-image: url('_images/icons/circle-check-solid.svg');
}

div.admonition.admonition-approval-deny > .admonition-title:before {
    background-image: url('_images/icons/circle-xmark-solid.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 {
    color: var(--pst-color-primary);
    font-size: 3rem;
}

img {
    border-radius: 20px;
}

img.no-rounded {
    border-radius: 0px !important;
}

.navbar-brand img {
    border-radius: 0 !important;
}

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

.responsive-steps {
    max-width: 100%;
    width: 800px; /* 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;
}

.responsive-steps {
    max-width: 100%;
    width: 800px; /* Maximální šířka obrázku pro PC */
    border-radius: 25px; 
    margin-bottom: 5%;
}

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

.navigation-img {
    max-height: 100%;
}

.img-border {
    max-height: 100%;
    border: 1px solid #eee;
}

html[data-theme=dark] .img-border {
    max-height: 100%;
    border: 1px solid #3f3f3f;
    border-radius: 20px !important;
}

/* Table styles */

.table {
    border: 2px solid rgb(160, 160, 160);
}

thead {
    tr {
        border-bottom: 2px solid rgb(160, 160, 160) !important;
    }
}

th {
    background-color: var(--pst-color-surface) !important;

    p {
        font-size: 1.1rem;
        color: var(--pst-color-text-muted);
    }
}

tr:nth-child(odd) {
    background-color: transparent !important;
}


.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-6 tr td:nth-child(6),
.table-center-column-6 tr th:nth-child(6),
.table-center-column-7 tr td:nth-child(7),
.table-center-column-7 tr th:nth-child(7),
.table-center-column-8 tr td:nth-child(8),
.table-center-column-8 tr th:nth-child(8),
.table-center-column-9 tr td:nth-child(9),
.table-center-column-9 tr th:nth-child(9),
.table-center-column-10 tr td:nth-child(10),
.table-center-column-10 tr th:nth-child(10),
.table-center-column-11 tr td:nth-child(11),
.table-center-column-11 tr th:nth-child(11),
.table-center-column-12 tr td:nth-child(12),
.table-center-column-12 tr th:nth-child(12) {
    text-align: center !important;
}

.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) {
    text-align: right !important;
}

.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) {
    text-align: left !important;
}

.table-red-line-left-8 tr:nth-child(8) td:first-child,
.table-red-line-left-9 tr:nth-child(9) td:first-child {
    
    border-left: solid 3px;
    border-color: var(--sd-color-danger);
}

.table-circle-cell-blue-1 tr td:nth-child(1) {

    p {
        border-radius: 50%;
        width: 2em;
        height: 2em;
        background-color: var(--pst-color-info-bg);
        text-align: center;
        line-height: 2em;
    }
}

.table-circle-cell-red-1 tr td:nth-child(1),
.table-circle-cell-red-3 tr td:nth-child(3) {

    p {
        border-radius: 50%;
        width: 2em;
        height: 2em;
        background-color: var(--pst-color-success-bg);
        text-align: center;
        line-height: 2em;
    }
}

.table-no-line {
    margin-right: 4em !important;
    background-color: transparent !important;
    border-bottom: transparent !important;

    th {
        vertical-align: middle;
    }
    
    td {
        vertical-align: middle;
    }
}

.no-border {
    margin-top: 1rem;
    border: none;

    tr {
        background-color: transparent !important;
            }

    td {
        border: none;
    }

    td~td {
        border-left: none !important;
    }
}

.column-numbers-1 {
    tr td:nth-child(1) {
        padding-right: 0;
    
        p {
            border-radius: 50%;
            width: 2em;
            height: 2em;
            background-color: #242424 !important;
            color: white;
            text-align: center;
            line-height: 2em;
        }
    }
}

/* 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) !important;
        text-decoration: none !important;
    }
}

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

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

span.guilabel {
    font-size: 100%;
    padding: absolute;
    border-radius: 1em;
    border: none;
    color: var(--sd-color-primary-bg-text);
}

div.bd-header-announcement {
    background-color: var(--sd-color-info-bg);
}

/* ---------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::after {
    content: "";
}

dl.field-list.simple {
    
    dt > span.colon {
            display: none;
    }

    dt:not(:last-of-type), dd:not(:last-of-type) {
        margin-bottom: .5rem;
    }

    margin-bottom: 1rem;
}

dl.field-list.simple:not(:last-of-type) {
    margin-bottom: .5rem;
}