/*
 * ДиаЛабПоток shared product branding.
 *
 * This stylesheet is shared by:
 * - modular V2 templates;
 * - legacy app.py HTML shell.
 *
 * Do not copy logo sizing into individual pages.
 */


.dialab-brand-logo {
    display: block;

    width:
        clamp(
            235px,
            24vw,
            315px
        );

    height: auto;

    max-width: 100%;
}


.v2-brand {
    display: inline-flex;

    align-items: center;

    max-width: 100%;

    line-height: 0;

    text-decoration: none;
}


.v2-brand-block {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    min-width: 0;
}


.v2-brand-block .v2-version {
    margin-top: 3px;

    padding-left: 73px;

    color:
        var(
            --dlp-text-muted,
            #927d66
        );

    font-size: 10px;

    letter-spacing: .035em;

    white-space: nowrap;
}


.v2-brand:hover .dialab-brand-logo {
    opacity: .94;
}


/*
 * Legacy shell:
 *
 * The old shell already owns layout/navigation.
 * We replace only its text brand with this common logo.
 */

.legacy-dialab-brand {
    display: inline-flex;

    align-items: center;

    line-height: 0;

    text-decoration: none;
}


.legacy-dialab-brand .dialab-brand-logo,
a.brand .dialab-brand-logo,
.brand .dialab-brand-logo {
    width:
        clamp(
            220px,
            22vw,
            300px
        );

    height: auto;
}


@media(max-width:760px) {

    .dialab-brand-logo {
        width: 235px;
    }


    .v2-brand-block .v2-version {
        padding-left: 56px;

        font-size: 9px;
    }


    .legacy-dialab-brand .dialab-brand-logo,
    a.brand .dialab-brand-logo,
    .brand .dialab-brand-logo {
        width: 220px;
    }

}


@media(max-width:520px) {

    .dialab-brand-logo {
        width: 210px;
    }


    .v2-brand-block .v2-version {
        padding-left: 50px;
    }


    .legacy-dialab-brand .dialab-brand-logo,
    a.brand .dialab-brand-logo,
    .brand .dialab-brand-logo {
        width: 195px;
    }

}


/* ============================================================
   DIALABPOTOK SITE FOOTER

   Normal application HTML pages only.
   PDF documents and QR/label pages do not render this markup.
   ============================================================ */

.dialab-love-footer {

    box-sizing:
        border-box;

    width:
        calc(
            100% - 32px
        );

    max-width:
        1180px;

    margin:
        36px auto 18px;

    padding:
        15px 12px 4px;

    border-top:
        1px solid
        rgba(
            145,
            119,
            88,
            .16
        );

    color:
        #a18d77;

    font-size:
        11px;

    font-weight:
        650;

    line-height:
        1.5;

    text-align:
        center;

    letter-spacing:
        .01em;
}


@media (
    max-width: 640px
) {

    .dialab-love-footer {

        width:
            calc(
                100% - 24px
            );

        margin-top:
            28px;

        font-size:
            10px;
    }

}