body {
    margin: 0;
    padding: 0;
    font-family: arial;
    color: #444;
}
a {
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}
.lr-clear,
#lr-popup-body-container {
    *zoom: 1;
}
.lr-clear:before,
#lr-popup-body-container:before {
    content: " ";
    display: table;
}
.lr-clear:after,
#lr-popup-body-container:after {
    content: " ";
    display: table;
    clear: both;
}
.lr-raas-button {
    display: inline-block;

    border-radius: 5px;

    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.lr-raas-button:hover {
    text-decoration: none;
}
.lr-raas-button.shaded {
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3), inset 0 -10px 20px -1px rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1);
}
.lr-raas-button.shaded:hover {
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3), inset 0 -10px 20px 3px rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1), 0 5px 5px -2px rgba(0,0,0,0.3);
}
#lr-pop-group {
    text-align: center;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
#lr-pop-group.lr-show-layover {
    visibility: visible;
    opacity: 1;
    z-index: 10001;
    top: 0;
}
.lr-popup-message {
    font-size: 16px;
    line-height: 20px;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 15px 30px;
    padding: 10px 20px !important;
    border: 1px solid #29d !important;
    border-radius: 5px;
    color: #fff;
    position: relative;
    background: #29d;
}

@media only screen and (max-width: 790px) {
    #lr-pop-group {
        padding: 10px;
    }
}
#lr-pop-group:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}
#lr-pop-group #lr-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    background: #666;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.6;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#lr-pop-group #lr-overlay.lr-show-layover {
    visibility: visible;
    opacity: 0.6;
}
{
    border-radius: 5px;
    overflow: hidden;
    text-align: left;
    background: #fff;
    width: 100%;
    max-width: 780px;
    position: relative;
    z-index: 300;
    box-shadow: 0 10px 8px -5px rgba(0,0,0,0.1);
    vertical-align: middle;
    display: none;
    visibility: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.lr-show {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    height: auto;
}
.lr-popup-header {
    position: relative;
    padding: 15px 30px;
    font-size: 20px;
    line-height: 30px;
    font-size: 1.25rem;
    line-height: 1.875rem;
    border-bottom: 1px solid #eee;
    background: #fafafa;
}
.lr-popup-header .lr-popup-close-span {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
}
.lr-popup-header .lr-popup-close-span .lr-popup-close-btn {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    line-height: 60px;
    font-size: 1rem;
    line-height: 3.75rem;
    padding: 0 30px;
    height: 100%;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.lr-popup-header .lr-popup-close-span .lr-popup-close-btn:hover {
    text-decoration: none;
    background: #6c7a89;
    color: #fff;
}
.lr-popup-header .lr-header-logo .lr-header-logo-img {
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    width: 28px;
    height: 28px;
    margin-right: 5px;
}
.lr-popup-header .lr-header-logo .lr-header-logo-img[src=""] {
    display: none;
}
.lr-popup-header .lr-header-logo .lr-header-caption {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
#lr-popup-body-container .lr-column {
    width: 40%;
    float: left;
    padding: 30px;
    padding-top: 15px;
    box-sizing: border-box;
    position: relative;
}
#lr-popup-body-container .lr-column + .lr-column {
    width: 60%;
    border-left: 1px solid #eee;
}
#lr-popup-body-container .lr-column + .lr-column:before {
    content: "or";
    position: absolute;
    width: 40px;
    height: 40px;
    left: -20px;
    top: 49%;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 20px;
    font-size: 1.4rem;
    line-height: 37px;
    text-align: center;
    border-radius: 50%;
    color: #000;
    font-weight: bold;
}
.lr-login-col{
    border-left: 1px solid #eee;
}
lr-login-col:before{
    content: "or";
    position: absolute;
    width: 40px;
    height: 40px;
    left: -20px;
    top: 49%;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 20px;
    font-size: 1.4rem;
    line-height: 37px;
    text-align: center;
    border-radius: 50%;
    color: #000;
    font-weight: bold;
}

@media only screen and (max-width: 640px) {
    #lr-popup-body-container .lr-column {
        width: 100%;
    }
    #lr-popup-body-container .lr-column + .lr-column {
        width: 100%;
        border: none;
    }
    #lr-popup-body-container .lr-column + .lr-column:before {
        content: none;
    }
}
#lr-popup-body-container #forgotpassword-div {
    padding: 30px;
}
#lr-popup-body-container #login-div #lr-popup-footer {
    position: absolute;
    bottom: 40px;
}
#lr-popup-body-container #login-div #lr-popup-footer a {
    margin-right: 10px;
    font-size: 14px;
    line-height: 30px;
    font-size: 0.875rem;
    line-height: 1.875rem;
}
#lr-pop-group #lr-fp-container #lr-popup-footer {
    position: absolute;
    bottom: 35px;
}
.lr-popup-footer a {
    color: #29d;
    text-decoration: underline;
}
.lr-popup-append-link {
    float: right;
    padding-right: 20px;
}
#sociallogin-container {
    padding: 30px;
}

.login-row{
    margin-top:0px;
}
.page-heading
{
    margin-bottom:0px;
}
#LoginForm input{
    border-radius: 7px!important;
}
.loginradius-submit{
    background: #00AEEF !important;
}

.lr-links{
    width: 100%;
    height: 24px;
    overflow: hidden;
    position: relative;
    margin-top: 25px;
    margin-left: 15%;
}
.lr-links-inner{
    display: block;
    margin: 0 auto;
}
.lr-links-inner a{
    margin-right: 5%;
    color: grey;
    font-size: 1.3em;
    text-decoration: underline;
}
.lr-links-inner a:hover{
    margin-right: 5%;
    color: grey;
    font-size: 1.3em;
    text-decoration: none;
}
.lr-links-align{
    width: 1000px;
    position: absolute;
    left: 34%;
    top: 0;

}

#fade {
    background: rgba(196, 211, 220, .4);
    height: 100%;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
    opacity: 1;
}
.overlay {
    text-align: center;
    position: fixed;
    top: 0;
    bottom: 60%;
    left: 0;
    right: 0;
    height: 100%;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
    background: rgba(27,134,184,0.9);
}

.overlay:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}

.circle {
    -webkit-animation: popIn .6s linear 0s 1;
    -moz-animation: popIn .6s linear 0s 1;
    -ms-animation: popIn .6s linear 0s 1;
    animation: popIn .6s linear 0s 1;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.lr-loading-frame {
    background: #f2f2f2;
    background: rgba(242, 242, 242, 0.7);
    text-align: center;
    height: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.lr-loading-frame:before, .lr-loading-box:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.lr-loading-box {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 230px;
    height: 230px;
    background: url(/cfs-file/__key/communityserver-components-sitefiles/loading_5F00_spinner_5F00_blank.gif) no-repeat center center;
    text-align: center;

    color: #444;
    font-size: 18px;
    line-height: 230px;
    display: inline-block;
    vertical-align: middle;
}

.lr-loading-text-box {
    width: 140px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}

.loginradius-validation-message{
    color:red;
}

/* ── Modern Login Page Overrides ──────────────────────────────────────────── */

/* White background for entire page — prevents dark body bg showing through */
.body:has(.login-page) {
    background: #fff !important;
    margin-top: 0 !important;
}
/* Remove header rounding on login page — straight edge against white bg */
.body:has(.login-page) .header {
    border-radius: 0 !important;
}

/* Reset legacy layout styles */
.login-page .login-row {
    margin-top: 0;
}
.login-page .page-heading {
    display: none;
}
.login-page #lr-popup-body-container {
    zoom: 1;
}
.login-page #lr-popup-body-container:before,
.login-page #lr-popup-body-container:after {
    display: none;
}

/* Reset column floats — we use Tailwind stacking now */
.login-page #lr-popup-body-container .lr-column {
    width: 100%;
    float: none;
    padding: 0;
    position: static;
}
.login-page #lr-popup-body-container .lr-column + .lr-column {
    width: 100%;
    border-left: none;
}
.login-page #lr-popup-body-container .lr-column + .lr-column:before {
    content: none;
}
.login-page .lr-login-col {
    border-left: none;
}
.login-page .lr-login-col:before {
    content: none;
}

/* Reset link container positioning */
.login-page .lr-links {
    width: auto;
    height: auto;
    overflow: visible;
    position: static;
    margin-top: 0;
    margin-left: 0;
}
.login-page .lr-links-align {
    width: auto;
    position: static;
    left: auto;
    top: auto;
}
.login-page .lr-links-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.login-page .lr-links-inner a {
    margin-right: 0;
    font-size: 0.875rem;
    color: #6b7280;
    text-decoration: none;
}
.login-page .lr-links-inner a:hover {
    margin-right: 0;
    font-size: 0.875rem;
    color: #111827;
    text-decoration: none;
}

/* Social button container — 2-column grid */
.login-page .interfacecontainerdiv,
.login-page .lr-sl-shaded-brick-frame {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #374151 !important;
    text-align: left !important;
}
/* Single column on narrow screens */
@media (max-width: 480px) {
    .login-page .interfacecontainerdiv,
    .login-page .lr-sl-shaded-brick-frame {
        grid-template-columns: 1fr;
    }
}
/* If odd number of providers, last one spans full width */
.login-page .lr-sl-shaded-brick-frame .lr-sl-shaded-brick-button:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

/* Social buttons — uniform outlined pills */
.login-page .lr-provider-label.lr-sl-shaded-brick-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100% !important;
    height: 44px;
    margin: 0 !important;
    padding: 0 12px 0 38px !important;
    background: #fff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    color: #374151 !important;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none !important;
    transition: all 0.15s ease;
    cursor: pointer;
    text-decoration: none !important;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.login-page .lr-provider-label.lr-sl-shaded-brick-button:hover {
    background: #f9fafb !important;
    border-color: #9ca3af !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
/* Hide the :after content label (we use inline text instead) */
.login-page .lr-sl-shaded-brick-button:after {
    content: none !important;
}

/* Social icon — replace sprite with individual provider SVGs */
.login-page .lr-sl-shaded-brick-button .lr-sl-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%);
    width: 20px !important;
    height: 20px !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: hidden;
}
.login-page .lr-sl-shaded-brick-button .lr-sl-icon:before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.login-page .lr-sl-shaded-brick-button:hover .lr-sl-icon {
    width: 20px !important;
}

/* Individual provider icons */
.login-page .lr-sl-icon-facebook:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231877F2' d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E") !important;
}
.login-page .lr-sl-shaded-brick-frame .lr-sl-shaded-brick-button .lr-sl-icon-apple:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z'/%3E%3C/svg%3E") !important;
    background-size: 20px 20px !important;
    background-position: center !important;
}
.login-page .lr-sl-icon-live:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath fill='%23f35325' d='M1 1h10v10H1z'/%3E%3Cpath fill='%2381bc06' d='M12 1h10v10H12z'/%3E%3Cpath fill='%2305a6f0' d='M1 12h10v10H1z'/%3E%3Cpath fill='%23ffba08' d='M12 12h10v10H12z'/%3E%3C/svg%3E") !important;
}
.login-page .lr-sl-icon-google:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E") !important;
}
.login-page .lr-sl-icon-linkedin:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230A66C2' d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E") !important;
}

/* Email form inputs */
.login-page input[type="text"],
.login-page input[type="email"],
.login-page input[type="password"] {
    width: 100% !important;
    height: 44px;
    padding: 0 14px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #111827 !important;
    background: #fff !important;
    outline: none !important;
    box-sizing: border-box;
    transition: border-color 0.15s ease;
}
.login-page input[type="text"]:focus,
.login-page input[type="email"]:focus,
.login-page input[type="password"]:focus {
    border-color: #111827 !important;
    box-shadow: 0 0 0 1px #111827 !important;
}

/* Form labels */
.login-page .loginradius-raas-fieldset label,
.login-page .loginradius-raas-fieldset .loginradius-label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
}

/* Remember me checkbox row */
.login-page .loginradius-raas-fieldset {
    margin-bottom: 16px;
}

/* Submit button — black pill */
.login-page .loginradius-submit,
.login-page input[type="submit"],
.login-page button[type="submit"] {
    display: block;
    width: 100% !important;
    height: 44px;
    margin-top: 8px;
    padding: 0 24px !important;
    background: #111827 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 9999px !important;
    font-size: 14px !important;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}
.login-page .loginradius-submit:hover,
.login-page input[type="submit"]:hover,
.login-page button[type="submit"]:hover {
    background: #374151 !important;
}

/* Message container */
.login-page .lr-popup-message {
    margin: 0 0 16px 0;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.4;
}

/* Hide legacy "Login with Email" h3 since we have our own heading */
.login-page #lr-login-container h3 {
    display: none;
}

/* Forgot password container padding */
.login-page #forgotpassword-div {
    padding: 0;
}
.login-page #sociallogin-container {
    padding: 0;
}

/* Hide the "or" circle from column layout */
.login-page .lr-column + .lr-column:before {
    content: none !important;
}


/* ============================================
   CHECKOUT – LoginRadius Overrides
   Scoped to #checkout-app
   ============================================ */

/* --- Back arrow: rounded pill button --- */
.checkoutHeader-heading .checkoutHeader-link:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
    background: #fff;
    transition: background 0.15s, border-color 0.15s;
}
.checkoutHeader-heading .checkoutHeader-link:first-child:hover {
    background: #f9fafb;
    border-color: #9ca3af;
}
.checkoutHeader-heading .checkoutHeader-link:first-child img {
    width: 20px !important;
    height: auto;
}

/* --- Hide sociallogin-container in checkout (SDK artifact, not needed) --- */
#checkout-app #sociallogin-container {
    display: none !important;
}

/* --- Social buttons: 2-column grid of outlined pills --- */
#checkout-app .interfacecontainerdiv {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
}

@media (max-width: 480px) {
    #checkout-app .interfacecontainerdiv {
        grid-template-columns: 1fr;
    }
}

#checkout-app .interfacecontainerdiv .lr-sl-shaded-brick-button:nth-last-child(1):nth-child(odd) {
    grid-column: 1 / -1;
}

#checkout-app .lr-sl-shaded-brick-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 44px;
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
    padding: 0 16px 0 38px !important;
    position: relative;
    box-sizing: border-box;
}

#checkout-app .lr-sl-shaded-brick-button:hover {
    border-color: #9ca3af !important;
    background: #f9fafb !important;
}

/* Hide the "Sign in with" text, show only provider name */
#checkout-app .lr-sl-shaded-brick-button {
    font-size: 0 !important;
}
#checkout-app .lr-sl-shaded-brick-button::after {
    font-size: 14px !important;
    font-weight: 500;
    color: #374151;
}
#checkout-app .lr-flat-facebook::after { content: "Facebook"; }
#checkout-app .lr-flat-apple::after { content: "Apple"; }
#checkout-app .lr-flat-live::after { content: "Microsoft"; }
#checkout-app .lr-flat-google::after { content: "Google"; }
#checkout-app .lr-flat-linkedin::after { content: "LinkedIn"; }

/* --- Social icons: SVG data URIs (matching login page) --- */
#checkout-app .lr-sl-icon {
    position: absolute !important;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px !important;
    height: 20px !important;
    box-shadow: none !important;
    background-size: 20px 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
#checkout-app .lr-sl-icon:before {
    display: none !important;
}

#checkout-app .lr-sl-icon-facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231877F2' d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E") !important;
}
#checkout-app .lr-sl-icon-apple {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z'/%3E%3C/svg%3E") !important;
}
#checkout-app .lr-sl-shaded-brick-frame .lr-sl-shaded-brick-button .lr-sl-icon-apple {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z'/%3E%3C/svg%3E") !important;
}
#checkout-app .lr-sl-icon-live {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F25022' d='M1 1h10.5v10.5H1z'/%3E%3Cpath fill='%2300A4EF' d='M1 12.5h10.5V23H1z'/%3E%3Cpath fill='%237FBA00' d='M12.5 1H23v10.5H12.5z'/%3E%3Cpath fill='%23FFB900' d='M12.5 12.5H23V23H12.5z'/%3E%3C/svg%3E") !important;
}
#checkout-app .lr-sl-icon-google {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E") !important;
}
#checkout-app .lr-sl-icon-linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230A66C2' d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E") !important;
}

/* --- Form inputs: rounded borders --- */
#checkout-app #login-div input[type="text"],
#checkout-app #login-div input[type="password"],
#checkout-app #forgotpassword-div input[type="text"] {
    width: 100% !important;
    height: 44px;
    padding: 0 14px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    font-size: 14px;
    color: #111827;
    background: #fff !important;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.15s;
}

#checkout-app #login-div input[type="text"]:focus,
#checkout-app #login-div input[type="password"]:focus,
#checkout-app #forgotpassword-div input[type="text"]:focus {
    border-color: #111827 !important;
    box-shadow: 0 0 0 1px #111827;
}

/* --- Labels --- */
#checkout-app #login-div label,
#checkout-app #forgotpassword-div label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
}

/* --- Login / submit button: full-width black pill --- */
#checkout-app #login-div input[type="submit"],
#checkout-app #login-div input[type="button"],
#checkout-app #login-div button,
#checkout-app #forgotpassword-div input[type="submit"],
#checkout-app #forgotpassword-div input[type="button"],
#checkout-app #forgotpassword-div button,
#checkout-app .loginradius-submit {
    display: block !important;
    width: 100% !important;
    height: 48px;
    margin: 16px 0 0 0 !important;
    padding: 0 24px !important;
    background: #111827 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 9999px !important;
    font-size: 15px !important;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s;
    text-align: center;
}

#checkout-app #login-div input[type="submit"]:hover,
#checkout-app #login-div button:hover,
#checkout-app #forgotpassword-div input[type="submit"]:hover,
#checkout-app .loginradius-submit:hover {
    background: #374151 !important;
}

/* --- Links row: clean up pipe separators --- */
#checkout-app #lrLinks {
    margin: 12px 0;
    font-size: 14px;
}

#checkout-app #lrLinks a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s;
}

#checkout-app #lrLinks a:hover {
    color: #111827;
    text-decoration: none;
}

/* --- Form element spacing --- */
#checkout-app #login-div .loginradius--form-element-content,
#checkout-app #forgotpassword-div .loginradius--form-element-content {
    margin-bottom: 16px;
}

/* --- Reset legacy column layout --- */
#checkout-app .lr-column {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

/* --- "Email Id" rename via CSS (backup for JS rename) --- */
#checkout-app #login-div label[for="loginradius-login-emailid"] {
    font-size: 0;
}
#checkout-app #login-div label[for="loginradius-login-emailid"]::after {
    content: "Email Address";
    font-size: 14px;
}

/* --- Remember me: checkbox inline with label --- */
#checkout-app #login-div .content-loginradius-stayLogin {
    display: flex !important;
    align-items: center;
    gap: 8px;
}
#checkout-app #login-div .content-loginradius-stayLogin label {
    margin: 0 !important;
}
#checkout-app #login-div .content-loginradius-stayLogin input[type="checkbox"] {
    margin: 0 !important;
}