/* Dycode Electric Border — frontend.css v1.1 */

.dycode-eb-active {
    position: relative !important;
    overflow: visible !important;
}

.dycode-eb-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: visible;
    z-index: 1;
    border-radius: inherit;
}

/* Canvas: centered, extends 60px beyond the element on each side */
.dycode-eb-canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    display: block;
}

/* Glow layers */
.dycode-eb-glow-1,
.dycode-eb-glow-2,
.dycode-eb-bg-glow {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-sizing: border-box;
}

.dycode-eb-glow-1 {
    border: 2px solid var(--eb-color, #5227FF);
    opacity: 0.6;
    filter: blur(1px);
}

.dycode-eb-glow-2 {
    border: 2px solid var(--eb-color, #5227FF);
    filter: blur(4px);
}

.dycode-eb-bg-glow {
    z-index: -1;
    transform: scale(1.1);
    filter: blur(32px);
    opacity: 0.25;
    background: radial-gradient(ellipse at center, var(--eb-color, #5227FF), transparent 70%);
}

/* Hover mode — glow hidden by default, fade on hover */
.dycode-eb-overlay[data-eb-trigger="hover"] .dycode-eb-glow-1,
.dycode-eb-overlay[data-eb-trigger="hover"] .dycode-eb-glow-2,
.dycode-eb-overlay[data-eb-trigger="hover"] .dycode-eb-bg-glow {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.dycode-eb-active:hover .dycode-eb-overlay[data-eb-trigger="hover"] .dycode-eb-glow-1 {
    opacity: 0.6;
}
.dycode-eb-active:hover .dycode-eb-overlay[data-eb-trigger="hover"] .dycode-eb-glow-2 {
    opacity: 1;
}
.dycode-eb-active:hover .dycode-eb-overlay[data-eb-trigger="hover"] .dycode-eb-bg-glow {
    opacity: 0.25;
}

/* CSS border coloring (όταν ο χρήστης ενεργοποιεί το "Color CSS Border") */
.dycode-eb-active.dycode-eb-css-border {
    border-color: var(--eb-color, #5227FF) !important;
}