/* Shadow Layer Base Styles */
[shadow-left],
[shadow-right],
[shadow-top],
[shadow-bottom],
[shadow-left-top],
[shadow-left-bottom],
[shadow-right-top],
[shadow-right-bottom],
[shadow-top-left],
[shadow-top-right],
[shadow-bottom-left],
[shadow-bottom-right] {
    position: relative;
}

[shadow-left]::before,
[shadow-left-top]::before,
[shadow-left-bottom]::before,
[shadow-right]::before,
[shadow-right-top]::before,
[shadow-right-bottom]::before,
[shadow-top]::after,
[shadow-top-left]::after,
[shadow-top-right]::after,
[shadow-bottom]::after,
[shadow-bottom-left]::after,
[shadow-bottom-right]::after {
    --shadow-offset: calc(var(--shadow-size) * 0.5);
    --shadow-offset-neg: calc(var(--shadow-offset) * -1);
    position: absolute;
    border-radius: var(--shadow-size);
    z-index: -1;
    box-shadow: var(--x, 0) var(--y, 0) var(--shadow-color);
}

/* Cienie boczne (left/right) - używają ::before */
[shadow-left]::before,
[shadow-left-top]::before,
[shadow-left-bottom]::before,
[shadow-right]::before,
[shadow-right-top]::before,
[shadow-right-bottom]::before {
    content: "";
    height: 100%;
    width: var(--shadow-size);
}

[shadow-left]::before,
[shadow-left-top]::before,
[shadow-left-bottom]::before {
    left: 0;
    transform: translateX(-100%);
    --x: var(--shadow-offset);
}

[shadow-right]::before,
[shadow-right-top]::before,
[shadow-right-bottom]::before {
    right: 0;
    transform: translateX(100%);
    --x: var(--shadow-offset-neg);
}

/* Cienie pionowe (top/bottom) - używają ::after */
[shadow-top]::after,
[shadow-top-left]::after,
[shadow-top-right]::after,
[shadow-bottom]::after,
[shadow-bottom-left]::after,
[shadow-bottom-right]::after {
    content: "";
    width: 100%;
    height: var(--shadow-size);
    left: 0;
}

[shadow-top]::after,
[shadow-top-left]::after,
[shadow-top-right]::after {
    top: 0;
    transform: translateY(-100%);
    --y: var(--shadow-offset);
}

[shadow-bottom]::after,
[shadow-bottom-left]::after,
[shadow-bottom-right]::after {
    bottom: 0;
    transform: translateY(100%);
    --y: var(--shadow-offset-neg);
}

/* Cienie pełne (left/right) - dwa cienie na raz */
[shadow-left]::before,
[shadow-right]::before {
    box-shadow: var(--x) var(--shadow-offset-neg) var(--shadow-color),
        var(--x) var(--shadow-offset) var(--shadow-color);
}

[shadow-top]::after,
[shadow-bottom]::after {
    box-shadow: var(--shadow-offset-neg) var(--y) var(--shadow-color),
        var(--shadow-offset) var(--y) var(--shadow-color);
}

/* Cienie narożne - pozycja Y dla bocznych */
[shadow-left-top]::before,
[shadow-right-top]::before {
    --y: var(--shadow-offset-neg);
}

[shadow-left-bottom]::before,
[shadow-right-bottom]::before {
    --y: var(--shadow-offset);
}

/* Cienie narożne - pozycja X dla pionowych */
[shadow-top-left]::after,
[shadow-bottom-left]::after {
    --x: var(--shadow-offset-neg);
}

[shadow-top-right]::after,
[shadow-bottom-right]::after {
    --x: var(--shadow-offset);
}