/* Modern minimal login overlay (overrides shop_login theme) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root { --laccent: #2563eb; --laccent-d: #1d4ed8; }

body, .login100-form, .input100, .txt1, .txt2 {
    font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}

/* page background -> clean light, kill the old photo bg */
.container-login100 {
    background-image: none !important;
    background: linear-gradient(135deg, #eff4ff 0%, #f6f7fb 55%, #eef6ff 100%) !important;
}
.limiter { background: #f6f7fb; }

/* card */
.wrap-login100 {
    width: 420px !important;
    max-width: 92vw;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 40px rgba(16, 24, 40, .10) !important;
    border: 1px solid #eceef3;
    padding: 38px 36px 30px !important;
}

/* title / logo */
.login100-form-title {
    color: #2b3245 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: .3px;
    background: none !important;
    -webkit-text-fill-color: initial !important;
}
.login100-form-title img { width: 170px !important; margin-bottom: 6px; }

/* inputs -> clean bordered boxes */
.wrap-input100 {
    border: 1px solid #e3e6ee !important;
    border-radius: 9px !important;
    background: #fff !important;
    margin-bottom: 4px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.wrap-input100:focus-within {
    border-color: var(--laccent) !important;
    box-shadow: 0 0 0 3px #eff4ff !important;
}
.input100 {
    height: 48px !important;
    font-size: 14px !important;
    color: #2b3245 !important;
    background: transparent !important;
    padding: 0 16px !important;
}
.input100::placeholder { color: #9aa3b5 !important; }
/* remove the shop_login animated underline */
.focus-input100 { display: none !important; }
.symbol-input100 { color: #9aa3b5 !important; }
.btn-show-pass { color: #9aa3b5; right: 14px; }
.btn-show-pass:hover { color: var(--laccent); }

/* submit button */
.container-login100-form-btn { padding-top: 8px !important; }
.wrap-login100-form-btn {
    background: var(--laccent) !important;
    border-radius: 9px !important;
    overflow: hidden;
    box-shadow: 0 6px 16px rgba(67, 97, 238, .25);
}
.login100-form-bgbtn { background: var(--laccent-d) !important; }
.login100-form-btn {
    height: 48px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: .3px;
    color: #fff !important;
}

/* links / helper text */
.txt1 { color: #8a93a6 !important; font-size: 13px; }
.txt2 { color: var(--laccent) !important; font-size: 13px; }
.txt2:hover { color: var(--laccent-d) !important; }
.text-white { color: #8a93a6 !important; }
a.bg-maroon { background: #eff4ff !important; color: var(--laccent) !important; border-radius: 9px; font-weight: 500; padding: 9px 14px !important; display: inline-block; margin-top: 6px; }
a.bg-maroon b { color: #2b3245; }
.icheck-primary label { color: #6b7280 !important; font-weight: 500; }

/* spacing tidy */
.mb-4 { margin-bottom: 16px !important; }