/* ═══════════════════════════════════════════════════════════════════════════
   Logowanie, rejestracja i reset hasła B2B — motyw Deseo Memorials

   UWAGA: tych trzech stron NIE rysuje szablon motywu. Wtyczka StonePro ma
   własne reguły przepisywania adresów i na haku `template_redirect` sama
   wywołuje get_header(), wypisuje formularz i robi exit
   (stpro-b2b/modules/auth/auth.php:59). Dlatego:
     • nie ma tu żadnego `.dm-srodek` ani H1 z szablonu — nagłówek dokładamy
       hakiem `deseo_poczatek_tresci` z header.php;
     • strony w panelu (#34797, #34765, #34770) są nieużywane — przepisanie
       adresu wygrywa z nimi;
     • arkusz wchodzi po `body_class` `dm-b2b`, dokładanej w functions.php.

   Wygląd samych formularzy daje `stpro-b2b/assets/css/auth.css`. Jest blisko
   naszego, więc poprawiamy tylko to, co odstaje: promienie, wysokości pól,
   pigułkowe guziki i niebieskie odnośniki. Guzik główny ma w tamtym arkuszu
   `border-radius: 6px !important`, stąd `!important` po naszej stronie.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Nagłówek strony i opakowanie ────────────────────────────────────────── */

.dm-b2b .dm-b2b__tytul{
	max-width:480px;margin:0 auto 22px;padding:0 20px;
	font-size:30px;font-weight:500;line-height:1.2;color:var(--ink);text-align:center;
}

/* Opakowanie ma od wtyczki styl w atrybucie (`max-width:600px; margin:60px auto`),
   a nad nim stoi teraz nasz nagłówek — zdejmujemy górny odstęp. */
.dm-b2b main.dm-tresc > div[style]{margin-top:0 !important;margin-bottom:24px !important}
.dm-b2b main.dm-tresc{padding-block:40px 72px}

/* ── Karta formularza ────────────────────────────────────────────────────── */

.dm-b2b .stpro-form-wrap{
	border:1px solid var(--linia);border-radius:var(--radius);box-shadow:none;
	padding:30px 28px;
}
.dm-b2b .stpro-form-wrap h2,
.dm-b2b .stpro-form-wrap h3{color:var(--ink);font-weight:500}

/* ── Pola ────────────────────────────────────────────────────────────────── */

.dm-b2b .stpro-form-wrap label{
	font-size:14px;font-weight:500;line-height:1.4;color:var(--mocny);
}
.dm-b2b .stpro-form-wrap input[type=text],
.dm-b2b .stpro-form-wrap input[type=email],
.dm-b2b .stpro-form-wrap input[type=password],
.dm-b2b .stpro-form-wrap input[type=tel],
.dm-b2b .stpro-form-wrap input[type=url],
.dm-b2b .stpro-form-wrap input[type=number],
.dm-b2b .stpro-form-wrap select,
.dm-b2b .stpro-form-wrap textarea{
	min-height:46px;padding:12px 15px;
	border:1px solid #d1d5db;border-radius:10px;background:#fff;
	font:inherit;font-size:16px;line-height:1.35;color:var(--ink);box-shadow:none;
}
.dm-b2b .stpro-form-wrap textarea{min-height:110px;line-height:1.5}
.dm-b2b .stpro-form-wrap input:focus,
.dm-b2b .stpro-form-wrap select:focus,
.dm-b2b .stpro-form-wrap textarea:focus{outline:none;border-color:var(--ink);box-shadow:none}
.dm-b2b .stpro-form-wrap input[type=checkbox]{accent-color:var(--ink)}
.dm-b2b .stpro-form-wrap .required{color:#b3261e}
.dm-b2b .stpro-form-wrap .optional{color:var(--tekst)}
.dm-b2b .stpro-form-wrap .stpro-hint,
.dm-b2b .stpro-form-wrap small{color:var(--tekst)}

/* ── Guziki ──────────────────────────────────────────────────────────────── */

.dm-b2b .stpro-form-wrap .stpro-btn-primary{
	min-height:50px;padding:0 28px;
	border-radius:35px !important;background:#000 !important;color:#fff !important;
	font:inherit;font-size:15px;font-weight:500;
}
.dm-b2b .stpro-form-wrap .stpro-btn-primary:hover{background:var(--ink) !important}
.dm-b2b .stpro-form-wrap .stpro-btn-secondary{
	min-height:46px;padding:0 22px;
	border:1.5px solid var(--linia);border-radius:35px;background:#fff;color:var(--ink);
	font:inherit;font-size:14px;font-weight:500;
	transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.dm-b2b .stpro-form-wrap .stpro-btn-secondary:hover{border-color:var(--ink);background:var(--ink);color:#fff}

/* ── Odnośniki ───────────────────────────────────────────────────────────── */

.dm-b2b .stpro-form-wrap a,
.dm-b2b .stpro-form-footer a{
	color:var(--ink);text-decoration:underline;text-underline-offset:3px;
}
.dm-b2b .stpro-form-wrap a:hover{color:#000}
/* Odnośnik do filmu zostaje czerwony — to znak YouTube'a, nie nasz guzik. */
.dm-b2b .stpro-form-wrap a[href*="youtu"]{text-decoration:none}

/* ── Zakładki „Logowanie / Rejestracja” ──────────────────────────────────── */

.dm-b2b .stpro-auth-wrap .stpro-auth-tabs{border-bottom-color:var(--linia)}
.dm-b2b .stpro-auth-wrap .stpro-auth-tab{font-weight:500;color:var(--tekst) !important}
.dm-b2b .stpro-auth-wrap .stpro-auth-tab.active{
	color:var(--ink) !important;border-bottom-color:var(--ink) !important;
}

/* ── Komunikaty ──────────────────────────────────────────────────────────── */

.dm-b2b .stpro-message{
	border-radius:12px;padding:14px 18px;font-size:15px;line-height:1.55;
}
.dm-b2b .stpro-message.success{
	background:#fff;border:1px solid var(--linia);border-left:4px solid var(--szalwia);color:var(--ink);
}
.dm-b2b .stpro-message.error{
	background:#fff;border:1px solid var(--linia);border-left:4px solid #b3261e;color:var(--ink);
}

/* ── Wąskie ekrany ───────────────────────────────────────────────────────── */

@media (max-width:560px){
	.dm-b2b .dm-b2b__tytul{font-size:24px;margin-bottom:18px}
	.dm-b2b .stpro-form-wrap{padding:24px 20px}
	.dm-b2b main.dm-tresc{padding-block:28px 56px}
}