/* DOODOO 27 - account login/register and login notices.
 * Loaded only on a logged-out Woo account page, at the original head position.
 * Desktop: CSS centers the same-width cards in their symmetric containing block.
 * Mobile <=880px: original stacked layout, no transform or horizontal offset.
 * Privacy content and translated URLs remain in logged-out.php.
 */
body.woocommerce-account:not(.logged-in) #page,
body.woocommerce-account:not(.logged-in) .site,
body.woocommerce-account:not(.logged-in) .site-content{
  background:#5AC5F7 !important;
}

body.woocommerce-account:not(.logged-in) .entry-header{
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
  background:transparent !important;
  border:0 !important;
}

body.woocommerce-account:not(.logged-in) h1.entry-title{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.woocommerce-account:not(.logged-in) .entry-content,
body.woocommerce-account:not(.logged-in) .entry-content.clear{
  margin-top:0 !important;
  padding-top:0 !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce::before,
body.woocommerce-account:not(.logged-in) .woocommerce::after{
  display:none !important;
  content:none !important;
}

body.woocommerce-account:not(.logged-in) .entry-content > .woocommerce,
body.woocommerce-account:not(.logged-in) .woocommerce{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:70px 18px 150px !important;
  box-sizing:border-box !important;
  display:block !important;
  overflow:visible !important;
}

body.woocommerce-account:not(.logged-in) #customer_login,
body.woocommerce-account:not(.logged-in) #customer_login.u-columns,
body.woocommerce-account:not(.logged-in) #customer_login.u-columns.col2-set{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:40px !important;
  align-items:stretch !important;
  width:min(1300px, calc(100vw - 36px)) !important;
  max-width:1300px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  position:relative !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login .u-column2,
body.woocommerce-account:not(.logged-in) #customer_login .u-column1.col-1,
body.woocommerce-account:not(.logged-in) #customer_login .u-column2.col-2{
  display:block !important;
  flex:1 1 0 !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  float:none !important;
  clear:none !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

body.woocommerce-account:not(.logged-in) #customer_login h2{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .u-column1 > h2,
body.woocommerce-account:not(.logged-in) #customer_login .u-column2 > h2{
  color:#ffffff !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 0 18px 0 !important;
  text-align:left !important;
  font-size:32px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form,
body.woocommerce-account:not(.logged-in) .woocommerce form.register{
  background:#fff !important;
  border-radius:24px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.10) !important;
  padding:30px !important;
  border:0 !important;
  height:100% !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form label{
  font-weight:700 !important;
  color:#111 !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .form-row,
body.woocommerce-account:not(.logged-in) .woocommerce form .form-row-first,
body.woocommerce-account:not(.logged-in) .woocommerce form .form-row-last,
body.woocommerce-account:not(.logged-in) .woocommerce form .form-row-wide{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  clear:both !important;
  margin:0 0 14px 0 !important;
  box-sizing:border-box !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .input-text,
body.woocommerce-account:not(.logged-in) .woocommerce form input[type="text"],
body.woocommerce-account:not(.logged-in) .woocommerce form input[type="email"],
body.woocommerce-account:not(.logged-in) .woocommerce form input[type="password"],
body.woocommerce-account:not(.logged-in) .woocommerce form .password-input{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .input-text,
body.woocommerce-account:not(.logged-in) .woocommerce form input[type="text"],
body.woocommerce-account:not(.logged-in) .woocommerce form input[type="email"],
body.woocommerce-account:not(.logged-in) .woocommerce form input[type="password"]{
  border-radius:16px !important;
  border:1px solid rgba(0,0,0,.12) !important;
  padding:12px 14px !important;
  height:46px !important;
  box-shadow:none !important;
  background:#fff !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .input-text:focus,
body.woocommerce-account:not(.logged-in) .woocommerce form input[type="text"]:focus,
body.woocommerce-account:not(.logged-in) .woocommerce form input[type="email"]:focus,
body.woocommerce-account:not(.logged-in) .woocommerce form input[type="password"]:focus{
  outline:none !important;
  border-color:rgba(90,197,247,.95) !important;
  box-shadow:0 0 0 4px rgba(90,197,247,.25) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login{
  display:flex !important;
  flex-direction:column !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form__label-for-checkbox{
  margin-bottom:8px !important;
}

body.woocommerce-account:not(.logged-in) #customer_login button[name="login"]{
  margin-top:12px !important;
  align-self:flex-start !important;
}

/* větší vzduch nad registračním CTA */
body.woocommerce-account:not(.logged-in) #customer_login button[name="register"],
body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-register__submit{
  margin-top:24px !important;
  align-self:flex-start !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form p{
  color:rgba(0,0,0,.70) !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-privacy-policy-text{
  color:rgba(0,0,0,.70) !important;
  width:100% !important;
  max-width:100% !important;
  line-height:1.45 !important;
  box-sizing:border-box !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-privacy-policy-text p{
  margin:18px 0 0 0 !important;
  width:100% !important;
  max-width:100% !important;
  line-height:1.45 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-privacy-policy-text a,
body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-privacy-policy-text a.privacy-policy-link,
body.woocommerce-account:not(.logged-in) .woocommerce form.register .woocommerce-privacy-policy-text a,
body.woocommerce-account:not(.logged-in) .woocommerce form.register .woocommerce-privacy-policy-text a.privacy-policy-link{
  display:inline !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  text-decoration:none !important;
  color:#5AC5F7 !important;
  white-space:normal !important;
  vertical-align:baseline !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-privacy-policy-text a:hover,
body.woocommerce-account:not(.logged-in) .woocommerce form.register .woocommerce-privacy-policy-text a:hover{
  color:#FEC0DF !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce button.button,
body.woocommerce-account:not(.logged-in) .woocommerce a.button,
body.woocommerce-account:not(.logged-in) .woocommerce input.button{
  border-radius:999px !important;
  background:#5AC5F7 !important;
  border:0 !important;
  color:#fff !important;
  padding:12px 18px !important;
  min-height:46px !important;
  line-height:1 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
  font-weight:700 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce button.button:hover,
body.woocommerce-account:not(.logged-in) .woocommerce a.button:hover,
body.woocommerce-account:not(.logged-in) .woocommerce input.button:hover{
  background:#FEC0DF !important;
  color:#111 !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce .cf-turnstile,
body.woocommerce-account:not(.logged-in) .woocommerce .turnstile,
body.woocommerce-account:not(.logged-in) .woocommerce [data-sitekey]{
  background:rgba(90,197,247,.10) !important;
  border:1px solid rgba(90,197,247,.25) !important;
  border-radius:18px !important;
  padding:10px 12px !important;
  display:inline-block !important;
  margin:14px 0 10px !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

@media (max-width:880px){

  body.woocommerce-account:not(.logged-in) .entry-content > .woocommerce,
  body.woocommerce-account:not(.logged-in) .woocommerce{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:28px 14px 40px !important;
  }

  body.woocommerce-account:not(.logged-in) #customer_login,
  body.woocommerce-account:not(.logged-in) #customer_login.u-columns,
  body.woocommerce-account:not(.logged-in) #customer_login.u-columns.col2-set{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
    left:auto !important;
  }

  body.woocommerce-account:not(.logged-in) #customer_login .u-column1,
  body.woocommerce-account:not(.logged-in) #customer_login .u-column2,
  body.woocommerce-account:not(.logged-in) #customer_login .u-column1.col-1,
  body.woocommerce-account:not(.logged-in) #customer_login .u-column2.col-2{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 22px 0 !important;
  }

  body.woocommerce-account:not(.logged-in) #customer_login .u-column1 > h2,
  body.woocommerce-account:not(.logged-in) #customer_login .u-column2 > h2{
    text-align:left !important;
    font-size:30px !important;
    margin:0 0 14px 0 !important;
  }

  body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form,
  body.woocommerce-account:not(.logged-in) .woocommerce form.register{
    padding:22px !important;
    margin-bottom:0 !important;
  }

  body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__submit,
  body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-register__submit{
    display:inline-flex !important;
    margin:22px 0 0 0 !important;
  }
}

/* Login errors, formerly snippet92. */
/* wrapper */
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper{
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
}

/* samotná hláška = UL */
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper > ul.woocommerce-error{
  list-style: none !important;
  margin: 0 0 18px 0 !important;
  padding: 18px 22px !important;

  background: #fff !important;
  color: #222 !important;

  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;

  /* aby to nepůsobilo “nalepeně” */
  width: auto !important;
}

/* LI uvnitř */
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper > ul.woocommerce-error > li{
  margin: 0 !important;
  padding: 0 !important;
}

/* Woo často přidává ikonku/levý proužek přes :before – pryč */
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper > ul.woocommerce-error::before,
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper > ul.woocommerce-error > li::before{
  display: none !important;
  content: none !important;
}