@charset "utf-8";



.wbc-login-widget-form, .wbc-login-widget-logged-in { padding: 15px; background: rgb(255, 255, 255); border-radius: 4px; }



.wbc-form-messages { margin-bottom: 15px; }



.wbc-form-messages p { margin: 0px; padding: 10px 15px; border-radius: 3px; }



.wbc-form-messages.wbc-error p { background: rgb(248, 215, 218); border-left: 3px solid rgb(220, 53, 69); color: rgb(114, 28, 36); }



.wbc-form-messages.wbc-success p { background: rgb(212, 237, 218); border-left: 3px solid rgb(40, 167, 69); color: rgb(21, 87, 36); }



.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: rgb(51, 51, 51); }



.wbc-input { width: 100%; padding: 10px 15px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; font-size: 14px; transition: border-color 0.3s; }



.wbc-input:focus { outline: none; border-color: rgb(0, 124, 186); box-shadow: rgb(0, 124, 186) 0px 0px 0px 1px; }



.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); transform-origin: left top; }



.wbc-login-submit { margin-bottom: 10px; }



.wbc-login-button { width: 100%; padding: 12px 20px; background: rgb(0, 124, 186); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background-color 0.3s; }



.wbc-login-button:hover:not(:disabled) { background: rgb(0, 90, 135); }



.wbc-login-button:disabled { opacity: 0.6; cursor: not-allowed; }



.wbc-button-loader { display: inline-block; }



.wbc-lost-password, .wbc-register-link { margin: 10px 0px 0px; text-align: center; }



.wbc-lost-password a, .wbc-register-link a { color: rgb(0, 124, 186); text-decoration: none; font-size: 14px; }



.wbc-lost-password a:hover, .wbc-register-link a:hover { text-decoration: underline; }



.wbc-welcome-message { margin: 0px 0px 15px; padding: 15px; background: rgb(240, 248, 255); border-left: 3px solid rgb(0, 124, 186); 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; }



.wbc-profile-link { background: rgb(0, 124, 186); color: rgb(255, 255, 255); }



.wbc-profile-link:hover { background: rgb(0, 90, 135); color: rgb(255, 255, 255); }



.wbc-logout-link { background: rgb(241, 241, 241); color: rgb(51, 51, 51); }



.wbc-logout-link:hover { background: rgb(224, 224, 224); color: rgb(51, 51, 51); }



@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: 0px auto; }