/**
 * Style dla efektu "podążającego" bordera (animowany border okrążający blok).
 * Technika: rotujący conic-gradient przycięty maską tylko do obszaru bordera
 * (padding-box wycięty z content-box), animowany przez custom property
 * --addons-border-angle rejestrowaną przez @property — dzięki temu animacja
 * jest płynna (interpolacja kąta przez przeglądarkę), a nie "skokowa".
 */

.addons-tracing-border {
    position: relative;
    isolation: isolate;
}

.addons-tracing-border::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 999;
    pointer-events: none;
    border-radius: inherit;

    padding: var( --addons-border-width, 2px );

    background: conic-gradient(
        from var( --addons-border-angle, 0deg ),
        transparent 0deg,
        var( --addons-border-color, #2271b1 ) 35deg,
        transparent 95deg,
        transparent 360deg
    );

    -webkit-mask:
        linear-gradient( #000 0 0 ) content-box,
        linear-gradient( #000 0 0 );
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    animation-name: addons-tracing-border-spin;
    animation-duration: var( --addons-border-speed, 4s );
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: auto;
}

@property --addons-border-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

@keyframes addons-tracing-border-spin {
    to {
        --addons-border-angle: 360deg;
    }
}

@media ( prefers-reduced-motion: reduce ) {
    .addons-tracing-border::after {
        animation: none;
    }
}

/* Podgląd w edytorze — ten sam efekt na kontenerze bloku w canvasie */
.editor-styles-wrapper .addons-tracing-border,
.block-editor-block-list__block.addons-tracing-border {
    position: relative;
    isolation: isolate;
}


/* ==========================================================================
   Nadpisanie kolorów podążającego bordera (.addons-tracing-border)
   ========================================================================== */

/* Gdy aktywny jest motyw Uniwersytecki */
html[data-accent-theme="university"] .addons-tracing-border {
    --addons-border-color: #6c0b2e !important;
}