/* BIGIT Logo Position & Shine */
.bigit-hc-header,
.bigit-hc-mobile-host {
    position: relative !important;
}

/* Kompiuteryje nekeičiamas paieškos išdėstymas – nuleidžiamas tik logotipo blokas. */
.bigit-hc-branding {
    position: relative !important;
    top: var(--bigit-logo-desktop-drop, 12px) !important;
    text-align: center !important;
    overflow: visible !important;
    z-index: 30;
}

.bigit-hc-logo {
    position: relative !important;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    line-height: 1;
    overflow: visible;
}

.bigit-hc-logo img,
.bigit-hc-logo svg {
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain;
}

/* Atskiras temos arba įskiepio sukurtas tekstas. */
.bigit-hc-tagline {
    display: block !important;
    width: 100% !important;
    margin: 3px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: nowrap;
    font-size: clamp(10px, 0.76vw, 13px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0.025em;
    color: #4c4c4c;
}

.bigit-hc-shine .bigit-hc-tagline {
    color: transparent !important;
    background-image: linear-gradient(
        108deg,
        #454545 0%,
        #5f5f5f 34%,
        #d2d2d2 44%,
        #ffffff 50%,
        #a5a5a5 57%,
        #505050 69%,
        #454545 100%
    );
    background-size: 260% 100%;
    background-position: 160% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: bigit-hc-text-shine var(--bigit-logo-shine-speed, 3.2s) linear infinite;
}

/* Kai tekstas yra pačiame PNG/SVG logotipe, blizgesys juda tik per apatinę logotipo dalį. */
.bigit-hc-shine .bigit-hc-embedded-tagline {
    overflow: hidden !important;
}

.bigit-hc-shine .bigit-hc-embedded-tagline::after {
    content: "";
    position: absolute;
    z-index: 4;
    left: -45%;
    bottom: 0;
    width: 34%;
    height: 31%;
    pointer-events: none;
    opacity: 0;
    transform: skewX(-18deg);
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.18) 24%,
        rgba(255, 255, 255, 0.92) 50%,
        rgba(255, 255, 255, 0.18) 76%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(0.3px);
    mix-blend-mode: screen;
    animation: bigit-hc-image-shine var(--bigit-logo-shine-speed, 3.2s) ease-in-out infinite;
}

/* Mobilusis sluoksnis kuriamas tik logotipo centravimui. */
.bigit-hc-mobile-layer {
    display: none;
    position: absolute;
    inset: 0;
    z-index: 90;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.bigit-hc-is-mobile .bigit-hc-mobile-layer {
    display: flex;
}

.bigit-hc-is-mobile .bigit-hc-mobile-layer .bigit-hc-branding {
    position: static !important;
    top: auto !important;
    width: max-content;
    max-width: calc(100% - 116px);
    margin: 0 !important;
    transform: translateY(var(--bigit-logo-mobile-drop, 2px));
    pointer-events: auto;
}

.bigit-hc-is-mobile .bigit-hc-logo img,
.bigit-hc-is-mobile .bigit-hc-logo svg {
    max-width: min(210px, 54vw) !important;
    max-height: 56px !important;
    width: auto !important;
    height: auto !important;
}

.bigit-hc-is-mobile .bigit-hc-tagline {
    font-size: 10px;
    margin-top: 2px !important;
}

@keyframes bigit-hc-text-shine {
    0%   { background-position: 160% 0; }
    62%,
    100% { background-position: -70% 0; }
}

@keyframes bigit-hc-image-shine {
    0%, 18% {
        left: -45%;
        opacity: 0;
    }
    28% {
        opacity: 0.86;
    }
    58% {
        left: 112%;
        opacity: 0.62;
    }
    69%, 100% {
        left: 112%;
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bigit-hc-shine .bigit-hc-tagline,
    .bigit-hc-shine .bigit-hc-embedded-tagline::after {
        animation: none !important;
    }

    .bigit-hc-shine .bigit-hc-tagline {
        color: #4c4c4c !important;
        background: none !important;
        -webkit-text-fill-color: currentColor;
    }
}