/* ==========================================================================
   LendSwift — Squared
   --------------------------------------------------------------------------
   The design language is square: no rounded corners anywhere.

   Radius is hardcoded in hundreds of places across the legacy stylesheets and
   the inline <style> blocks in header.php, footer.php and individual pages.
   Zeroing the tokens alone would only cover the parts already using tokens, so
   this file also applies a global override.

   It must be the LAST stylesheet loaded on every page. `!important` is what
   lets it beat the inline <style> blocks, which otherwise win on source order.
   ========================================================================== */

:root {
    --ls-radius-sm: 0;
    --ls-radius-md: 0;
    --ls-radius-lg: 0;
    --ls-radius-xl: 0;
    --ls-radius-2xl: 0;
    --ls-radius-full: 0;
}

*,
*::before,
*::after {
    border-radius: 0 !important;
}

/* Inputs and buttons carry a UA radius on some platforms (notably iOS Safari,
   which rounds search fields and buttons regardless of the rule above). */
/* Checkboxes and radios are excluded: appearance:none erases their native
   rendering completely, so they toggle but appear to do nothing. */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
textarea,
select,
button,
.button,
.btn {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0 !important;
}

/* Keep the native control, square, in the brand colour. */
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: auto;
    appearance: auto;
    accent-color: var(--ls-brand-600, #4f46e5);
    width: 16px;
    height: 16px;
    cursor: pointer;
    /* Flex parents (the Remember Me row) were shrinking the box to 13px. */
    flex: 0 0 16px;
    min-width: 16px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/* Images and media crops that relied on radius for shape. */
img,
figure,
picture,
video,
canvas,
svg {
    border-radius: 0 !important;
}