/* Members access: sign-in, request-access, gate and approval pages.
   Explicit colours with !important because themes and Elementor otherwise override label and button colours. */
/* The cards are always light, so tell browsers not to apply their own dark-mode or forced-dark styling to them. */
.watson-gate-card, .watson-access { color-scheme: only light; }
.watson-access a { color: #1b2a5c !important; text-decoration: underline; }
.watson-access input:-webkit-autofill, .watson-access input:-webkit-autofill:focus { -webkit-text-fill-color: #1c232b !important; -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; }
.watson-access input::placeholder { color: #5a6270 !important; opacity: 1; }
.watson-gate { max-width: 720px; margin: 2em auto; padding: 0 16px; }
.watson-gate-card,
.watson-access { background: #ffffff !important; color: #1c232b !important; border: 1px solid #d9dce6; border-top: 5px solid #8e1b2e; border-radius: 6px; padding: 22px 24px; box-shadow: 0 2px 10px rgba(27,42,92,.08); font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.watson-gate-card .watson-access { border: 0; box-shadow: none; padding: 0; margin: 18px 0 0; border-top: 1px solid #e6e8ef; border-radius: 0; padding-top: 18px; }
.watson-gate-card h1 { color: #1b2a5c !important; font-size: 1.7rem; margin: 0 0 .6em; }
.watson-access h2 { color: #1b2a5c !important; font-size: 1.3rem; margin: 0 0 .6em; }
.watson-access label, .watson-access legend, .watson-gate-card label, .watson-gate-card legend { color: #1c232b !important; display: block; font-size: 1rem; margin: 0 0 .3em; }
.watson-access small, .watson-gate-small { color: #5a6270 !important; font-size: .85rem; font-weight: normal; }
.watson-access input[type="text"], .watson-access input[type="email"], .watson-access input[type="tel"], .watson-access select {
	width: 100%; max-width: 420px; box-sizing: border-box; padding: .6em .7em; font-size: 1rem; color: #1c232b !important; background: #fff !important; border: 1px solid #8a93a6; border-radius: 4px; }
.watson-access input.watson-access-code { max-width: 14em; font-size: 1.6rem; letter-spacing: .35em; text-align: center; font-family: "Courier New", monospace; }
.watson-access .watson-access-hp { position: absolute !important; left: -9999px !important; height: 0; overflow: hidden; }
.watson-access fieldset, .watson-gate-card fieldset { border: 1px solid #d9dce6; border-radius: 4px; padding: .8em 1em; margin: 0 0 1em; }
.watson-access fieldset label, .watson-gate-card fieldset label { display: block; font-weight: normal; margin: .3em 0; cursor: pointer; }
.watson-access input[type="radio"], .watson-access input[type="checkbox"], .watson-gate-card input[type="radio"] { margin-right: .5em; }
.watson-access button, .watson-btn, .watson-gate-card button { background: #1b2a5c !important; color: #ffffff !important; border: 2px solid #1b2a5c !important; border-radius: 5px; padding: .7em 1.4em; font-size: 1rem; font-weight: bold; cursor: pointer; text-decoration: none; }
.watson-access button:hover, .watson-gate-card button:hover { background: #8e1b2e !important; border-color: #8e1b2e !important; }
.watson-gate-card button.is-secondary { background: #ffffff !important; color: #8e1b2e !important; border-color: #8e1b2e !important; }
.watson-access .watson-access-link, .watson-access button.watson-access-link { background: none !important; border: 0 !important; color: #1b2a5c !important; text-decoration: underline; padding: 0; font-weight: normal; }
.watson-access-account button { margin-right: .5em; }
.watson-access-msg { padding: .7em 1em; border-radius: 4px; margin: 0 0 1em; }
.watson-access-msg.is-ok { background: #e8f3ea !important; color: #1e4620 !important; border: 1px solid #b7d8bb; }
.watson-access-msg.is-error { background: #fbeaea !important; color: #8a1f11 !important; border: 1px solid #e3b5b0; }
.watson-gate-ok { background: #e8f3ea !important; color: #1e4620 !important; border: 1px solid #b7d8bb; border-radius: 4px; padding: .8em 1em; }
.watson-gate-details { border-collapse: collapse; width: 100%; margin: 0 0 1.2em; }
.watson-gate-details th, .watson-gate-details td { text-align: left; padding: .5em .8em; border-bottom: 1px solid #e6e8ef; color: #1c232b !important; background: #fff !important; }
.watson-gate-details th { width: 34%; background: #f4f6fb !important; font-weight: bold; }
.watson-access-remember small { display: block; margin-left: 1.7em; }
@media (max-width: 480px) { .watson-gate-card, .watson-access { padding: 16px; } }
