@import "../variables";
@import "../mixins";

.HelpBody {
    min-width: auto;
}

.HelpImage {
    border: $border_main;
    box-shadow: 0 3px 18px rgba(0, 0, 0, .1);
    display: block;
    margin: 0 0 $offset_main * 2 0;
    max-width: 100%;

    &-general-view {
        max-width: 700px;
        width: 100%;
    }
}

.PrintLink {
    @include inline-middle;
    font-weight: $weight_bold;
    &:hover {
        text-decoration: none;
    }
}

.PrintLink-text,
.PrintLink-icon {
    display: inline-block;
}

.PrintLink-icon {
    height: $icon-default-size;
    line-height: normal;
    margin-right: 8px;
    position: relative;
    text-align: center;
    top: -2px;
    width: $icon-default-size;
}

.PrintLink-text-wrapper {
    .PrintLink:hover & {
        text-decoration: underline;
    }
    .PrintLink-disabled:hover & {
        text-decoration: none;
    }
}

/* stylelint-disable selector-no-type, no-descending-specificity */

.Layout-help {
    .Layout-help-wrapper {
        min-width: auto;
        padding: 0 $offset_main * 4;
    }
    .Footer-wrapper {
        min-width: auto;
    }
    .Layout-header {
        position: relative;
    }
    .Layout-help-content p {
        margin-bottom: $offset_main;
    }
    .Layout-help-content ul {
        margin-bottom: $offset_main;
        margin-top: $offset_main;
    }
    .Layout-help-content li {
        list-style-position: inside;
        list-style-type: disc;
        margin-bottom: $offset_main;
    }
    .Layout-help-content li ul li {
        list-style-type: circle;
        margin-left: $offset_main;
    }
    .Layout-help-content dt {
        display: inline;
        font-weight: $weight_bold;
    }
    .Layout-help-content dt::after {
        content: " — ";
        display: inline;
        font-weight: $weight_light;
    }
    .Layout-help-content dd {
        display: inline;
    }
    .Layout-help-content dd::after {
        content: "";
        display: block;
        margin-bottom: $offset_main;
    }
    .Print-help-link {
        bottom: $offset_main;
        position: absolute;
        right: 0;
    }
    .BackToTop {
        border-bottom: $border_main;
        margin: 0 0 $offset_main * 2 0;
        padding: $offset_main 0;
        text-align: right;
    }
    .Layout-help-content video {
        margin-bottom: $offset_main;
    }
}

/* stylelint-enable selector-no-type, no-descending-specificity */