@charset "UTF-8";
/* ===========================================================================
   infohub.login.css  —  prijava (Account/Login)
   ---------------------------------------------------------------------------
   Naloži se ZA infohub.landing.css in infohub.register.css. Kartice, značke,
   polja z ikono, zeleni gumb in stransko kartico "Še nimate uporabniškega
   imena?" deli z registracijo; tu so le razlike.
   =========================================================================== */

.ih-lg-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: clamp(48px,5vw,64px) clamp(28px,3vw,48px);
    align-items: start;
    max-width: 1280px;
    margin-inline: auto;
}

@media (min-width:992px) {
    .ih-lg-grid {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }
}

/* ---------------------------------------------------------------------------
   PRIJAVNA KARTICA
   ------------------------------------------------------------------------ */

.ih-lg-card {
    padding-bottom: clamp(28px,3vw,44px);
}

/* značka z zvezdo (znak eFollowr) */
.ih-lg-badge svg {
    width: 58%;
    height: 58%;
}

/* znak iz slike logo_star3_upscaled2.png, obrezan v krog; obroča ostaneta */
.ih-lg-badge--img {
    overflow: hidden;
    background: #62883c;
}

    .ih-lg-badge--img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.06); /* odreže mehki rob kvadrata z zaobljenimi vogali */
    }

.ih-lg-form {
    max-width: 520px;
    margin: clamp(24px,2.6vw,36px) auto 0;
}
/* naslov je na tej strani krajši kot pri registraciji */
.ih-lp .ih-lg-card .ih-rg-head h1 {
    font-size: clamp(30px,2.9vw,46px);
}

.ih-lg-field {
    margin-bottom: 18px;
}

.ih-lg .ih-lg-label {
    display: block;
    margin: 0 0 7px;
    font-size: 13px;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #3a4a5c;
}

.ih-lg .ih-rg-in .form-control {
    height: 52px;
    font-size: 16px;
}

.ih-lg .field-validation-error {
    margin: 6px 0 0;
}

.ih-lg-show {
    margin-top: 4px;
}

.ih-lg .ih-rg-submit {
    margin-top: 24px;
}

.ih-lg-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 18px 0 0 !important;
    font-size: 15.5px;
}

    .ih-lg-links a,
    .ih-lg-links a:visited {
        color: var(--rg-green) !important;
        font-weight: 700;
        text-decoration: none;
    }

        .ih-lg-links a:hover,
        .ih-lg-links a:focus {
            text-decoration: underline;
            text-underline-offset: 3px;
        }

    .ih-lg-links span {
        color: #b7c2bb;
    }

/* ---------------------------------------------------------------------------
   STRANSKI DEL
   ------------------------------------------------------------------------ */

/* svetla značka: bel krog z zeleno ikono */
.ih-lg-badge--light {
    color: var(--rg-green);
    background: #fff;
    box-shadow: 0 0 0 clamp(6px,.7vw,10px) #eaf4df, 0 14px 30px rgba(47,106,44,.18);
}

.ih-lg-visual {
    position: relative;
    display: flex;
    align-items: center;
    gap: clamp(12px,2vw,28px);
    margin-top: clamp(20px,2.4vw,32px);
    padding-left: clamp(0px,1vw,12px);
}

.ih-lg-laptop {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 440px;
    height: auto;
}

/* tri naprave, povezane s črtkano črto */
.ih-lg-devices {
    position: relative;
    flex: none;
    display: grid;
    gap: 18px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

    .ih-lg-devices::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 30px;
        bottom: 30px;
        left: 50%;
        border-left: 3px dashed #9fcb6f;
    }

    .ih-lg-devices li {
        position: relative;
        z-index: 1;
        width: 62px;
        height: 62px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: #fff;
        color: var(--rg-green);
        box-shadow: 0 0 0 6px #eef6e7, 0 10px 22px rgba(18,48,28,.10);
    }

        .ih-lg-devices li:nth-child(2) {
            transform: translateX(26px);
        }

        .ih-lg-devices li svg {
            width: 28px;
            height: 28px;
        }

/* ---------------------------------------------------------------------------
   OZKI ZASLONI
   ------------------------------------------------------------------------ */

@media (max-width:640px) {
    .ih-lg-form {
        margin-left: 0;
    }

    .ih-lg-links {
        flex-direction: column;
        gap: 8px;
    }

        .ih-lg-links span {
            display: none;
        }
    /* ob prelomu bi ločilo viselo ob robu */
    .ih-lg-devices li {
        width: 50px;
        height: 50px;
    }

        .ih-lg-devices li svg {
            width: 22px;
            height: 22px;
        }

        .ih-lg-devices li:nth-child(2) {
            transform: translateX(16px);
        }
}