/* Electric current along .price-card edges.
   Pipeline from Bálint Ferenczy's Electric Border (CodePen KwdoyEN):
   four feTurbulence layers, feOffset SMIL scroll, feComposite + feBlend
   color-dodge, feDisplacementMap on a hairline, then CSS glow stack.
   Taste: Kleto accent, 4px radii, quiet current. Not the orange rave. */

.eb-svg-defs {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    pointer-events: none;
}

.price-card > *:not(.eb-fx) {
    position: relative;
    z-index: 1;
}

.eb-fx {
    --eb-color: var(--color-accent-0);
    --eb-color-dim: color-mix(in srgb, var(--color-accent-0) 42%, transparent);
    --eb-radius: var(--radius-card, 4px);
    position: absolute;
    inset: -1px;
    pointer-events: none;
    z-index: 0;
}

.eb-fx__inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.eb-fx__outer {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid var(--eb-color-dim);
    border-radius: var(--eb-radius);
    padding-right: 2px;
    padding-bottom: 2px;
}

.eb-fx__displace {
    box-sizing: border-box;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin-top: -2px;
    margin-left: -2px;
    border: 1px solid var(--eb-color);
    border-radius: var(--eb-radius);
    filter: url(#kleto-electric-border);
}

.price-card--feature .eb-fx__displace {
    filter: url(#kleto-electric-border-feature);
}

.eb-fx__glow {
    position: absolute;
    inset: 0;
    border-radius: var(--eb-radius);
    pointer-events: none;
}

.eb-fx__glow--1 {
    border: 1px solid color-mix(in srgb, var(--eb-color) 55%, transparent);
    filter: blur(1px);
    opacity: 0.55;
}

.eb-fx__glow--2 {
    border: 1px solid var(--eb-color);
    filter: blur(3px);
    opacity: 0.4;
}

.price-card--feature .eb-fx__glow--1 {
    opacity: 0.7;
}

.price-card--feature .eb-fx__glow--2 {
    filter: blur(4px);
    opacity: 0.55;
}

.eb-fx__overlay {
    position: absolute;
    inset: 0;
    border-radius: var(--eb-radius);
    mix-blend-mode: overlay;
    transform: scale(1.02);
    filter: blur(12px);
    background: linear-gradient(
        -30deg,
        var(--eb-color),
        transparent 32%,
        transparent 68%,
        var(--eb-color)
    );
    pointer-events: none;
}

.eb-fx__overlay--1 { opacity: 0.22; }
.eb-fx__overlay--2 { opacity: 0.1; }

.price-card--feature .eb-fx__overlay--1 { opacity: 0.38; }
.price-card--feature .eb-fx__overlay--2 { opacity: 0.18; }

.eb-fx__bloom {
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: var(--eb-radius);
    transform: scale(1.03);
    filter: blur(12px);
    opacity: 0.1;
    pointer-events: none;
    background: linear-gradient(
        -30deg,
        var(--eb-color),
        transparent,
        var(--eb-color)
    );
}

.price-card--feature .eb-fx__bloom {
    filter: blur(14px);
    opacity: 0.14;
}

@media (prefers-reduced-motion: reduce) {
    .eb-fx,
    .eb-svg-defs {
        display: none !important;
    }

    .price-card {
        border: 1px solid var(--color-border-0);
        border-radius: var(--radius-card, 4px);
    }
}