/* ==========================================================
   Witt – Checkout & Login form field styles
   Overrides CustomCheckout rounded corners (30px) to match
   the project's flat/square form style.
   ========================================================== */

/* ---- Register card (checkout/register page) ---- */

.register-card .form-control,
.register-card .form-select {
    border-radius: 0 !important;
    border: 1px solid silver !important;
    background-color: #ffffff !important;
}

.register-card .form-control:focus,
.register-card .form-select:focus {
    border-radius: 0 !important;
    border: 1px solid silver !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.register-card .form-control.is-invalid,
.register-card .form-select.is-invalid {
    border-radius: 0 !important;
    border-color: #dc3545 !important;
}

.register-card .btn-primary {
    border-radius: 0 !important;
}

/* ---- Login card (account/login page) ---- */

.login-card .form-control,
.login-card .form-select {
    border-radius: 0 !important;
    border: 1px solid silver !important;
    background-color: #ffffff !important;
}

.login-card .form-control:focus,
.login-card .form-select:focus {
    border-radius: 0 !important;
    border: 1px solid silver !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.login-card .form-control.is-invalid,
.login-card .form-select.is-invalid {
    border-radius: 0 !important;
    border-color: #dc3545 !important;
}

.login-card .btn-primary,
.login-card .btn-secondary {
    border-radius: 0 !important;
}

/* ---- Login/Register modal (popup on other pages) ---- */

.login-register-modal .form-control,
.login-register-modal .form-select {
    border-radius: 0 !important;
    border: 1px solid silver !important;
    background-color: #ffffff !important;
}

.login-register-modal .form-control:focus,
.login-register-modal .form-select:focus {
    border-radius: 0 !important;
    border: 1px solid silver !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.login-register-modal .btn-primary,
.login-register-modal .btn-secondary {
    border-radius: 0 !important;
}