/*
 * Velocity Admini + Vodstvo V36
 * - V35 više nije aktivan
 * - V34 izgled Glavnog Ownera ostaje
 * - vraćen V32-style light sweep na hover
 * Scoped only to Admini + Vodstvo cards.
 */

body.vc-v33-admins .staff-card,
body.vc-v33-admins .panel.staff-card,
body.vc-v33-staff .vc-main-owner-card,
body.vc-v33-staff .vc-management-card {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}

/* Poseban element za shine, da ne diramo postojeće ::before / ::after efekte iz V33/V34. */
body.vc-v33-admins .vc-v36-shine,
body.vc-v33-staff .vc-v36-shine {
    position: absolute !important;
    z-index: 4 !important;

    top: -85% !important;
    left: -42% !important;

    width: 34% !important;
    height: 270% !important;

    display: block !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(103,198,255,.03) 22%,
            rgba(129,211,255,.14) 50%,
            rgba(103,198,255,.035) 78%,
            transparent 100%
        ) !important;

    filter: blur(.2px);
    opacity: 0;

    transform:
        rotate(18deg)
        translateX(-230%) !important;

    pointer-events: none !important;

    transition:
        transform .72s cubic-bezier(.2,.72,.2,1),
        opacity .18s ease !important;
}

/* Baš onaj "presijava se preko kartice" osjećaj. */
@media (hover:hover) and (pointer:fine) {
    body.vc-v33-admins .staff-card:hover .vc-v36-shine,
    body.vc-v33-admins .panel.staff-card:hover .vc-v36-shine,
    body.vc-v33-staff .vc-main-owner-card:hover .vc-v36-shine,
    body.vc-v33-staff .vc-management-card:hover .vc-v36-shine {
        opacity: 1;
        transform:
            rotate(18deg)
            translateX(540%) !important;
    }
}

/* Diskretna dodatna reakcija ruba tokom hovera, bez promjene layouta. */
@media (hover:hover) and (pointer:fine) {
    body.vc-v33-admins .staff-card:hover,
    body.vc-v33-admins .panel.staff-card:hover,
    body.vc-v33-staff .vc-main-owner-card:hover,
    body.vc-v33-staff .vc-management-card:hover {
        border-color: rgba(68,187,255,.74) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.055),
            0 26px 62px rgba(0,0,0,.30),
            0 0 0 1px rgba(48,170,248,.055),
            0 0 40px rgba(25,149,242,.16) !important;
    }
}

@media (hover:none), (max-width:680px) {
    body.vc-v33-admins .vc-v36-shine,
    body.vc-v33-staff .vc-v36-shine {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.vc-v33-admins .vc-v36-shine,
    body.vc-v33-staff .vc-v36-shine {
        display: none !important;
        transition: none !important;
    }
}