/* Custom Login Page Styling - BuddyBoss */

/* Tło strony logowania */
body.login,
body.wp-core-ui {
    background-image: url('https://platforma.michalpietras.pl/wp-content/uploads/2025/11/v3-Logowanie-PC.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px !important;

}

/* Dodanie ciemnej nakładki na tło dla lepszej czytelności */
body.login::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

/* Główny kontener logowania */
#login {
    position: relative;
    z-index: 1;
    padding: 8% 20px;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Biały box z formularzem - RESPONSYWNY */
#login form,
#loginform,
.login form {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
    padding: 52px 72px !important;
    max-width: 552px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Logo / Nagłówek - UKRYJ */
#login h1,
.login h1,
.login h1.wp-login-logo,
h1.wp-login-logo {
    display: none !important;
}

/* Ukryj dodatkowy nagłówek "Zaloguj się" */
.login .login-heading,
.login-heading,
div.login-heading {
    display: none !important;
}

/* Tytuł nad formularzem */
.login-title,
#login .login-title {
    color: #171717;
    text-align: center;
    font-family: "Kumbh Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    /* 138.462% */
    text-transform: uppercase;
}

/* Separator pod tytułem - złoty gradient */
.login-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%);

    margin: 15px auto 30px auto !important;
}

/* Pola formularza - wszystkie identyczne - CZARNY BORDER */
.login form .input,
.login input[type="text"],
.login input[type="email"],
.login input[type="password"],
.login #user_pass,
.login #user_login,
body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"],
body.login #user_pass,
body.login #user_login,
.login form#loginform input[type="text"],
.login form#loginform input[type="email"],
.login form#loginform input[type="password"],
.login form#loginform #user_login,
.login form#loginform #user_pass,
.login .wp-pwd input[type="password"] {
    background: #ffffff !important;
    border: 1px solid #000000;
    border-radius: 4px !important;
    padding: 12px 15px 12px 45px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Pole hasła - dodatkowy padding-right dla przycisku oka */
.login input[type="password"],
.login #user_pass,
.login .user-pass-wrap input[type="password"] {
    padding-right: 60px !important;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus,
.login #user_pass:focus,
.login .wp-pwd input:focus {
    border-color: #c9a961 !important;
    box-shadow: 0 0 0 1px #c9a961 !important;
    outline: none !important;
}

/* Style dla placeholderów */
.login input[type="text"]::placeholder,
.login input[type="password"]::placeholder,
.login input[type="email"]::placeholder,
.login #user_login::placeholder,
.login #user_pass::placeholder {
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.176px !important;
    opacity: 1 !important;
}

/* Placeholder dla różnych przeglądarek */
.login input[type="text"]::-webkit-input-placeholder,
.login input[type="password"]::-webkit-input-placeholder,
.login input[type="email"]::-webkit-input-placeholder {
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.176px !important;
}

.login input[type="text"]::-moz-placeholder,
.login input[type="password"]::-moz-placeholder,
.login input[type="email"]::-moz-placeholder {
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.176px !important;
}

.login input[type="text"]:-ms-input-placeholder,
.login input[type="password"]:-ms-input-placeholder,
.login input[type="email"]:-ms-input-placeholder {
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.176px !important;
}

/* Ikony w polach - konkretne selektory */
.login label {
    position: relative;
    display: block;
    margin-bottom: 0 !important;
}

/* ========== UKRYWANIE STARYCH IKON - AGRESYWNIE ========== */

/* Ukryj WSZYSTKIE SVG ikony BuddyBoss */
.login svg,
.login form svg,
.login label svg,
.login .user-pass-wrap svg,
body.login svg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Ukryj WSZYSTKIE dashicons */
.login .dashicons,
.login .dashicons-visibility,
.login .dashicons-hidden,
.login span.dashicons,
.login .dashicons::before,
.login .dashicons::after,
body.login .dashicons,
.wp-pwd .dashicons,
button .dashicons {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    content: '' !important;
    position: absolute !important;
    left: -9999px !important;
}

#user_login {
    margin-bottom: 0 !important;
}

/* ========== NOWE IKONY - przez CSS ::before ========== */

/* Kontener dla ikony w label (email) */
.login form label[for="user_login"] {
    position: relative !important;
    display: block !important;
    margin-bottom: 0 !important;
}

/* Ikona user w polu email - ::before */
.login form#loginform label[for="user_login"]::before {
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    top: 12px !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url(https://platforma.michalpietras.pl/wp-content/uploads/2025/11/log-user.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

/* Kontener dla ikony hasła */
.login .user-pass-wrap {
    position: relative !important;
    margin-bottom: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 17px !important;
}

.login .user-pass-wrap .wp-pwd {
    position: relative !important;
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* Pole hasła - upewnij się że reaguje na focus */
.login .user-pass-wrap .wp-pwd input[type="password"],
.login .user-pass-wrap input#user_pass {
    width: 100% !important;
    pointer-events: auto !important;
    margin: 0 !important;
    display: block !important;
}

/* Label dla pola hasła - taki sam jak dla email */
.login form label[for="user_pass"] {
    position: relative !important;
    display: block !important;
    margin-bottom: 0 !important;
}

/* Ikona kłódki w polu hasła - ::before - DOKŁADNIE TAK SAMO JAK IKONA USER */
.login .user-pass-wrap .wp-pwd::before {
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    top: 12px !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url(https://platforma.michalpietras.pl/wp-content/uploads/2025/11/pass-user.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

/* Przycisk show/hide hasła - WEWNĄTRZ INPUTA */
.login .user-pass-wrap button[type="button"],
.login .wp-pwd button,
.login .wp-pwd .button-secondary {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
}

/* Ikona oka (dodana przez JS) */
.custom-eye-icon {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
}

/* Przekreślenie dla widocznego hasła */
.custom-eye-slash {
    position: absolute !important;
    width: 28px !important;
    height: 2px !important;
    background: #171717 !important;
    transform: rotate(-45deg) !important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -14px !important;
    margin-top: -1px !important;
    pointer-events: none !important;
}

/* Checkbox "Zapamiętaj mnie" */
.login .forgetmenot {
    float: left;
    margin-bottom: 15px;
}

.login form .forgetmenot label {
    font-size: 13px;
    color: #171717;
}

.login form input[type="checkbox"] {
    margin-right: 5px;
}

/* Link "Zapomniałeś hasła?" */
.login #nav,
.login #backtoblog {
    text-align: right;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.login #nav a,
.login #backtoblog a {
    color: #c9a961;
    text-decoration: none;
    transition: color 0.3s ease;
}

.login #nav a:hover,
.login #backtoblog a:hover {
    color: #b08d45;
}

/* Przycisk "Zaloguj się" - kontener */
.login form .submit,
.login form p.submit {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 25px !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
}

/* Wrapper przycisku - flex dla wyśrodkowania */
.login-button-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.login form .button-primary,
.login input[type="submit"],
.login form#loginform input#wp-submit,
body.login input#wp-submit,
#wp-submit,
.custom-submit-button,
button.custom-submit-button {
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%) !important;
    border: none !important;
    border-radius: 0 !important;
    color: #171717 !important;
    font-weight: 600 !important;
    padding: 10px 36px !important;
    width: 100% !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    max-width: 175px !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.176px;
}

/* Ikonka w przycisku "Zaloguj się" - obok tekstu */
.login-button-icon {
    width: 14px !important;
    height: 14px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
    margin-left: 0px !important;
}

.login form .button-primary:hover,
.login input[type="submit"]:hover,
.custom-submit-button:hover,
button.custom-submit-button:hover {
    background: linear-gradient(99deg, #c9a14d 8.54%, #f5d77a 43.45%, #c9a14d 79.79%) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* ========== STRONA RESETOWANIA HASŁA ========== */

/* Input na stronie resetowania - dokładnie taki sam jak na logowaniu - CZARNY BORDER */
.login.login-action-lostpassword input[type="text"],
.login.login-action-lostpassword input[type="email"],
.login.login-action-lostpassword #user_login,
body.login-action-lostpassword input[type="text"],
body.login-action-lostpassword input[type="email"],
body.login-action-lostpassword #user_login,
.login-action-lostpassword form input[type="text"],
.login-action-lostpassword form input[type="email"],
.login-action-lostpassword form #user_login {
    background: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 4px !important;
    padding: 12px 15px 12px 45px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

}

/* Focus dla inputa na stronie resetowania */
.login.login-action-lostpassword input[type="text"]:focus,
.login.login-action-lostpassword input[type="email"]:focus,
.login.login-action-lostpassword #user_login:focus {
    border-color: #c9a961 !important;
    box-shadow: 0 0 0 1px #c9a961 !important;
    outline: none !important;
}

/* Placeholder na stronie resetowania */
.login.login-action-lostpassword input[type="text"]::placeholder,
.login.login-action-lostpassword input[type="email"]::placeholder,
.login.login-action-lostpassword #user_login::placeholder {
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.176px !important;
    opacity: 1 !important;
}

/* Label na stronie resetowania - z ikoną */
.login.login-action-lostpassword form label[for="user_login"] {
    position: relative !important;
    display: block !important;
    margin-bottom: 0 !important;
}

/* Ikona user na stronie resetowania */
.login.login-action-lostpassword form label[for="user_login"]::before {
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    top: 4px !important;
    transform: translateY(50%) !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url(https://platforma.michalpietras.pl/wp-content/uploads/2025/11/log-user.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

/* Przycisk na stronie resetowania hasła - bez max-width */
.login.login-action-lostpassword form#lostpasswordform p.submit,
.login.login-action-lostpassword .submit {
    max-width: none !important;
}

.login.login-action-lostpassword form#lostpasswordform p.submit input#wp-submit,
.login.login-action-lostpassword input[type="submit"] {
    /* max-width: none !important; */
    width: 100% !important;
    padding: 10px 36px !important;
    margin-top: 0 !important;
    max-width: 190px !important;
}

#lostpasswordform input[type="submit"]:hover {
    background: linear-gradient(99deg, #c9a14d 8.54%, #f5d77a 43.45%, #c9a14d 79.79%) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
    transform: translateY(-1px) !important;
}


/* Komunikat informacyjny na stronie resetowania */
.login.login-action-lostpassword .reset-password-info,
.reset-password-info {
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.176px !important;
    margin: 0 0 20px 0 !important;
    text-align: center !important;
}

/* Tytuł na stronie resetowania */
.login.login-action-lostpassword .login-title {
    margin-bottom: 20px !important;
}

/* Link "Powrót do logowania" - nad regulaminami */
.login.login-action-lostpassword .wp-login-log-in,
.login.login-action-lostpassword .bs-sign-in,
.login.login-action-lostpassword #nav,
.login-action-lostpassword .wp-login-log-in,
.login-action-lostpassword .bs-sign-in,
.login-action-lostpassword #nav {
    /* text-align: center !important;
    margin: 25px 0 15px 0 !important;
    padding: 0 !important;
    border-top: 1px solid #e0e0e0 !important;
    padding-top: 20px !important; */
    display: block !important;
}

.login.login-action-lostpassword .wp-login-log-in a,
.login.login-action-lostpassword .bs-sign-in a,
.login.login-action-lostpassword #nav a,
.login-action-lostpassword .wp-login-log-in a,
.login-action-lostpassword .bs-sign-in a,
.login-action-lostpassword #nav a {
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 14px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.login.login-action-lostpassword .wp-login-log-in a:hover,
.login.login-action-lostpassword .bs-sign-in a:hover,
.login.login-action-lostpassword #nav a:hover,
.login-action-lostpassword .wp-login-log-in a:hover,
.login-action-lostpassword .bs-sign-in a:hover,
.login-action-lostpassword #nav a:hover {
    color: #d4af37 !important;
    text-decoration: underline !important;
}

/* Ukryj komunikat "Zaloguj się, aby uzyskać dostęp..." */
/* ALE NIE na stronie sukcesu resetowania hasła! */
.login .message:not(.error):not(#login_error):not(.reset-pass):not(.success):not(.password-reset-success) {
    max-width: 552px;
    border-radius: 0px !important;
    display: none;
}

#login>div.notice.notice-info.message.reset-pass {
    width: 552px;
    border-radius: 0px !important;
    text-align: center !important;
    padding: 10px !important;

}

/* Na stronie sukcesu resetowania - POKAŻ message box! */
.login.login-action-resetpass .message,
.login.login-action-resetpass .notice.notice-info.message {
    display: block !important;
    max-width: 552px;
}

.login.login-action-resetpass #login .message,
body.login-action-resetpass #login .message {
    display: block !important;
    max-width: 552px;
}

/* Na stronie błędu (action=rp invalid link) - UKRYJ message sukcesu */
.login.login-action-rp #login>div.notice.notice-info.message.reset-pass,
body.login-action-rp #login>div.notice.notice-info.message.reset-pass,
.login.login-action-rp #login>.notice.notice-info.message,
body.login-action-rp #login>.notice.notice-info.message {
    display: none !important;
}

#login>div.notice.notice-info.message.reset-pass.success.password-reset-success {
    display: block !important;
}




/* Komunikaty błędów */
.login .message.error,
.login #login_error {
    background: #ffffff;
    border-left: 4px solid #d63638;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 15px 20px;
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 552px;
    border-radius: 0px !important;
    box-sizing: border-box !important;
}

/* Komunikat sukcesu */
.login .message.success {
    border-left-color: #00a32a;
    display: block !important;
}

/* Linki pod formularzem */
.login #nav,
.login #backtoblog {
    text-align: center;
    margin: 15px auto 0;
    max-width: 552px;
    padding: 0 20px;
}

/* Regulamin i polityka prywatności - wewnątrz formularza */
.login-footer-links-inside {
    text-align: center !important;
    margin-top: 78px !important;
    padding-top: 20px !important;
    /* border-top: 1px solid #e0e0e0 !important; */
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #686868 !important;
}

.login-footer-links-inside a {
    color: #686868 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: none !important;
    text-underline-position: from-font !important;
    transition: opacity 0.3s ease !important;
}

.login-footer-links-inside a:hover {
    opacity: 0.7 !important;
}

.login-footer-links-inside span {
    color: #686868 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    text-decoration: none !important;
    margin: 0 5px !important;
}

/* Ukryj stare linki pod formularzem */
.login #nav,
.login #backtoblog {
    display: none !important;
}

/* Selektor języka - pod formularzem logowania */
.login .language-switcher,
body.login .language-switcher {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 999 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 552px !important;
    padding-bottom: 20px !important;
    margin-top: 20px !important;
}

.login .language-switcher label {
    display: none !important;
}

.login .language-switcher select,
body.login .language-switcher select {
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 0px !important;
    color: #333 !important;
    padding: 13px 25px !important;
    font-size: 14px !important;
    min-width: 140px !important;
    width: 100% !important;
    cursor: pointer !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    height: 46px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

.login .language-switcher select option {
    background: #ffffff !important;
    color: #333 !important;
}

.login .language-switcher input[type="submit"],
body.login .language-switcher input[type="submit"] {
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%) !important;
    border: none !important;
    border-radius: 0px !important;
    color: #000000 !important;
    padding: 13px 35px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    width: auto !important;
    height: 46px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

.login .language-switcher input[type="submit"]:hover {
    background: linear-gradient(99deg, #c9a14d 8.54%, #f5d77a 43.45%, #c9a14d 79.79%) !important;
}

/* Fix dla formularza w language-switcher */
.login .language-switcher form {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
}

/* Responsive - Desktop małe ekrany */
@media screen and (max-width: 1200px) {

    #login form,
    #loginform,
    .login form {
        width: 552px !important;
        max-width: 552px !important;
        padding: 40px 20px !important;
    }
}

/* Responsive - Tablet */
@media screen and (max-width: 950px) {
    #login {
        padding: 5% 20px;
    }

    #login form,
    #loginform,
    .login form {
        width: 90% !important;
        max-width: 552px !important;
        padding: 40px 20px !important;
        margin: 0 !important;
    }

    .login-title,
    #login .login-title {
        font-size: 22px;
    }

    .login #nav,
    .login #backtoblog,
    .login .message,
    .login #login_error {
        max-width: 100%;
        padding: 15px 20px !important;
    }

    .login .language-switcher {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 768px) {

    #language-switcher {
        max-width: 160px !important;
        margin: auto auto !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #login form,
    #loginform,
    .login form {
        width: 90% !important;
        max-width: 552px !important;
        padding: 40px 20px !important;
        margin: 0 !important;
    }

    .login-title,
    #login .login-title {
        font-size: 20px;
    }

    .login-footer-links-inside {
        margin-top: 38px !important;
    }
}

/* Responsive - Mobile */
@media screen and (max-width: 600px) {

    #login form,
    #loginform,
    .login form {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .login-title,
    #login .login-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .login form .button-primary,
    .login input[type="submit"] {
        padding: 14px 25px !important;
        padding-right: 45px !important;
        font-size: 14px;
    }

    .login form .input,
    .login input[type="text"],
    .login input[type="password"],
    .login input[type="email"] {
        padding: 12px 45px 12px 40px !important;
    }

    .login .language-switcher {
        margin-top: 15px !important;
        max-width: 100% !important;
    }

    .login .language-switcher select {
        min-width: 110px !important;
        padding: 11px 20px !important;
        font-size: 13px !important;
    }

    .login .language-switcher input[type="submit"] {
        padding: 11px 25px !important;
        font-size: 12px !important;
    }
}

@media screen and (max-width: 480px) {

    #login form,
    #loginform,
    .login form {
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .login-title,
    #login .login-title {
        font-size: 17px;
        margin-bottom: 15px;
        line-height: 1.2em;
    }

    .login form .button-primary,
    .login input[type="submit"] {
        padding: 12px 20px !important;
        padding-right: 40px !important;
        font-size: 13px;
    }

    .login .language-switcher {
        margin-top: 15px !important;
        max-width: 100% !important;
    }

    .login .language-switcher select {
        min-width: 100px !important;
        padding: 10px 15px !important;
        font-size: 12px !important;
    }

    .login .language-switcher input[type="submit"] {
        padding: 10px 20px !important;
        font-size: 11px !important;
    }
}

/* Ukrycie domyślnego linku powrotu do strony i innych linków */
body.login #backtoblog,
body.login #nav,
body.login .privacy-policy-link,
body.login .privacy-policy-page-link {
    display: none !important;
}

/* Stylizacja dla BuddyBoss specyficznych elementów */
.login .bb-login-container {
    background: transparent;
}

/* Privacy links w stopce */
.login-privacy-links {
    text-align: center;
    margin-top: 20px;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.login-privacy-links a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    text-decoration: none;
    margin: 0 8px;
}

.login-privacy-links a:hover {
    color: #ffffff;
    text-decoration: underline;
}


.lostmenot a {
    color: #A98A24 !important;
    font-family: "Kumbh Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 18.2px */
    letter-spacing: -0.065px;
    text-decoration-line: underline !important;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

#custom-wp-submit {
    margin-top: 29px !important;
    padding: 10px 36px !important;
}



.login.bb-login #login {
    padding: 0px !important;
}

.language-switcher {
    padding: 0 !important;
}

language-switcher-locales {
    border-radius: 0 !important;
}

language-switcher-locales button {
    border-radius: 0 !important;
}

.login #login_error,
.login .message {
    position: relative;
    top: 20px !important;
}



.login.bb-login #login {
    margin: 0 !important;
}

.login form {
    margin: 0 !important;
}

.login #login_error,
.login .message {
    margin-top: 40px !important;
}

/* ========== STRONA POTWIERDZENIA WYSŁANIA EMAILA (checkemail=confirm) ========== */

/* Główny kontener na stronie potwierdzenia */
.login.login-action-checkemail #login,
body.login-action-checkemail #login {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Biały box na stronie potwierdzenia - dokładnie taki sam jak na logowaniu - RESPONSYWNY */
.login.login-action-checkemail .message,
.login.login-action-checkemail #login .message,
body.login-action-checkemail .message,
body.login-action-checkemail #login .message {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
    padding: 52px 72px !important;
    max-width: 552px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* margin: 0 auto !important; */
    display: block !important;
    text-align: center !important;
    border-left: none !important;
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Tytuł na stronie potwierdzenia */
.login.login-action-checkemail .confirm-title,
.confirm-title {
    color: #171717 !important;
    text-align: center !important;
    font-family: "Kumbh Sans" !important;
    font-size: 26px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
}

/* Separator pod tytułem - złoty gradient */
.login.login-action-checkemail .confirm-title::after,
.confirm-title::after {
    content: '' !important;
    display: block !important;
    width: 80px !important;
    height: 3px !important;
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%) !important;
    margin: 15px auto 30px auto !important;
}

/* Tekst komunikatu */
.login.login-action-checkemail .message p,
body.login-action-checkemail .message p {
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.176px !important;
    margin: 0 0 20px 0 !important;
    text-align: center !important;
}

/* Link powrotu do logowania na stronie potwierdzenia */
.login.login-action-checkemail .confirm-back-link,
.confirm-back-link {
    display: inline-block !important;
    margin-top: 0px !important;
    color: #A98A24 !important;
    font-family: "Kumbh Sans" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    transition: opacity 0.3s ease !important;
}

.login.login-action-checkemail .confirm-back-link:hover,
.confirm-back-link:hover {
    opacity: 0.7 !important;
}

/* Regulaminy na stronie potwierdzenia - wewnątrz message boxa */
.login.login-action-checkemail .login-footer-links-inside,
body.login-action-checkemail .login-footer-links-inside {
    margin-top: 78px !important;

}

/* Ukryj domyślne linki na stronie potwierdzenia */
.login.login-action-checkemail #nav,
.login.login-action-checkemail #backtoblog,
body.login-action-checkemail #nav,
body.login-action-checkemail #backtoblog {
    display: none !important;
}

/* Selektor języka na stronie potwierdzenia - DOKŁADNIE TAKI SAM JAK NA LOGOWANIU */
.login.login-action-checkemail .language-switcher,
body.login-action-checkemail .language-switcher {
    display: block !important;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 999 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 552px !important;
    padding-bottom: 20px !important;
    margin-top: 20px !important;
}

/* Ukryj duplikaty regulaminów poza białym boxem na stronie potwierdzenia */
.login.login-action-checkemail .login-privacy-links,
body.login-action-checkemail .login-privacy-links,
.login.login-action-checkemail>.login-footer-links-inside,
body.login-action-checkemail>.login-footer-links-inside {
    display: none !important;
}

/* Responsive dla strony potwierdzenia */
@media screen and (max-width: 768px) {

    .login.login-action-checkemail .message,
    body.login-action-checkemail .message {
        width: 90% !important;
        max-width: 552px !important;
        padding: 40px 20px !important;
    }

    .login.login-action-checkemail .confirm-title,
    .confirm-title {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 480px) {

    .login.login-action-checkemail .message,
    body.login-action-checkemail .message {
        width: 100% !important;
        padding: 30px 20px !important;
    }

    .login.login-action-checkemail .confirm-title,
    .confirm-title {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
}

/* ========== STRONA ZMIANY/RESETOWANIA HASŁA (action=rp) ========== */

/* Formularz na stronie zmiany hasła - RESPONSYWNY */
/* TYLKO formularz resetpassform, NIE language-switcher! */
.login.login-action-rp form[name="resetpassform"],
.login.login-action-rp #resetpassform,
.login.login-action-resetpass form[name="resetpassform"],
.login.login-action-resetpass #resetpassform,
body.login-action-rp form[name="resetpassform"],
body.login-action-rp #resetpassform,
body.login-action-resetpass form[name="resetpassform"],
body.login-action-resetpass #resetpassform {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
    padding: 52px 72px !important;
    max-width: 552px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Pola input na stronie zmiany hasła - DOKŁADNIE TAKIE SAME JAK NA LOGOWANIU - CZARNY BORDER + PADDING Z LEWEJ NA IKONĘ */
.login.login-action-rp input[type="text"],
.login.login-action-rp input[type="password"],
.login.login-action-rp #pass1,
.login.login-action-rp #pass2,
.login.login-action-resetpass input[type="text"],
.login.login-action-resetpass input[type="password"],
.login.login-action-resetpass #pass1,
.login.login-action-resetpass #pass2,
body.login-action-rp input[type="text"],
body.login-action-rp input[type="password"],
body.login-action-resetpass input[type="text"],
body.login-action-resetpass input[type="password"],
.login.login-action-rp .wp-pwd input[type="password"],
.login.login-action-resetpass .wp-pwd input[type="password"] {
    background: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 4px !important;
    padding: 12px 15px 12px 45px !important;
    padding-right: 60px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    font-family: "Kumbh Sans", sans-serif !important;
    height: auto !important;
    line-height: normal !important;
}

/* Focus dla inputów na stronie zmiany hasła - ZŁOTA RAMKA JAK WSZĘDZIE */
.login.login-action-rp input[type="text"]:focus,
.login.login-action-rp input[type="password"]:focus,
.login.login-action-resetpass input[type="text"]:focus,
.login.login-action-resetpass input[type="password"]:focus,
.login.login-action-rp #pass1:focus,
.login.login-action-rp #bs-pass2:focus,
.login.login-action-resetpass #pass1:focus,
.login.login-action-resetpass #bs-pass2:focus,
.login.login-action-rp .wp-pwd input:focus,
.login.login-action-resetpass .wp-pwd input:focus {
    border-color: #c9a961 !important;
    box-shadow: 0 0 0 1px #c9a961 !important;
    outline: none !important;
}

/* Przycisk "Generuj hasło" - DOKŁADNIE JAK PRZYCISK "ZALOGUJ SIĘ" */
.login.login-action-rp .button.wp-generate-pw,
.login.login-action-resetpass .button.wp-generate-pw,
.login .wp-generate-pw,
body.login .button.wp-generate-pw,
button.wp-generate-pw {
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%) !important;
    border: none !important;
    border-radius: 0 !important;
    color: #171717 !important;
    font-weight: 600 !important;
    padding: 10px 36px !important;
    width: 100% !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    max-width: 175px !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    min-height: 46px !important;
    font-family: "Kumbh Sans", sans-serif !important;
    text-transform: none !important;
    margin: 10px 0 !important;
}

.login.login-action-rp .button.wp-generate-pw:hover,
.login.login-action-resetpass .button.wp-generate-pw:hover,
button.wp-generate-pw:hover {
    background: linear-gradient(99deg, #c9a14d 8.54%, #f5d77a 43.45%, #c9a14d 79.79%) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* Przycisk "Resetuj hasło" / "Zapisz" na stronie zmiany hasła */
.login.login-action-rp input[type="submit"],
.login.login-action-resetpass input[type="submit"],
body.login-action-rp input[type="submit"],
body.login-action-resetpass input[type="submit"],
.login.login-action-rp #wp-submit,
.login.login-action-resetpass #wp-submit {
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%) !important;
    border: none !important;
    border-radius: 0 !important;
    color: #171717 !important;
    font-weight: 600 !important;
    padding: 10px 36px !important;
    width: 100% !important;
    max-width: 200px !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-family: "Kumbh Sans", sans-serif !important;
    max-width: 175px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.login.login-action-rp input[type="submit"]:hover,
.login.login-action-resetpass input[type="submit"]:hover,
.login.login-action-rp #wp-submit:hover,
.login.login-action-resetpass #wp-submit:hover {
    background: linear-gradient(99deg, #c9a14d 8.54%, #f5d77a 43.45%, #c9a14d 79.79%) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* Kontener submit na stronie zmiany hasła - FLEX COLUMN WYCENTROWANY */
.login.login-action-rp .submit,
.login.login-action-resetpass .submit,
body.login-action-rp .submit,
body.login-action-resetpass .submit,
.login.login-action-rp .reset-pass-submit,
.login.login-action-resetpass .reset-pass-submit,
body.login-action-rp .reset-pass-submit,
body.login-action-resetpass .reset-pass-submit {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-top: 25px !important;
    width: 100% !important;
}

/* Ukryj wskaźnik siły hasła (albo ostyluj jeśli chcesz zostawić) */
.login.login-action-rp .pw-weak,
.login.login-action-resetpass .pw-weak {
    display: none !important;
}

/* Tekst wskazówek o haśle */
.login.login-action-rp .password-strength-meter,
.login.login-action-resetpass .password-strength-meter {
    margin: 10px 0 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 13px !important;
}

/* Wskaźnik siły hasła - strong (zielony) */
.login.bb-login #pass-strength-result.strong,
.login #pass-strength-result.strong,
.login.login-action-rp #pass-strength-result.strong,
.login.login-action-resetpass #pass-strength-result.strong {
    background-color: #14B550 !important;
    border-color: #14B550 !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

/* Wskaźnik siły hasła - inne poziomy */
.login #pass-strength-result.short,
.login.login-action-rp #pass-strength-result.short,
.login.login-action-resetpass #pass-strength-result.short {
    background-color: #f56e28 !important;
    border-color: #f56e28 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.login #pass-strength-result.bad,
.login.login-action-rp #pass-strength-result.bad,
.login.login-action-resetpass #pass-strength-result.bad {
    background-color: #dc3232 !important;
    border-color: #dc3232 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.login #pass-strength-result.good,
.login.login-action-rp #pass-strength-result.good,
.login.login-action-resetpass #pass-strength-result.good {
    background-color: #ffb900 !important;
    border-color: #ffb900 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Wrapper dla pola hasła na stronie resetowania - DOKŁADNIE JAK NA LOGOWANIU */
.login.login-action-rp .user-pass-wrap,
.login.login-action-resetpass .user-pass-wrap,
.login.login-action-rp .wp-pwd,
.login.login-action-resetpass .wp-pwd {
    position: relative !important;
    margin-bottom: 0 !important;
    margin-top: 20px !important;
    width: 100% !important;
    display: block !important;
}

.login.login-action-rp .user-pass-wrap .wp-pwd,
.login.login-action-resetpass .user-pass-wrap .wp-pwd,
.login.login-action-rp .wp-pwd,
.login.login-action-resetpass .wp-pwd {
    position: relative !important;
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Pola hasła wewnątrz wp-pwd - upewnij się że są pełnej szerokości */
.login.login-action-rp .wp-pwd input[type="password"],
.login.login-action-resetpass .wp-pwd input[type="password"],
.login.login-action-rp .wp-pwd input[type="text"],
.login.login-action-resetpass .wp-pwd input[type="text"] {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
}

/* Ikona kłódki w polu hasła na stronie resetowania - DOKŁADNIE JAK NA LOGOWANIU */
.login.login-action-rp .wp-pwd::before,
.login.login-action-resetpass .wp-pwd::before {
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    top: 12px !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url(https://platforma.michalpietras.pl/wp-content/uploads/2025/11/pass-user.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

/* Drugi input (#bs-pass2) będzie owrapowany w .wp-pwd przez JavaScript, więc korzysta z tych samych stylów co pierwszy input */

/* Przycisk show/hide hasła na stronie resetowania */
.login.login-action-rp .wp-pwd button,
.login.login-action-resetpass .wp-pwd button,
.login.login-action-rp .user-pass-wrap button[type="button"],
.login.login-action-resetpass .user-pass-wrap button[type="button"] {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
}

/* Specjalny top dla PIERWSZEGO inputa (#pass1) - 25% */
.login.login-action-rp #pass1-wrap button,
.login.login-action-resetpass #pass1-wrap button,
.login.login-action-rp .wp-pwd:first-of-type button,
.login.login-action-resetpass .wp-pwd:first-of-type button {
    top: 29% !important;
}

/* Drugi input (#bs-pass2) - top 50% (pozostaje bez zmian) */
.login.login-action-rp .user-bs-pass2-wrap button,
.login.login-action-resetpass .user-bs-pass2-wrap button {
    top: 50% !important;
}

/* Ukryj stare przyciski show/hide które mają ikonę bb-icon */
.login.login-action-rp .button-reset-hide-pw,
.login.login-action-resetpass .button-reset-hide-pw,
.login.login-action-rp button.button-reset-hide-pw,
.login.login-action-resetpass button.button-reset-hide-pw {
    display: none !important;
}

/* Ukryj dashicons na stronie resetowania hasła - AGRESYWNIE JAK NA LOGOWANIU */
.login.login-action-rp .dashicons,
.login.login-action-resetpass .dashicons,
.login.login-action-rp svg,
.login.login-action-resetpass svg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Selektor języka na stronie resetowania hasła - DOKŁADNIE TAKI SAM JAK NA LOGOWANIU */
.login.login-action-rp .language-switcher,
.login.login-action-resetpass .language-switcher,
body.login-action-rp .language-switcher,
body.login-action-resetpass .language-switcher {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 999 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 552px !important;
    padding-bottom: 20px !important;
    margin-top: 20px !important;
}

.login.login-action-rp .language-switcher select,
.login.login-action-resetpass .language-switcher select,
body.login-action-rp .language-switcher select,
body.login-action-resetpass .language-switcher select {
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 0px !important;
    color: #333 !important;
    padding: 13px 25px !important;
    font-size: 14px !important;
    min-width: 140px !important;
    width: 100% !important;
    cursor: pointer !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    height: 46px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

.login.login-action-rp .language-switcher input[type="submit"],
.login.login-action-resetpass .language-switcher input[type="submit"],
body.login-action-rp .language-switcher input[type="submit"],
body.login-action-resetpass .language-switcher input[type="submit"] {
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%) !important;
    border: none !important;
    border-radius: 0px !important;
    color: #000000 !important;
    padding: 13px 35px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    width: auto !important;
    height: 46px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

.login.login-action-rp .language-switcher input[type="submit"]:hover,
.login.login-action-resetpass .language-switcher input[type="submit"]:hover {
    background: linear-gradient(99deg, #c9a14d 8.54%, #f5d77a 43.45%, #c9a14d 79.79%) !important;
}

.login.login-action-rp .language-switcher form,
.login.login-action-resetpass .language-switcher form {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
}

/* ========== STRONA BŁĘDU RESETOWANIA HASŁA (invalid link) ========== */

/* Komunikat błędu na stronie resetowania hasła - RESPONSYWNY */
.login.login-action-resetpass .message.error,
.login.login-action-resetpass #login_error,
body.login-action-resetpass .message.error,
body.login-action-resetpass #login_error {
    background: #ffffff !important;
    background-color: var(--bb-danger-color) !important;
    /* box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important; */
    max-width: 552px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    border-radius: 0 !important;
    margin: 0 !important;

}

/* Tytuł na stronie błędu resetowania */
.login.login-action-resetpass .error-reset-title {
    color: #171717 !important;
    text-align: center !important;
    font-family: "Kumbh Sans" !important;
    font-size: 26px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
}

/* Separator pod tytułem */
.login.login-action-resetpass .error-reset-title::after {
    content: '' !important;
    display: block !important;
    width: 80px !important;
    height: 3px !important;
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%) !important;
    margin: 15px auto 30px auto !important;
}

/* Tekst komunikatu błędu */
.login.login-action-resetpass .message.error p,
.login.login-action-resetpass #login_error p,
body.login-action-resetpass .message.error p,
body.login-action-resetpass #login_error p {
    color: white !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.176px !important;
    text-align: center !important;
}

/* Link "Poproś o nowy" */
.login.login-action-resetpass .error-reset-link {
    display: inline-block !important;
    margin-top: 20px !important;
    color: #A98A24 !important;
    font-family: "Kumbh Sans" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    transition: opacity 0.3s ease !important;
}

.login.login-action-resetpass .error-reset-link:hover {
    opacity: 0.7 !important;
}

/* ========== STRONA SUKCESU PO ZAPISANIU HASŁA ========== */

/* Główny kontener na stronie sukcesu - FLEX COLUMN WYCENTROWANY */
.login.login-action-resetpass #login,
body.login-action-resetpass #login {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px !important;
    gap: 20px !important;
}

/* Jeśli jest formularz, usuń gap */
.login.login-action-resetpass #login:has(#resetpassform),
.login.login-action-resetpass #login:has(form[name="resetpassform"]),
body.login-action-resetpass #login:has(#resetpassform),
body.login-action-resetpass #login:has(form[name="resetpassform"]) {
    gap: 0 !important;
}

/* Komunikat sukcesu po zapisaniu hasła - RESPONSYWNY */
.login.login-action-resetpass .message.success,
.login.login-action-resetpass .password-reset-success,
.login.login-action-resetpass .message.reset-pass.success,
.login.login-action-resetpass .notice.notice-info.message,
body.login-action-resetpass .message.success,
body.login-action-resetpass .password-reset-success,
body.login-action-resetpass .message.reset-pass.success,
body.login-action-resetpass .notice.notice-info.message {
    background: #ffffff !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
    padding: 52px 72px !important;
    max-width: 552px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    display: block !important;
    text-align: center !important;
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    border-radius: 0 !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Tytuł na stronie sukcesu */
.login.login-action-resetpass .success-reset-title {
    color: #171717 !important;
    text-align: center !important;
    font-family: "Kumbh Sans" !important;
    font-size: 26px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

/* Separator pod tytułem - złoty gradient */
.login.login-action-resetpass .success-reset-title::after {
    content: '' !important;
    display: block !important;
    width: 80px !important;
    height: 3px !important;
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%) !important;
    margin: 15px auto 30px auto !important;
}

/* Tekst komunikatu sukcesu */
.login.login-action-resetpass .message.success p,
.login.login-action-resetpass .password-reset-success p,
body.login-action-resetpass .message.success p,
body.login-action-resetpass .password-reset-success p {
    color: #171717 !important;
    font-family: "Kumbh Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.176px !important;
    margin: 0 0 20px 0 !important;
    text-align: center !important;
}

/* Link "Zaloguj się" po sukcesie */
.login.login-action-resetpass .success-login-link {
    display: inline-block !important;
    margin-top: 30px !important;
    color: #A98A24 !important;
    font-family: "Kumbh Sans" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    transition: opacity 0.3s ease !important;
}

.login.login-action-resetpass .success-login-link:hover {
    opacity: 0.7 !important;
}

/* Regulaminy na stronie sukcesu - wewnątrz message boxa */
.login.login-action-resetpass .message.success .login-footer-links-inside,
body.login-action-resetpass .message.success .login-footer-links-inside {
    margin-top: 78px !important;
    margin-bottom: 10px !important;
}

/* Selektor języka na stronie sukcesu - DOKŁADNIE TAKI SAM JAK NA INNYCH STRONACH */
.login.login-action-resetpass .language-switcher,
body.login-action-resetpass .language-switcher {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 999 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 552px !important;
    padding-bottom: 20px !important;
    margin-top: 40px !important;
}

.login.login-action-resetpass .language-switcher select,
body.login-action-resetpass .language-switcher select {
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 0px !important;
    color: #333 !important;
    padding: 13px 25px !important;
    font-size: 14px !important;
    min-width: 140px !important;
    width: 100% !important;
    cursor: pointer !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    height: 46px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

.login.login-action-resetpass .language-switcher input[type="submit"],
body.login-action-resetpass .language-switcher input[type="submit"] {
    background: linear-gradient(99deg, #d4af37 8.54%, #ffe48b 43.45%, #d4af37 79.79%) !important;
    border: none !important;
    border-radius: 0px !important;
    color: #000000 !important;
    padding: 13px 35px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    width: auto !important;
    height: 46px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

.login.login-action-resetpass .language-switcher input[type="submit"]:hover {
    background: linear-gradient(99deg, #c9a14d 8.54%, #f5d77a 43.45%, #c9a14d 79.79%) !important;
}

.login.login-action-resetpass .language-switcher form,
body.login-action-resetpass .language-switcher form {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
}

/* Ukryj duplikaty regulaminów poza białym boxem na stronie sukcesu */
.login.login-action-resetpass .login-privacy-links,
body.login-action-resetpass .login-privacy-links,
.login.login-action-resetpass>.login-footer-links-inside,
body.login-action-resetpass>.login-footer-links-inside,
.login.login-action-resetpass #nav,
.login.login-action-resetpass #backtoblog,
body.login-action-resetpass #nav,
body.login-action-resetpass #backtoblog,
.login.login-action-resetpass .privacy-policy-page-link,
body.login-action-resetpass .privacy-policy-page-link,
.login.login-action-resetpass #login>#backtoblog,
body.login-action-resetpass #login>#backtoblog,
.login.login-action-resetpass #login>.privacy-policy-page-link,
body.login-action-resetpass #login>.privacy-policy-page-link {
    display: none !important;
}

/* Ukryj logo na stronie sukcesu - NIE POWINNO BYĆ WIDOCZNE */
.login.login-action-resetpass .wp-login-logo,
body.login-action-resetpass .wp-login-logo,
.login.login-action-resetpass h1.wp-login-logo,
body.login-action-resetpass h1.wp-login-logo,
.login.login-action-resetpass #login>h1.wp-login-logo,
body.login-action-resetpass #login>h1.wp-login-logo {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Upewnij się że message box jest pierwszym widocznym elementem */
.login.login-action-resetpass #login .message,
body.login-action-resetpass #login .message {
    order: -1 !important;
}

/* Responsive dla strony zmiany hasła */
@media screen and (max-width: 768px) {

    .login.login-action-checkemail .message,
    .login.login-action-checkemail #login .message,
    body.login-action-checkemail .message,
    body.login-action-checkemail #login .message {
        padding: 40px 20px !important;
    }


    .login.login-action-checkemail .login-footer-links-inside,
    body.login-action-checkemail .login-footer-links-inside {
        margin-top: 38px !important;
    }

    .login.login-action-resetpass .message.success,
    .login.login-action-resetpass .password-reset-success,
    .login.login-action-resetpass .message.reset-pass.success,
    .login.login-action-resetpass .notice.notice-info.message,
    body.login-action-resetpass .message.success,
    body.login-action-resetpass .password-reset-success,
    body.login-action-resetpass .message.reset-pass.success,
    body.login-action-resetpass .notice.notice-info.message {
        padding: 0 !important;
    }

    .message.reset-pass.success {
        padding: 40px 20px !important;
    }

    .login.login-action-rp form[name="resetpassform"],
    .login.login-action-rp #resetpassform,
    .login.login-action-resetpass form[name="resetpassform"],
    .login.login-action-resetpass #resetpassform {
        width: 100% !important;
        max-width: 552px !important;
        padding: 40px 20px !important;
    }

    .login.login-action-resetpass .message.error,
    .login.login-action-resetpass #login_error {
        width: 100% !important;
        max-width: 552px !important;
        padding: 10px 10px !important;
        margin-top: 0 !important;
    }

    .login.login-action-resetpass .error-reset-title {
        font-size: 20px !important;
    }

    .password-reset-success {
        width: 100% !important;
        max-width: 552px !important;
        padding: 40px 20px !important;
    }

    .login.login-action-resetpass .success-reset-title {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 480px) {

    .login.login-action-rp form[name="resetpassform"],
    .login.login-action-rp #resetpassform,
    .login.login-action-resetpass form[name="resetpassform"],
    .login.login-action-resetpass #resetpassform {
        width: 100% !important;
        padding: 30px 20px !important;
    }

    .login.login-action-rp input[type="submit"],
    .login.login-action-resetpass input[type="submit"] {
        max-width: 100% !important;
    }

    .login.login-action-resetpass .message.error,
    .login.login-action-resetpass #login_error {
        width: 100% !important;
        padding: 10px 10px !important;
    }

    .login.login-action-resetpass .error-reset-title {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .login.login-action-resetpass .message.success,
    .login.login-action-resetpass .password-reset-success {
        width: 100% !important;
        padding: 10px 10px !important;
    }

    .login.login-action-resetpass .success-reset-title {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    #login>div.notice.notice-info.message.reset-pass>p {
        font-size: 14px !important;
    }

    #bs-pass2::placeholder {

        font-size: 12px !important;
    }
}


#resetpassform>div.user-bs-pass2-wrap>div>button {
    top: 50% !important;
}

#login_error {
    text-align: center !important;
    margin: 0 !important;
}

.login #login_error {
    max-width: 552px !important;
}