/* Best4Run | Liga Best4Run: registrace a prihlasovaci panel */
.b4r-liga-register,.b4r-liga-login{font-family:inherit;box-sizing:border-box;color:#4d4f53}
.b4r-liga-register *,.b4r-liga-login *{box-sizing:border-box}

/* Registrace */
.b4r-liga-register{background:#fdf2f5;border:1px solid #f4cce0;border-radius:12px;padding:30px;margin:0 0 28px;text-align:center}
.b4r-liga-register .b4r-liga-tag{display:block;color:#aa1948;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.b4r-liga-register h2{font-size:27px!important;line-height:1.3!important;color:#4d4f53!important;text-transform:none!important;margin:0 0 12px!important;font-weight:800!important}
.b4r-liga-register .b4r-liga-lead{font-size:15px;line-height:1.6;margin:0 auto 22px;max-width:620px}
.b4r-liga-register .b4r-liga-discounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px;margin:0 auto 18px}
.b4r-liga-register .b4r-liga-tier{min-width:0;padding:18px 8px;background:#fff;border:1px solid #f0dce5;border-radius:9px}
.b4r-liga-register .b4r-liga-percent{display:block;color:#aa1948;font-size:36px;line-height:1.15;font-weight:800;margin-bottom:6px}
.b4r-liga-register .b4r-liga-name{display:block;color:#4d4f53;font-size:13px;font-weight:800;margin-bottom:5px}
.b4r-liga-register .b4r-liga-condition{display:block;color:#707176;font-size:12px;line-height:1.4}
.b4r-liga-register .b4r-liga-info{font-size:13px;line-height:1.6;color:#4d4f53;margin:0 0 14px}
.b4r-liga-register .b4r-liga-link{color:#aa1948!important;text-decoration:underline!important;font-weight:700;font-size:13px}

/* Prihlasovaci popup */
.b4r-liga-login{margin-top:20px;padding:18px;background:#fdf2f5;border:1px solid #f4cce0;border-radius:9px}
.b4r-liga-login .b4r-liga-login-tag{display:block;color:#aa1948;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}
.b4r-liga-login .b4r-liga-login-title{display:block;color:#4d4f53;font-size:17px;font-weight:800;line-height:1.4;margin-bottom:8px}
.b4r-liga-login p{color:#4d4f53;font-size:13px;line-height:1.6;margin:0 0 15px}
.b4r-liga-login .b4r-liga-login-button{display:block;width:100%;background:#aa1948;color:#fff!important;padding:13px 12px;text-align:center;text-decoration:none!important;text-transform:uppercase;font-size:12px;line-height:1.5;font-weight:800;border-radius:5px}
.b4r-liga-login .b4r-liga-login-button:hover{background:#781032}
.b4r-liga-login .b4r-liga-login-more{display:block;text-align:center;margin-top:12px;color:#aa1948!important;font-size:12px;text-decoration:underline!important}
/* Delší login panel nesmí přetéct mimo viditelnou oblast. */
#login:has(.b4r-liga-login) .popup-widget-inner{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}

@media(max-width:600px){
 .b4r-liga-register{padding:22px 12px;margin-bottom:22px}
 .b4r-liga-register h2{font-size:22px!important}
 .b4r-liga-register .b4r-liga-lead{font-size:14px;margin-bottom:18px}
 .b4r-liga-register .b4r-liga-discounts{gap:6px}
 .b4r-liga-register .b4r-liga-tier{padding:14px 4px}
 .b4r-liga-register .b4r-liga-percent{font-size:28px}
 .b4r-liga-register .b4r-liga-name{font-size:11px}
 .b4r-liga-register .b4r-liga-condition{font-size:10px}
 .b4r-liga-login{padding:15px}
}

/* Registrační stránka: formulář první, výhody až pod ním. */
#content:has(#register-form) > .content-inner > h1{display:none!important}
#content:has(#register-form) .b4r-liga-register{margin-top:32px;margin-bottom:40px}

/* Nefunkční Facebook přihlášení/registrace (záloha proti pozdějšímu vykreslení). */
#login a.login-btn.facebook,
#register-form a.login-btn.facebook{display:none!important}

/* Výrazná nabídka 5 % v přihlašovacím panelu. */
.b4r-liga-login .b4r-liga-login-offer{
 display:flex;align-items:center;justify-content:center;gap:15px;
 padding:14px 12px;margin:12px 0 15px;
 background:#fff;border:1px solid #f4cce0;border-radius:8px
}
.b4r-liga-login .b4r-liga-login-offer-value{
 color:#aa1948;font-size:46px;font-weight:800;line-height:1;white-space:nowrap
}
.b4r-liga-login .b4r-liga-login-offer-text{
 color:#4d4f53;font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.35px
}
@media(max-width:380px){
 .b4r-liga-login .b4r-liga-login-offer{gap:10px;padding:12px 8px}
 .b4r-liga-login .b4r-liga-login-offer-value{font-size:39px}
 .b4r-liga-login .b4r-liga-login-offer-text{font-size:11px}
}
