/**
 * Глобальная типографика Manrope (ЧПОУ «ВСТ ТС»)
 */

body, h1, h2, h3, h4, h5, h6, p, span, a, input, select, textarea, button {
    font-family: var(--vstts-font-family);
    line-height: 1.2;
    font-feature-settings: 'liga' off;
}

h2 {
    text-transform: uppercase;
}

/* ==========================================================================
   ЗАГОЛОВКИ (H1 - H5)
   ========================================================================== */
h1, .font-h1 { font-size: var(--font-h1); font-weight: 500; color: var(--vstts-text-primary); }
h2, .font-h2 { font-size: var(--font-h2); font-weight: 700; color: var(--vstts-text-primary); }
h3, .font-h3 { font-size: var(--font-h3); font-weight: 700; color: var(--vstts-text-primary); }
h4, .font-h4 { font-size: var(--font-h4); font-weight: 700; color: var(--vstts-text-primary); }
h5, .font-h5-regular { font-size: var(--font-h5); font-weight: 400; color: var(--vstts-text-primary); }
.font-h5-bold { font-size: var(--font-h5); font-weight: 600; color: var(--vstts-text-primary); }

/* ==========================================================================
   ОСНОВНОЙ ТЕКСТ (BODY)
   ========================================================================== */
.body-xl-bold { font-size: var(--font-body-xl); font-weight: 600; }
.body-xl      { font-size: var(--font-body-xl); font-weight: 400; }

body, .body-l { font-size: var(--font-body-l); font-weight: 400; color: var(--vstts-text-primary); }
.body-l-bold  { font-size: var(--font-body-l); font-weight: 600; }

.body-m       { font-size: var(--font-body-m); font-weight: 400; }
.body-m-bold  { font-size: var(--font-body-m); font-weight: 600; }

small, .body-s { font-size: var(--font-body-s); font-weight: 400; }
.body-s-bold  { font-size: var(--font-body-s); font-weight: 600; }

.body-xs      { font-size: var(--font-body-xs); font-weight: 400; }
.body-xs-bold { font-size: var(--font-body-xs); font-weight: 600; }

a.vstts-link,
.vstts-link,
.breadcrumb a,
.sveden-body a:not(.btn):not(.sveden-doc-btn),
.entry-content a {
    color: #4C7AA2;
    text-decoration: none;

    background-image: linear-gradient(
        to right,
        rgba(76, 122, 162, 0.8),
        rgba(76, 122, 162, 0.8)
    );
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: 0 100%;

    transition:
        background-size 0.15s ease,
        opacity 0.15s ease,
        color 0.15s ease;
}

/* После наведения полоска исчезает */
a.vstts-link:hover,
.vstts-link:hover,
.breadcrumb a:hover,
.sveden-body a:not(.btn):not(.sveden-doc-btn):hover,
.entry-content a:hover {
    background-size: 0 1px;
    opacity: 0.8;
}

/* При нажатии */
a.vstts-link:active,
.vstts-link:active,
.breadcrumb a:active,
.sveden-body a:not(.btn):not(.sveden-doc-btn):active,
.entry-content a:active {
    background-size: 0 1px;
    opacity: 0.5;
}