/*
 * GlassKit 2.0 — Glassmorphism CSS
 * Applied to .gk-glass-element class which is added to any Elementor element
 * that has Glassmorphism enabled in the Style panel.
 */

/* Animated gradient */
.gk-glass-element.gk-grad-animate {
    background-size: 200% 200% !important;
    animation: gk-grad-flow var(--gk-anim-speed, 6s) ease infinite !important;
}
@keyframes gk-grad-flow {
    0%   { background-position: 0%   50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0%   50%; }
}

/* Pulsing glow */
@keyframes gk-glow-pulse {
    0%, 100% { box-shadow: var(--gk-glow-shadow, 0 0 20px rgba(130,100,255,0.4)); }
    50%       { box-shadow: var(--gk-glow-shadow-max, 0 0 50px rgba(130,100,255,0.7)); }
}
.gk-glass-element.gk-glow-pulse {
    animation: gk-glow-pulse 2.5s ease-in-out infinite;
}

/* Children must be above the ::before shine layer */
.gk-glass-element > * {
    position: relative;
    z-index: 2;
}

/* Elementor inner containers need z-index too */
.gk-glass-element > .elementor-container,
.gk-glass-element > .elementor-widget-container,
.gk-glass-element > .elementor-column-wrap,
.gk-glass-element > .e-con-inner {
    position: relative;
    z-index: 2;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .gk-glass-element,
    .gk-glass-element.gk-grad-animate,
    .gk-glass-element.gk-glow-pulse {
        animation: none !important;
        transition: none !important;
    }
}