/* Stylowanie podstrony logowania */
.login-page-wrapper {
    background-color: #FAFAFA; /* Delikatne tło jak na Trustpilot, żeby karta się odcinała */
    min-height: 70vh;
}

.auth-card {
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

/* Przyciski społecznościowe - wspólne cechy */
.btn-social {
    height: 52px;
    font-weight: 500;
    font-size: 1rem;
    transition: all 0.2s ease-in-out;
}

/* Stylizacja poszczególnych przycisków */
.btn-google {
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    color: #3c4043;
}
.btn-google:hover {
    background-color: #f8f9fa;
    border-color: #dcdcdc;
}

.btn-facebook {
    background-color: #1877F2;
    border: none;
}
.btn-facebook:hover {
    background-color: #166fe5;
    color: #fff;
}

.btn-apple {
    background-color: #000000;
    border: none;
}
.btn-apple:hover {
    background-color: #1a1a1a;
    color: #fff;
}

/* Link e-mail */
.login-email-link {
    color: #0052cc; /* Klasyczny niebieski dla linków */
    font-weight: 500;
    font-size: 1rem;
}
.login-email-link:hover {
    color: #003d99;
}

/* Stylowanie inputów by przypominały Trustpilota */
.auth-input {
    height: 48px;
    border-radius: 4px;
    border: 1px solid #737373;
    font-size: 1rem;
}

.auth-input:focus {
    border-color: #1a1a1a;
    box-shadow: 0 0 0 1px #1a1a1a;
}

/* Przycisk Kontynuuj przez email (niebieski) */
.btn-email-submit {
    background-color: #435bba; /* Kolor ze screena */
    color: #fff;
    height: 52px;
    font-weight: 500;
    transition: background-color 0.2s;
}

.btn-email-submit:hover {
    background-color: #33489e;
    color: #fff;
}