/* ============================================================
   Kierunek Psychologia — branding ekranów logowania/rejestracji
   Nakładka na natywne BuddyBoss (CSS-only), paleta Spokojny:
   akcent #357a4c, krem #faf7f1, font Inter (jednolita typografia).
   Celujemy w konkretne selektory (wyższa specyficzność niż zmienne
   --bb-* wstawiane inline przez motyw), więc nie ruszamy formularza.
   ============================================================ */

/* ---------- LOGOWANIE (wp-login.php, split-layout BuddyBoss) ---------- */
body.login {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	background: #faf7f1;
}
body.login .login-heading h1,
body.login .login-heading h2,
body.login #login h1 a,
body.login h2 {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
	color: #241f18;
	letter-spacing: -0.01em;
}

/* Panel marketingowy (lewa kolumna) → zielony gradient + znak Ψ */
body.login .login-split__entry {
	background: linear-gradient(150deg, #15463a 0%, #0d3128 58%, #0a2620 100%) !important;
	position: relative;
	overflow: hidden;
}
body.login .login-split__entry::after {
	content: "\03A8"; /* Ψ */
	position: absolute;
	right: -6%;
	bottom: -18%;
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-weight: 700;
	font-size: clamp(280px, 40vw, 560px);
	color: rgba(255, 255, 255, 0.06);
	line-height: 1;
	pointer-events: none;
}
body.login .login-split__entry h1,
body.login .bs-cs-login-title,
body.login .bs-cs-login-logo {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
	color: #ffffff !important;
	position: relative;
	z-index: 1;
}
body.login .split-overlay {
	background: linear-gradient(165deg, rgba(8, 22, 18, 0.12) 0%, rgba(6, 18, 15, 0.45) 100%) !important;
}

/* Przyciski i akcenty na zielono */
body.login .button.button-primary,
body.login #wp-submit {
	background: #357a4c !important;
	border-color: #357a4c !important;
	color: #fff !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
body.login .button.button-primary:hover,
body.login #wp-submit:hover {
	background: #2b643e !important;
	border-color: #2b643e !important;
}
body.login a,
body.login .wp-login-register a,
body.login .wp-login-lost-password a,
body.login #nav a,
body.login #backtoblog a {
	color: #2b643e;
}
body.login a:hover {
	color: #357a4c;
}
body.login input[type="text"]:focus,
body.login input[type="email"]:focus,
body.login input[type="password"]:focus,
body.login .input:focus {
	border-color: #357a4c !important;
	box-shadow: 0 0 0 2px rgba(53, 122, 76, 0.18) !important;
}

/* ---------- REJESTRACJA / AKTYWACJA (strony BuddyBoss) ---------- */
body.register-page #buddypress .standard-form .submit input[type="submit"],
body.activation-page #buddypress .standard-form .submit input[type="submit"],
body.registration-page #buddypress .standard-form .submit input[type="submit"],
body.register-page #buddypress button[type="submit"],
body.register-page #buddypress .bb-style-button {
	background: #357a4c !important;
	border-color: #357a4c !important;
	color: #fff !important;
}
body.register-page #buddypress .standard-form .submit input[type="submit"]:hover,
body.register-page #buddypress button[type="submit"]:hover {
	background: #2b643e !important;
	border-color: #2b643e !important;
}
body.register-page #buddypress h2,
body.register-page #buddypress legend,
body.registration-page #buddypress h2 {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
	color: #241f18;
}
body.register-page #buddypress a,
body.registration-page #buddypress a {
	color: #2b643e;
}
body.register-page #buddypress input:focus,
body.register-page #buddypress textarea:focus,
body.register-page #buddypress select:focus {
	border-color: #357a4c !important;
	box-shadow: 0 0 0 2px rgba(53, 122, 76, 0.18) !important;
}

/* ---------- wp-login bez splitu (reset/odzyskiwanie hasła) — karta Spokojny ----------
   Okładkę-zdjęcie BuddyBoss wyłącza filtr (admin_login_background_switch),
   więc zostaje wyśrodkowany formularz — stylizujemy go na ciepłą kartę. */
body.login {
	background: #faf7f1 !important;
}
body.login #login {
	width: 100%;
	max-width: 400px;
	padding: 7vh 24px 24px;
}
body.login #login form {
	background: #fffdf9;
	border: 1px solid #ece3d4;
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(60, 45, 20, .05), 0 14px 40px -16px rgba(60, 45, 20, .18);
	padding: 1.8rem;
}
body.login #login h1 a {
	max-width: 100%;
}
body.login #login form input[type="text"],
body.login #login form input[type="password"],
body.login #login form input[type="email"] {
	border: 1px solid #ddd2bd !important;
	border-radius: 10px !important;
	background: #fffdf9 !important;
	color: #241f18 !important;
}
body.login #login form input:focus {
	border-color: #357a4c !important;
	box-shadow: 0 0 0 3px rgba(53, 122, 76, .14) !important;
	outline: none !important;
}
body.login .message,
body.login #login_error,
body.login .success,
body.login .notice {
	border-radius: 10px;
	border-left: 3px solid #357a4c !important;
	background: #fffdf9 !important;
}
body.login #nav,
body.login #backtoblog {
	text-align: center;
	margin-top: 1rem;
}
body.login #nav a,
body.login #backtoblog a {
	color: #2b643e !important;
}
body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #357a4c !important;
}

/* ============================================================
   REJESTRACJA — split-screen Spokojny (nadpisanie szablonu BP).
   Chrome motywu ukrywamy CSS-em (mechanika formularza nietknięta).
   ============================================================ */
body.kp-auth-screen #masthead,
body.kp-auth-screen .site-header,
body.kp-auth-screen .buddypanel,
body.kp-auth-screen #buddypanel,
body.kp-auth-screen .site-footer,
body.kp-auth-screen footer.site-footer,
body.kp-auth-screen .bb-onscreen-notification,
body.kp-auth-screen .register-section-logo,
body.kp-auth-screen .login-heading,
body.kp-auth-screen .bp-login-widget-register-section,
body.kp-auth-screen .bp-login-widget-loggedout {
	display: none !important;
}
body.kp-auth-screen #page,
body.kp-auth-screen #content,
body.kp-auth-screen .site-content,
body.kp-auth-screen .site-content-grid,
body.kp-auth-screen .entry-content,
body.kp-auth-screen .bb-grid {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: 100% !important;
	display: block !important;
}
body.kp-auth-screen {
	background: #faf7f1;
	margin-top: 0 !important;
}
/* Kontenery BP rejestracji na pełną szerokość; nasz split wypełnia okno.
   Natywny split BuddyBoss jest wyłączony u źródła (filtr) — bez nakładki. */
body.kp-auth-screen .content-area,
body.kp-auth-screen .bs-bp-container-reg,
body.kp-auth-screen .buddypress-wrap {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: 100% !important;
	display: block !important;
}
body.kp-auth-screen .kp-auth-wrap {
	position: relative;
	width: 100%;
	background: #faf7f1;
}
/* na wszelki wypadek ukryj resztki natywnego chrome auth BuddyBoss */
body.kp-auth-screen .login-split__entry,
body.kp-auth-screen .split-overlay,
body.kp-auth-screen .login-heading,
body.kp-auth-screen .bs-cs-login-logo,
body.kp-auth-screen .bs-cs-login-title {
	display: none !important;
}
.kp .auth-card--wide {
	max-width: 460px;
}

/* Pola formularza BP w split-screenie */
.kp .auth .standard-form input[type="text"],
.kp .auth .standard-form input[type="email"],
.kp .auth .standard-form input[type="password"],
.kp .auth .standard-form input[type="tel"],
.kp .auth .standard-form input[type="url"],
.kp .auth .standard-form input[type="number"],
.kp .auth .standard-form textarea,
.kp .auth .standard-form select {
	width: 100%;
	border: 1px solid var(--line-2);
	border-radius: var(--radius-sm);
	padding: .8em 1em;
	font: inherit;
	font-size: .98rem;
	background: var(--bg);
	color: var(--ink);
	margin-bottom: .3rem;
}
.kp .auth .standard-form input:focus,
.kp .auth .standard-form textarea:focus,
.kp .auth .standard-form select:focus {
	outline: none;
	border-color: var(--accent);
	box-shadow: 0 0 0 3px var(--accent-tint);
}
.kp .auth .standard-form label {
	display: block;
	font-weight: 600;
	font-size: .88rem;
	margin: .9rem 0 .35rem;
	color: var(--ink);
}
.kp .auth .register-section {
	margin: 0;
}
.kp .auth .register-section h2,
.kp .auth #register-page h2 {
	font-family: var(--font-head);
	font-size: 1.2rem;
	margin: 1.2rem 0 .4rem;
	color: var(--ink);
}
.kp .auth .standard-form .submit,
.kp .auth #signup-form .submit {
	margin-top: 1.6rem;
}
.kp .auth .standard-form .submit input[type="submit"],
.kp .auth .standard-form .submit button[type="submit"],
.kp .auth #signup-form .submit input,
.kp .auth #signup-form .submit button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	background: var(--accent) !important;
	border: 1px solid var(--accent) !important;
	color: #fff !important;
	border-radius: var(--radius-pill) !important;
	padding: .85em 1.7em;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 1.02rem;
	line-height: 1.1;
	letter-spacing: .01em;
	text-shadow: none !important;
	box-shadow: 0 1px 2px rgba(60, 45, 20, .08) !important;
	cursor: pointer;
	transition: background .15s, transform .15s, box-shadow .15s;
}
.kp .auth .standard-form .submit input[type="submit"]:hover,
.kp .auth .standard-form .submit button[type="submit"]:hover,
.kp .auth #signup-form .submit input:hover,
.kp .auth #signup-form .submit button:hover {
	background: var(--accent-press) !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--accent) 70%, transparent) !important;
}
.kp .auth .standard-form .submit input[type="submit"]:focus-visible,
.kp .auth .standard-form .submit button[type="submit"]:focus-visible,
.kp .auth #signup-form .submit input:focus-visible,
.kp .auth #signup-form .submit button:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--bg), 0 0 0 5px var(--accent) !important;
}
/* checkbox zgód */
.kp .auth .bs-styled-checkbox + label,
.kp .auth .standard-form .checkbox label {
	font-size: .88rem;
	color: var(--ink-2);
	line-height: 1.45;
}