/*
 * Subject profile overview (/subjekt/{ico}).
 * The page is built from Bootstrap 5 utilities and components plus hlidac.css (.btn, .copy-icon);
 * only what neither provides lives here, scoped under .hs-subjekt with the hsp- prefix.
 */
.hs-subjekt {
    --hsp-sticky-top: 92px;
    --hsp-bar: #C7DDF6;
    --hsp-navy: #003688;
}

.hs-subjekt .sticky-lg-top {
    top: var(--hsp-sticky-top);
}

.hs-subjekt [id] {
    scroll-margin-top: var(--hsp-sticky-top);
}

.hsp-lbl {
    font-size: 12px;
    letter-spacing: 1px;
}

.hs-subjekt .nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary-bg-subtle);
    --bs-nav-pills-link-active-color: var(--bs-primary);
    --bs-nav-link-color: var(--bs-body-color);
    --bs-nav-link-hover-color: var(--bs-body-color);
    --bs-nav-link-padding-y: .4rem;
    --bs-nav-link-padding-x: .6rem;
}

.hs-subjekt .nav-pills .nav-link:hover:not(.active) {
    background: var(--bs-tertiary-bg);
}

.hsp-ic {
    width: 40px;
    height: 40px;
}

.hsp-photo {
    width: 72px;
    height: 72px;
    background-size: cover;
    background-position: center;
}

.hsp-bars {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 84px;
    border-bottom: 1px solid var(--bs-border-color);
}

.hsp-bars i {
    flex: 1;
    min-height: 2px;
    background: var(--hsp-bar);
    border-radius: 2px 2px 0 0;
}

.hsp-bars i:last-child {
    background: var(--bs-primary);
}

.hsp-bars i:hover {
    background: var(--bs-link-hover-color);
}

.hsp-watch {
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), var(--hsp-navy);
}

/* Social share kit anchors rendered by the share-* tag helpers, placed inside an outline button. */
.hs-subjekt .btn > .ssk {
    background: transparent;
    color: inherit;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

.hs-subjekt .btn > .ssk:before {
    background: transparent;
    margin: 0;
    padding: 0;
    text-indent: 0;
    vertical-align: middle;
    font-size: 15px;
}