/* Owner decision: every Sekuoya page uses 90-degree corners.
 * Important declarations in a layer also override unlayered theme/plugin rules.
 * No template or route condition: includes dynamically inserted elements.
 */
@layer sekuoya-square-corners {
    :root,
    :root *,
    :root *::before,
    :root *::after,
    :root *::backdrop {
        border-radius: 0 !important;
        border-start-start-radius: 0 !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: 0 !important;
        border-end-end-radius: 0 !important;
    }

    :root input::file-selector-button {
        border-radius: 0 !important;
    }

    :root input::-webkit-slider-thumb {
        border-radius: 0 !important;
    }

    :root input::-moz-range-thumb {
        border-radius: 0 !important;
    }

    /* Native range controls otherwise keep the browser's round painted thumb. */
    :root input[type="range"] {
        appearance: none;
        -webkit-appearance: none;
        background: transparent;
    }

    :root input[type="range"]::-webkit-slider-runnable-track {
        height: 4px;
        border-radius: 0 !important;
        background: currentColor;
    }

    :root input[type="range"]::-webkit-slider-thumb {
        appearance: none;
        -webkit-appearance: none;
        width: 16px;
        height: 16px;
        margin-top: -6px;
        border: 1px solid currentColor;
        background: currentColor;
    }

    :root input[type="range"]::-moz-range-track {
        height: 4px;
        border-radius: 0 !important;
        background: currentColor;
    }

    :root input[type="range"]::-moz-range-thumb {
        width: 16px;
        height: 16px;
        border: 1px solid currentColor;
        background: currentColor;
    }

    :root input[type="range"]:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 3px;
    }
}