/**
 * File: wp-content/plugins/fanclub-core/modules/login/assets/login.css
 * Frontend-Login — Design analog zum Beitrittsformular.
 */

.fc-login-page {
    padding: 80px 0 120px;
}
.fc-login-wrap {
    max-width: 460px;
    margin:    0 auto;
    padding:   0 24px;
}

.fc-login-title {
    font-family:    'Barlow Condensed', sans-serif;
    font-size:      clamp( 2.4rem, 6vw, 3.6rem );
    font-weight:    900;
    font-style:     italic;
    text-transform: uppercase;
    color:          var(--fc-text-primary);
    letter-spacing: -0.01em;
    line-height:    1.05;
    margin:         0 0 14px;
}
.fc-login-intro {
    font-family:    'Barlow Condensed', sans-serif;
    font-size:      1.1rem;
    font-weight:    500;
    color:          var(--fc-text-secondary, #a5a5a5);
    line-height:    1.55;
    margin:         0 0 32px;
}

.fc-login-error {
    border-left:    3px solid var(--fc-danger);
    padding:        12px 16px;
    font-family:    'Barlow Condensed', sans-serif;
    font-size:      1rem;
    font-weight:    700;
    color:          var(--fc-danger);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin:         0 0 20px;
}

.fc-login-form { display: flex; flex-direction: column; gap: 22px; }

.fc-login-field { display: flex; flex-direction: column; gap: 6px; position: relative; }
.fc-login-label {
    font-family:    'Barlow Condensed', sans-serif;
    font-size:      0.85rem;
    font-weight:    700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color:          var(--fc-yellow);
}
.fc-login-field input[type="text"],
.fc-login-field input[type="password"] {
    width:          100%;
    background:     #232323;
    border:         none;
    border-bottom:  2px solid var(--fc-yellow);
    color:          var(--fc-text-primary);
    padding:        12px 14px;
    font-family:    'Barlow Condensed', sans-serif;
    font-size:      1.25rem;
    font-weight:    700;
    font-style:     italic;
    letter-spacing: -0.01em;
    outline:        none;
    box-sizing:     border-box;
    transition:     border-color 0.15s;
}
.fc-login-field input::placeholder { color: var(--fc-text-dim, #8a8a8a); }
.fc-login-field input:focus        { border-bottom-color: #fff; }

.fc-login-remember {
    display:     flex;
    align-items: center;
    gap:         10px;
    cursor:      pointer;
    font-family: 'Barlow Condensed', sans-serif;
    font-size:   1rem;
    color:       var(--fc-text-secondary, #a5a5a5);
    letter-spacing: 0.02em;
}
.fc-login-remember input[type="checkbox"] {
    width:        18px;
    height:       18px;
    accent-color: var(--fc-yellow);
    cursor:       pointer;
}

.fc-login-submit {
    display:        inline-block;
    background:     var(--fc-yellow);
    color:          #000;
    border:         none;
    padding:        16px 32px;
    font-family:    'Barlow Condensed', sans-serif;
    font-size:      1.1rem;
    font-weight:    700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none;
    cursor:         pointer;
    text-align:     center;
    transition:     opacity 0.15s, transform 0.15s;
    margin-top:     4px;
}
.fc-login-submit:hover { opacity: 0.9; transform: translateY( -1px ); }

.fc-login-lost {
    margin:     6px 0 0;
    text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    font-size:  0.95rem;
}
.fc-login-lost a {
    color:           var(--fc-text-secondary, #a5a5a5);
    text-decoration: underline;
    letter-spacing:  0.04em;
}
.fc-login-lost a:hover { color: var(--fc-yellow); }

@media ( max-width: 480px ) {
    .fc-login-page { padding: 48px 0 80px; }
    .fc-login-wrap { padding: 0 18px; }
}