/* cwcli connector stylesheet - scoped, minimal impact */

/* Ensure the wrapper area doesn't grow layout-wide */
#customer_login { box-sizing: border-box; }

/* Header image tweak (non-destructive): any img directly before the login area */
#customer_login img + * {}

/* Small inline messages */
.cwcli-message-inline { padding:10px 12px; border-radius:6px; margin-bottom:12px; font-size:14px; }
.cwcli-msg-error { background:#ffeaea; color:#a33; border:1px solid #f3c6c6; }
.cwcli-msg-success { background:#e8fbf2; color:#0b6a4f; border:1px solid #bfe7d8; }

/* Popup */
.cwcli-popup { position: fixed; left: 50%; top: 22%; transform: translateX(-50%); z-index: 99999; pointer-events: none; }
.cwcli-popup-inner { background: rgba(0,0,0,0.9); color:#fff; padding:10px 16px; border-radius:8px; font-weight:700; font-size:15px; pointer-events:auto; }

/* Button sizing and colors for the exact classes from your HTML */
.woocommerce-form-login__submit,
.woocommerce-Button.woocommerce-form-register__submit,
button.woocommerce-button { min-width: 200px; width: 200px; height: 42px; line-height: 42px; border-radius: 8px; color: #fff; border: none; font-weight:600; cursor:pointer; }

/* Specific colors requested */
.woocommerce-form-login__submit { background: #008080 !important; }  /* login button */
.woocommerce-Button.woocommerce-form-register__submit { background: #00a2ed !important; } /* register button */

/* Make the login button visually same level as register */
.woocommerce-form .form-row { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }

/* Make "Remember me" and "Lost your password?" inline with the login button.
   Target the common selectors from your HTML */
.form-row .woocommerce-form__label-for-checkbox { display:flex; align-items:center; gap:6px; margin:0; }
.woocommerce-LostPassword.lost_password { margin-left: auto; }

/* Inputs: gentle styling but keep structure */
.woocommerce-Input.input-text { padding:10px 12px; border-radius:8px; border:1px solid #e1e6ea; box-sizing:border-box; width:100%; font-size:14px; }

/* Titles and spacing - neutral, won't break theme */
#customer_login h2 { margin:0 0 12px 0; font-size:20px; color:#0b2b3a; }

/* Responsive: stack underneath on small screens */
@media (max-width: 780px) {
    .form-row .woocommerce-LostPassword.lost_password { margin-left: 0; order: 3; width:100%; }
    .form-row { flex-direction: column; align-items: stretch; gap:10px; }
    .woocommerce-form-login__submit, .woocommerce-Button.woocommerce-form-register__submit { width:100%; min-width:0; }
}

/* Small safety: don't override global a styles */
#customer_login a { text-decoration: none; color: #1f4b6b; }

/* messages (CRPW) - keep them visible */
.crpw-message { margin-bottom: 12px; padding:10px; border-radius:6px; }