/*
 * 登録・ログインの見た目。
 *
 * このプラグインはネットワークのどのサイトにも置けるので、スタイルも自分で持つ。
 * TASC側（tasc-customizations）のCSSはポータルでは読み込まれないため、
 * そちらに置くと置き場所によって崩れる。
 * 色はテーマに任せ、ここでは配置だけを整える。
 */

.av-registration {
    max-width: 34em;
}

.av-heading {
    margin-top: 1.6em;
    margin-bottom: 0.6em;
}

.av-registration-form label,
.av-registration .login-username label,
.av-registration .login-password label {
    display: block;
    margin-bottom: 0.3em;
}

.av-registration-form input[type="email"],
.av-registration .login-username input,
.av-registration .login-password input {
    width: 100%;
}

.av-registration .login-remember {
    margin: 0.6em 0;
}

.av-terms label {
    display: flex;
    align-items: center;
    gap: 0.4em;
}

.av-note {
    font-size: 0.9em;
    opacity: 0.8;
}

/*
 * 操作の結果を伝える箱（2026-09-13）。
 *
 * **地の文と同じ見た目にしない。** 「確認メールをお送りしました」は
 * その場で起きたことの報告で、まわりの案内文とは役割が違う。同じ字面で並ぶと
 * 読み飛ばされ、「押したのに何も起きていない」と受け取られる。
 *
 * 体裁はWooCommerceの通知（`.woocommerce-info`／`.woocommerce-error`）に
 * 合わせる。TASC側で同じ役目の箱を見た人が、同じものだと分かるように。
 * ポータルにはWooCommerceのCSSが無いので、必要な分だけここに書く。
 */
.av-notice,
.av-error {
    position: relative;
    margin: 0 0 1.5em;
    padding: 1em 1.5em 1em 3em;
    background-color: #f6f5f8;
    color: #515151;
    border-top: 3px solid #1e85be;
    word-wrap: break-word;
}

/*
 * 入力の誤りは、**目に留まらなければ意味がない**。
 * 色だけに頼らず、行頭の記号でも分かるようにする（色覚特性や、
 * 背景色が沈む環境でも見分けられるように）。
 */
.av-error {
    color: #b81c23;
    font-weight: 700;
    border-top-color: #b81c23;
}

.av-error::before {
    content: "*";
    position: absolute;
    top: 0.85em;
    left: 1.2em;
    font-size: 1.4em;
    line-height: 1;
    color: #b81c23;
}

.av-account-status .av-signed-in {
    font-size: 1.1em;
}

.av-withdraw {
    margin-top: 2.4em;
    padding-top: 1.4em;
    border-top: 1px solid currentColor;
    opacity: 0.95;
}

.av-withdraw-consequences {
    margin-bottom: 1em;
}

.av-danger {
    background-color: #b3261e;
    color: #ffffff;
}

.av-withdraw-services {
    margin: 0.8em 0;
}

/*
 * ログインと新規登録を行き来するリンク（2026-09-13）。
 *
 * **画面を分けた代わりに、必ず相手への入口を置く。** 分けただけだと
 * 「登録したいのにログイン画面に来てしまった」人の行き止まりになる。
 */
.av-switch {
    margin-top: 1.5em;
    padding-top: 1.2em;
    border-top: 1px solid rgba(128, 128, 128, 0.3);
    font-size: 0.95em;
}

.av-login-form label {
    display: block;
    margin-bottom: 0.2em;
}

.av-login-form input[type="text"],
.av-login-form input[type="password"] {
    width: 100%;
    max-width: 22em;
}

.av-login-remember label {
    display: flex;
    align-items: center;
    gap: 0.4em;
}

/*
 * 退会への入口（2026-09-14）。
 *
 * **目立たせない。** 探している人には見つかり、そうでない人の目には
 * 留まらない位置と大きさにする。ログアウトの直後に同じ強さで並ぶと、
 * 押し間違いが起きる。
 */
.av-leave-link {
    margin-top: 2em;
    font-size: 0.9em;
}

.av-leave-link a {
    color: inherit;
    opacity: 0.75;
}