/* ============================================================
   CEE branded login screen (WooCommerce My Account, logged out).
   Full-screen gradient with drifting blobs, a centered glass
   card, branded heading, and styled form. Fluid & engaging.
   Scoped to body.woocommerce-account:not(.logged-in).
   ============================================================ */
body.woocommerce-account:not(.logged-in) {
  background:
    radial-gradient(1000px 600px at 82% -10%, rgba(108,165,213,.22), transparent 60%),
    radial-gradient(900px 560px at 4% 110%, rgba(232,161,61,.10), transparent 55%),
    #eff4fa !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}

/* hide the theme's gray page-title banner on the login screen */
body.woocommerce-account:not(.logged-in) .page-header,
body.woocommerce-account:not(.logged-in) .header-half-background,
body.woocommerce-account:not(.logged-in) .hestia-title,
body.woocommerce-account:not(.logged-in) .title-in-header { display: none !important; }

/* dissolve theme content boxes */
body.woocommerce-account:not(.logged-in) #content,
body.woocommerce-account:not(.logged-in) .content,
body.woocommerce-account:not(.logged-in) .blog-post,
body.woocommerce-account:not(.logged-in) .container,
body.woocommerce-account:not(.logged-in) #primary,
body.woocommerce-account:not(.logged-in) main {
  background: transparent !important;
  box-shadow: none !important;
}

/* drifting blobs */
body.woocommerce-account:not(.logged-in)::before,
body.woocommerce-account:not(.logged-in)::after {
  content: "";
  position: fixed;
  border-radius: 50%;
  filter: blur(70px);
  z-index: 0;
  pointer-events: none;
}
body.woocommerce-account:not(.logged-in)::before {
  width: 380px; height: 380px; left: 8%; top: 12%;
  background: rgba(108,165,213,.34);
  animation: cee-login-drift 17s ease-in-out infinite;
}
body.woocommerce-account:not(.logged-in)::after {
  width: 300px; height: 300px; right: 10%; bottom: 8%;
  background: rgba(232,161,61,.18);
  animation: cee-login-drift 21s ease-in-out 2s infinite reverse;
}
@keyframes cee-login-drift { 0%,100% { transform: translate(0,0); } 50% { transform: translate(26px,-24px); } }

/* ---- Branded heading ---- */
.cee-login-hero {
  position: relative; z-index: 2;
  text-align: center;
  max-width: 620px;
  margin: 0 auto 30px;
  padding: 30px 20px 0;
  font-family: 'Nunito Sans', system-ui, sans-serif;
}
.cee-login-eyebrow {
  display: inline-block; font-size: 12.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  color: #3d6f9e; background: rgba(108,165,213,.12); border: 1px solid rgba(108,165,213,.28);
  border-radius: 999px; padding: 7px 16px;
  opacity: 0; animation: cee-login-rise .7s ease .1s forwards;
}
.cee-login-title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(34px, 5vw, 52px) !important;
  color: #1d3043 !important;
  margin: 16px 0 0 !important;
  opacity: 0; animation: cee-login-rise .8s ease .22s forwards;
}
.cee-login-sub {
  font-size: 17px; color: #45617c; margin: 14px auto 0; max-width: 480px;
  opacity: 0; animation: cee-login-rise .8s ease .34s forwards;
}
@keyframes cee-login-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* ---- The form area ---- */
body.woocommerce-account:not(.logged-in) .woocommerce {
  position: relative; z-index: 2;
  max-width: 480px; margin: 0 auto 90px; padding: 0 20px;
}

/* Registration is disabled — hide the register column entirely and center login. */
body.woocommerce-account:not(.logged-in) #customer_login {
  display: block;
  opacity: 0; animation: cee-login-rise .8s ease .46s forwards;
}
body.woocommerce-account:not(.logged-in) #customer_login .u-column2,
body.woocommerce-account:not(.logged-in) #customer_login .col-2,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register,
body.woocommerce-account:not(.logged-in) #customer_login > div:nth-child(2) { display: none !important; }

body.woocommerce-account:not(.logged-in) .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login .col-1 {
  background: rgba(255,255,255,.86) !important;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border: 1px solid #e6eef7 !important;
  border-radius: 22px !important;
  padding: 38px 34px !important;
  box-shadow: 0 30px 70px -34px rgba(29,48,67,.45) !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
/* kill the theme's inner form box so it doesn't look nested */
body.woocommerce-account:not(.logged-in) .woocommerce-form-login {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
body.woocommerce-account:not(.logged-in) #customer_login h2 {
  font-family: 'Playfair Display', serif !important;
  color: #1d3043 !important;
  font-size: 24px !important;
  border: 0 !important;
  margin: 0 0 20px !important;
}

/* fields */
body.woocommerce-account:not(.logged-in) .woocommerce-form-row label,
body.woocommerce-account:not(.logged-in) .woocommerce form .form-row label {
  font-weight: 800 !important; color: #2e4a63 !important; font-size: 13.5px !important;
}
body.woocommerce-account:not(.logged-in) .woocommerce form .form-row input.input-text,
body.woocommerce-account:not(.logged-in) .woocommerce-Input {
  width: 100% !important;
  background: #f8fbfe !important;
  border: 1.5px solid #d4e2ef !important;
  border-radius: 12px !important;
  padding: 13px 15px !important;
  font-size: 16px !important;
  color: #1d3043 !important;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
body.woocommerce-account:not(.logged-in) .woocommerce form .form-row input.input-text:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-Input:focus {
  outline: none !important;
  border-color: #6ca5d5 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(108,165,213,.18) !important;
}

/* button */
body.woocommerce-account:not(.logged-in) .woocommerce-form-login__submit,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register__submit,
body.woocommerce-account:not(.logged-in) .woocommerce button.button {
  width: 100% !important;
  background: linear-gradient(135deg, #6ca5d5 0%, #3d6f9e 100%) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 15px 24px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 26px -10px rgba(61,111,158,.6) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
  margin-top: 4px !important;
}
body.woocommerce-account:not(.logged-in) .woocommerce button.button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 34px -12px rgba(61,111,158,.7) !important;
  filter: brightness(1.04);
}

/* remember-me + lost password */
body.woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme { color: #5e7b95 !important; font-weight: 700 !important; }
body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a { color: #3d6f9e !important; font-weight: 700 !important; }

@media (max-width: 720px) {
  body.woocommerce-account:not(.logged-in) .woocommerce { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.woocommerce-account:not(.logged-in)::before,
  body.woocommerce-account:not(.logged-in)::after { animation: none !important; }
  .cee-login-eyebrow, .cee-login-title, .cee-login-sub,
  body.woocommerce-account:not(.logged-in) #customer_login { opacity: 1 !important; animation: none !important; }
}