/* b2b.polo.gr login page (inc/login.php). Desktop: photo left half, form right; phones (≤767px, Storefront's breakpoint): photo band on top. */
html { background:#fff; }
body.login.b2b-login { min-height:100vh; display:flex; flex-direction:column; align-items:center; padding:32px 24px 20px calc(50% + 24px); background:#fff; color:#111; box-sizing:border-box; }

/* Photo panel */
.b2b-login-hero { position:fixed; top:0; left:0; bottom:0; width:50%; background:#222 center 30% / cover no-repeat; }
.b2b-login-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.68)); }
.b2b-login-hero__text { position:absolute; left:48px; right:48px; bottom:48px; z-index:1; color:#fff; }
.b2b-login-hero__title { margin:0; font-size:34px; font-weight:700; line-height:1.15; }
.b2b-login-hero__sub { margin:10px 0 0; font-size:16px; line-height:1.5; opacity:.9; max-width:440px; }

/* Form column */
body.b2b-login #login { width:100%; max-width:380px; margin:auto 0; padding:0; }
body.b2b-login #login h1 a, body.b2b-login.login h1 a { width:220px; height:54px; background-size:220px 54px; background-position:left center; margin:0 0 28px; }
.b2b-login-title h2 { margin:0 0 4px; font-size:26px; font-weight:700; line-height:1.2; color:#111; }
.b2b-login-title p { margin:0 0 22px; font-size:14px; color:#666; }

body.b2b-login form#loginform, body.b2b-login #lostpasswordform, body.b2b-login #resetpassform { margin:0; padding:0; background:none; border:0; box-shadow:none; overflow:visible; }
body.b2b-login label { font-size:13px; color:#333; }
body.b2b-login form .input, body.b2b-login form input[type="text"], body.b2b-login form input[type="password"], body.b2b-login form input[type="email"] { height:46px; min-height:46px; margin:5px 0 16px; padding:0 12px; font-size:16px; border:1px solid #c9c9c9; border-radius:8px; box-shadow:none; background:#fff; }
body.b2b-login form .input:focus, body.b2b-login form input:focus { border-color:#111; box-shadow:0 0 0 1px #111; outline:0; }
body.b2b-login .wp-pwd { position:relative; }
body.b2b-login .button.wp-hide-pw { height:46px; min-height:46px; width:46px; top:5px; right:0; display:flex; align-items:center; justify-content:center; color:#555; }
body.b2b-login .button.wp-hide-pw:focus { box-shadow:none; border-color:transparent; }
body.b2b-login .forgetmenot { float:none; display:flex; align-items:center; gap:6px; margin:0 0 18px; }
body.b2b-login .forgetmenot label { font-size:13px; }
body.b2b-login p.submit { float:none; margin:0; }
body.b2b-login .wp-core-ui .button-primary, body.b2b-login #wp-submit { float:none; width:100%; height:48px; min-height:48px; border-radius:8px; font-size:15px; font-weight:600; background:#111 !important; border-color:#111 !important; box-shadow:none; text-shadow:none; }
body.b2b-login #wp-submit:hover, body.b2b-login #wp-submit:focus { background:#333 !important; }
body.b2b-login .message, body.b2b-login #login_error, body.b2b-login .success, body.b2b-login .notice { margin:0 0 18px; border-radius:8px; box-shadow:none; }
body.b2b-login #nav { margin:20px 0 0; padding:0; font-size:13px; line-height:1.8; }
body.b2b-login #nav a { color:#555; }
body.b2b-login #nav a:hover { color:#111; }

/* ΕΣΠΑ banner + Nevma credit at the foot of the form column */
body.b2b-login #custom-login-anchor { display:block; margin:28px 0 8px; text-align:center; max-width:100%; }
body.b2b-login #custom-login-anchor img { display:inline-block; max-width:100%; width:auto; height:auto; max-height:56px; }
.b2b-login-credit { display:flex; flex-direction:column; align-items:center; gap:6px; width:220px; max-width:100%; margin:14px auto 0; padding-top:14px; border-top:1px solid #eee; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#999; }
.b2b-login-credit a { display:inline-flex; color:#37354f; transition:opacity .15s; } /* Nevma brand colour */
.b2b-login-credit a:hover, .b2b-login-credit a:focus-visible { opacity:.7; }
.b2b-login-credit svg { display:block; height:20px; width:auto; }

@media (min-width: 768px) and (max-width: 1099px) {
	.b2b-login-hero__text { left:32px; right:32px; bottom:32px; }
	.b2b-login-hero__title { font-size:26px; }
	.b2b-login-hero__sub { font-size:14px; }
}

@media (max-width: 767px) {
	body.login.b2b-login { display:block; padding:0 16px 20px; }
	.b2b-login-hero { position:relative; width:auto; height:190px; margin:0 -16px 24px; background-position:center 25%; }
	.b2b-login-hero::after { background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.72) 75%); }
	.b2b-login-hero__text { left:16px; right:16px; bottom:16px; }
	.b2b-login-hero__title { font-size:19px; }
	.b2b-login-hero__sub { margin-top:4px; font-size:13px; }
	body.b2b-login #login { max-width:none; margin:0; }
	body.b2b-login #login h1 a, body.b2b-login.login h1 a { width:180px; height:44px; background-size:180px 44px; margin-bottom:20px; }
	.b2b-login-title h2 { font-size:22px; }
}