/* ── wp-login.php ── */
html,
body {
height: 100%;
margin: 0;
}
body.login {
background: radial-gradient(1200px 600px at 20% 10%, rgba(48, 169, 154, .12), transparent 40%), radial-gradient(800px 400px at 80% 90%, rgba(48, 169, 154, .08), transparent 40%), linear-gradient(180deg, #f8fafc, #eef2f7);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
display: flex;
align-items: center;
justify-content: center;
}
#login {
width: 100%;
max-width: 420px;
padding: 42px 38px 44px !important;
background: #fff;
border-radius: 18px;
border: 1px solid #e5e7eb;
box-shadow: 0 30px 60px rgba(0, 0, 0, .08);
}
#login h1 a {
background-image: url("https://webro.dk/wp-content/uploads/2025/10/webro-logo.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 180px;
height: 56px;
margin: 0 auto 28px;
padding: 0;
}
.login form {
background: transparent;
border: none !important;
box-shadow: none !important;
padding: 0;
}
.login label {
color: #030A15;
font-weight: 600;
font-size: 14px;
margin-bottom: 6px;
}
.login input[type="text"],
.login input[type="password"] {
width: 100%;
padding: 14px;
border-radius: 10px;
border: 1px solid #d1d5db;
background: #fff;
color: #030A15;
font-size: 15px;
margin-bottom: 18px;
}
.login input::placeholder {
color: #9ca3af;
}
.login input:focus {
outline: none;
border-color: #30a99a;
box-shadow: 0 0 0 2px rgba(48, 169, 154, .25);
}
.login .forgetmenot {
color: #4b5563;
font-size: 14px;
}
.login input[type="submit"] {
margin-top: 10px;
width: 100%;
padding: 14px;
border-radius: 10px;
border: none;
background: #30a99a;
color: #fff;
font-weight: 600;
font-size: 16px;
cursor: pointer;
transition: .2s ease;
}
.login input[type="submit"]:hover {
background: #269285;
box-shadow: 0 10px 22px rgba(48, 169, 154, .35);
}
.login #login_error,
.login .message {
background: #ecfdfb;
border-left: 4px solid #30a99a;
color: #065f57;
}
.login #nav,
.login #backtoblog {
text-align: center;
margin-top: 22px;
}
.login #nav a,
.login #backtoblog a {
color: #30a99a;
text-decoration: none;
font-weight: 500;
}
.login #nav a:hover {
text-decoration: underline;
}
.language-switcher,
.privacy-policy-page-link,
p#backtoblog {
display: none;
}
/* ── Adgangskode-låseskærm (frontend gate) ──
Scopet under .itbot-gate-body (sat på på selve gate-siden), så
reglerne aldrig kan kollidere med wp-login.php's egen form/h1/body-styling,
selvom begge sider loader denne samme fil. */
body.itbot-gate-body {
margin: 0;
min-height: 100vh;
font-family: 'Inter', system-ui, sans-serif;
background: radial-gradient(1200px 600px at 20% 10%, rgba(48, 169, 154, .12), transparent 40%), radial-gradient(800px 400px at 80% 90%, rgba(48, 169, 154, .08), transparent 40%), linear-gradient(180deg, #f8fafc, #eef2f7);
color: #030A15;
box-sizing: border-box;
}
.itbot-gate-body * {
box-sizing: border-box
}
.itbot-gate-body .overlay {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.itbot-gate-body .box {
width: 100%;
max-width: 480px;
background: #fff;
border-radius: 18px;
border: 1px solid #e5e7eb;
box-shadow: 0 30px 60px rgba(0, 0, 0, .08);
padding: 40px 38px 44px;
text-align: center;
}
.itbot-gate-body h1 {
margin: 0 0 10px;
font-size: 28px;
font-weight: 700;
letter-spacing: -0.02em;
}
.itbot-gate-body p {
margin: 0 0 28px;
color: #4b5563;
font-size: 15px;
line-height: 1.6;
}
.itbot-gate-body form {
display: grid;
gap: 14px;
}
.itbot-gate-body input[type="password"] {
padding: 14px 16px;
border-radius: 10px;
border: 1px solid #d1d5db;
font-size: 15px;
background: #fff;
}
.itbot-gate-body input::placeholder {
color: #9ca3af;
}
.itbot-gate-body input:focus {
outline: none;
border-color: #30a99a;
box-shadow: 0 0 0 2px rgba(48, 169, 154, .25);
}
.itbot-gate-body button {
padding: 14px;
border-radius: 10px;
border: none;
background: #30a99a;
color: #fff;
font-weight: 600;
font-size: 16px;
cursor: pointer;
transition: .2s ease;
}
.itbot-gate-body button:hover {
background: #269285;
box-shadow: 0 10px 22px rgba(48, 169, 154, .35);
}
.itbot-gate-body .error {
background: #ecfdfb;
border-left: 4px solid #30a99a;
color: #065f57;
padding: 12px 14px;
border-radius: 8px;
margin-bottom: 18px;
text-align: left;
font-size: 14px;
}