.wbc-login-widget-form,
.wbc-login-widget-logged-in {
padding: 15px;
background: #fff;
border-radius: 4px;
} .wbc-form-messages {
margin-bottom: 15px;
}
.wbc-form-messages p {
margin: 0;
padding: 10px 15px;
border-radius: 3px;
}
.wbc-form-messages.wbc-error p {
background: #f8d7da;
border-left: 3px solid #dc3545;
color: #721c24;
}
.wbc-form-messages.wbc-success p {
background: #d4edda;
border-left: 3px solid #28a745;
color: #155724;
} .wbc-login-username,
.wbc-login-password,
.wbc-login-remember {
margin-bottom: 15px;
}
.wbc-login-username label,
.wbc-login-password label {
display: block;
margin-bottom: 5px;
font-weight: 600;
color: #333;
}
.wbc-input {
width: 100%;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
transition: border-color 0.3s ease;
}
.wbc-input:focus {
outline: none;
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
} .wbc-login-remember label {
display: flex;
align-items: center;
font-weight: normal;
cursor: pointer;
}
.wbc-login-remember input[type="checkbox"] {
margin-right: 8px;
} .wbc-login-captcha {
margin-bottom: 15px;
}
.widget-area .wbc-login-captcha .g-recaptcha iframe {
transform: scale(0.75);
-webkit-transform: scale(0.75);
transform-origin: left top;
-webkit-transform-origin: left top;
} .wbc-login-submit {
margin-bottom: 10px;
}
.wbc-login-button {
width: 100%;
padding: 12px 20px;
background: #007cba;
color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
}
.wbc-login-button:hover:not(:disabled) {
background: #005a87;
}
.wbc-login-button:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.wbc-button-loader {
display: inline-block;
} .wbc-lost-password,
.wbc-register-link {
margin: 10px 0 0;
text-align: center;
}
.wbc-lost-password a,
.wbc-register-link a {
color: #007cba;
text-decoration: none;
font-size: 14px;
}
.wbc-lost-password a:hover,
.wbc-register-link a:hover {
text-decoration: underline;
} .wbc-welcome-message {
margin: 0 0 15px;
padding: 15px;
background: #f0f8ff;
border-left: 3px solid #007cba;
border-radius: 3px;
font-size: 16px;
}
.wbc-user-links {
display: flex;
flex-direction: column;
gap: 10px;
}
.wbc-profile-link,
.wbc-logout-link {
display: inline-block;
padding: 10px 15px;
text-align: center;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.wbc-profile-link {
background: #007cba;
color: #fff;
}
.wbc-profile-link:hover {
background: #005a87;
color: #fff;
}
.wbc-logout-link {
background: #f1f1f1;
color: #333;
}
.wbc-logout-link:hover {
background: #e0e0e0;
color: #333;
} @media screen and (min-width: 600px) {
.wbc-user-links {
flex-direction: row;
}
} .wp-block-wbc-login-widget .wbc-login-widget-form,
.wp-block-wbc-login-widget .wbc-login-widget-logged-in {
max-width: 400px;
margin: 0 auto;
}