/* ============================================================
   firemnikrabicky.cz — fk-login-1.css
   Reskin přihlášení (/login/) + registrace (/registrace/) do FK
   designu. CSS-only, nativní formuláře zůstávají (CSRF, validace,
   social login beze změny). Scope: body.in-login / body.in-registrace.
   ============================================================ */
@font-face{font-family:'Aspekta';src:url('/user/documents/upload/aspekta.woff2') format('woff2-variations');font-weight:100 1000;font-style:normal;font-display:swap}

/* ---- canvas ---- */
body.in-login, body.in-registrace{background:#F4F0E6!important}
body.in-login #content-wrapper, body.in-registrace #content-wrapper,
body.in-login .content-wrapper-in, body.in-registrace .content-wrapper-in,
body.in-login main.content, body.in-registrace main.content{background:transparent!important;box-shadow:none!important}

body.in-login main.content, body.in-registrace main.content{font-family:'Aspekta',-apple-system,sans-serif}

/* ---- login: karta ---- */
body.in-login .content-inner{max-width:460px;margin:44px auto 90px;background:#FBF8F0;
  border:1px solid rgba(26,43,28,.08);border-radius:26px;padding:38px 34px 34px;
  box-shadow:0 24px 60px rgba(34,57,36,.08)}
body.in-login .content-inner h1{font-size:29px;font-weight:800;letter-spacing:-.02em;color:#1A2B1C;
  text-align:center;margin:0 0 22px}

/* ---- registrace: karta širší ---- */
body.in-registrace .content-inner{max-width:760px;margin:44px auto 90px}
body.in-registrace .content-inner > h1, body.in-registrace h1.category-title{font-size:30px;font-weight:800;
  letter-spacing:-.02em;color:#1A2B1C;margin:0 0 20px}
body.in-registrace .box.box-sm, body.in-registrace .registration-wrapper,
body.in-registrace form > fieldset{background:#FBF8F0;border:1px solid rgba(26,43,28,.08);
  border-radius:22px;padding:28px 28px 24px;box-shadow:0 18px 44px rgba(34,57,36,.07);margin-bottom:22px}
body.in-registrace h4, body.in-registrace legend{font-family:'Aspekta',-apple-system,sans-serif;
  font-size:17px;font-weight:800;color:#1A2B1C}

/* ---- pole ---- */
body.in-login .form-control, body.in-registrace .form-control{
  font-family:'Aspekta',-apple-system,sans-serif;font-size:15px;color:#1A2B1C;
  background:#FFFFFF;border:1px solid rgba(26,43,28,.16);border-radius:999px;
  padding:12px 20px;height:auto;box-shadow:none;
  transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}
body.in-login textarea.form-control, body.in-registrace textarea.form-control{border-radius:18px}
body.in-login .form-control:focus, body.in-registrace .form-control:focus{
  border-color:#E1B124;box-shadow:0 0 0 4px rgba(225,177,36,.18);outline:none}
body.in-login .form-control::placeholder, body.in-registrace .form-control::placeholder{color:#6B7B6D}
body.in-login label, body.in-registrace label{color:#3c4a3d;font-weight:600;font-size:14px}

/* ---- tlačítka ---- */
body.in-login #buttonSubmit, body.in-login .btn-login,
body.in-registrace .btn-primary, body.in-registrace button[type="submit"].btn{
  display:inline-block;width:100%;background:#E1B124!important;color:#1A2B1C!important;
  border:0;border-radius:999px;font-family:'Aspekta',-apple-system,sans-serif;
  font-size:15.5px;font-weight:800;padding:14px 26px;cursor:pointer;
  transition:background .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);
  background-image:none!important;text-transform:none;box-shadow:none}
body.in-login #buttonSubmit:hover, body.in-login .btn-login:hover,
body.in-registrace .btn-primary:hover, body.in-registrace button[type="submit"].btn:hover{
  background:#EBC23E!important;color:#1A2B1C!important;transform:translateY(-1px)}

/* ---- odkazy pod formulářem (registrace / zapomenuté heslo) ---- */
body.in-login .password-helper{display:flex;justify-content:space-between;gap:14px;margin-top:16px;flex-wrap:wrap}
body.in-login .password-helper a{color:#3c4a3d;font-size:14px;font-weight:600;text-decoration:none;
  border-bottom:1px solid rgba(26,43,28,.25);padding-bottom:1px;
  transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}
body.in-login .password-helper a:hover{color:#1A2B1C;border-color:#E1B124}

/* ---- social login ---- */
body.in-login .social-login-buttons-divider{color:#6B7B6D;font-size:13px}
body.in-login .social-login-buttons-divider span{background:transparent}
body.in-login a.login-btn{border-radius:999px;font-family:'Aspekta',-apple-system,sans-serif;font-weight:700}

/* ---- checkboxy (souhlasy v registraci) ---- */
body.in-registrace input[type="checkbox"], body.in-login input[type="checkbox"]{accent-color:#223924}

/* ---- validační stavy nechat čitelné ---- */
body.in-login .js-validated-element-wrapper.has-error .form-control,
body.in-registrace .js-validated-element-wrapper.has-error .form-control{border-color:#C0392B;box-shadow:0 0 0 4px rgba(192,57,43,.12)}

/* ---- mobil ---- */
@media (max-width:560px){
  body.in-login .content-inner{margin:18px 14px 60px;padding:28px 20px 24px}
  body.in-registrace .content-inner{margin:18px 10px 60px}
}

/* ---- nativní sidebar pryč (legacy zelené menu), obsah na plnou šířku ---- */
body.in-login .sidebar, body.in-registrace .sidebar,
body.in-login aside.sidebar-left, body.in-registrace aside.sidebar-left{display:none!important}
body.in-login main.content, body.in-registrace main.content{width:100%!important;max-width:none!important;flex:1 1 100%!important;float:none!important}

/* ---- drobečková navigace: bílý pruh → čistý sand ---- */
body.in-login .breadcrumbs-wrapper, body.in-registrace .breadcrumbs-wrapper{background:transparent!important;box-shadow:none!important;border:0!important}
body.in-login .breadcrumbs, body.in-registrace .breadcrumbs{background:transparent!important;font-family:'Aspekta',-apple-system,sans-serif;color:#6B7B6D}
body.in-login .breadcrumbs a, body.in-registrace .breadcrumbs a{color:#6B7B6D}
body.in-login .breadcrumbs a:hover, body.in-registrace .breadcrumbs a:hover{color:#1A2B1C}