/* WRAPING ACCOUNT Premium Dark v2.1 – guest login & registration.
   Native WooCommerce login, register, password reset & nonces are untouched. */
body.woocommerce-account:not(.logged-in) {
  --wa-auth-gold:#d2a365; --wa-auth-goldlight:#f4cf90;
  --wa-auth-text:#fcf6ef; --wa-auth-muted:#c9beb2;
  --wa-auth-line:rgba(213,158,82,.43);
}
/* Hide the duplicate theme title only on the guest account page. */
body.woocommerce-account:not(.logged-in) .entry-header > .entry-title,
body.woocommerce-account:not(.logged-in) .wd-page-title,
body.woocommerce-account:not(.logged-in) h1.page-title,
body.woocommerce-account:not(.logged-in) .page-title.title {
  display:none!important;
}
body.woocommerce-account:not(.logged-in) .wa-auth,
body.woocommerce-account:not(.logged-in) .wa-auth * { box-sizing:border-box; }
body.woocommerce-account:not(.logged-in) .wa-auth {
  display:block; isolation:isolate; position:relative; left:50%;
  width:calc(100vw - 44px); max-width:1450px; transform:translateX(-50%);
  min-width:0; overflow:hidden; padding:clamp(30px,4.4vw,66px) clamp(18px,3.7vw,57px) clamp(26px,3.5vw,50px);
  margin:8px 0 70px;
  border-radius:12px; border:1px solid rgba(189,130,52,.24);
  background:#0b0a09; color:var(--wa-auth-text);
  box-shadow:0 24px 75px rgba(0,0,0,.25);
  font-family:inherit;
}
body.woocommerce-account:not(.logged-in) .wa-auth:before {
  content:''; pointer-events:none; position:absolute; z-index:-2;
  inset:0 0 auto auto; width:100%; height:min(640px,78%);
  background:url('./cocoa-premium.jpg') top right / auto 100% no-repeat;
  opacity:.92;
}
body.woocommerce-account:not(.logged-in) .wa-auth:after {
  content:''; pointer-events:none; position:absolute; z-index:-1; inset:0;
  background:linear-gradient(90deg,#0b0a09 0%,rgba(11,10,9,.96) 22%,rgba(11,10,9,.72) 53%,rgba(11,10,9,.38) 100%),
             linear-gradient(180deg,rgba(11,10,9,0) 0%,rgba(11,10,9,.24) 31%,#0b0a09 81%);
}
.wa-auth .wa-auth-intro { position:relative; width:100%; max-width:760px; padding:0 0 clamp(29px,3vw,47px); }
.wa-auth .wa-auth-eyebrow { display:block; letter-spacing:.30em; font-size:10px; font-weight:600; color:var(--wa-auth-goldlight); text-transform:uppercase; margin:0 0 12px; }
.wa-auth h1.wa-auth-title {
  display:block!important; margin:0!important; padding:0!important; font-weight:400!important;
  color:#fff8ed!important; text-transform:none!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(48px,6.3vw,94px)!important; letter-spacing:-.05em!important; line-height:1.06!important;
  background:linear-gradient(105deg,#fff 6%,#f4dec0 53%,#ce9551 100%);
  background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.wa-auth .wa-auth-rule { display:block; width:59px; height:2px; background:#d7aa67; margin:18px 0 18px; }
.wa-auth .wa-auth-tagline { font-size:12px!important; max-width:510px; line-height:1.9!important; color:#e5dcd0!important; letter-spacing:.08em; margin:0!important; }
/* WooCommerce normally floats two .col-* columns; restore a measured card grid. */
body.woocommerce-account:not(.logged-in) .wa-auth #customer_login,
body.woocommerce-account:not(.logged-in) .wa-auth #customer_login.u-columns,
body.woocommerce-account:not(.logged-in) .wa-auth .u-columns.col2-set {
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(15px,2.4vw,34px)!important; width:100%!important;
  float:none!important; margin:0!important; padding:0!important;
  clear:both!important;
}
body.woocommerce-account:not(.logged-in) .wa-auth #customer_login > .u-column1,
body.woocommerce-account:not(.logged-in) .wa-auth #customer_login > .u-column2,
body.woocommerce-account:not(.logged-in) .wa-auth #customer_login > .col-1,
body.woocommerce-account:not(.logged-in) .wa-auth #customer_login > .col-2,
body.woocommerce-account:not(.logged-in) .wa-auth #customer_login > [class*=col-] {
  display:flex!important; flex-direction:column!important; min-width:0!important;
  float:none!important; width:100%!important; max-width:none!important;
  padding:clamp(23px,2.8vw,39px)!important; margin:0!important;
  background:linear-gradient(142deg,rgba(32,25,19,.97),rgba(14,14,13,.97) 70%);
  border:1px solid rgba(216,166,99,.54)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 15px 33px rgba(0,0,0,.40);
  text-align:left!important;
}
.wa-auth #customer_login h2 {
  color:#fff5e9!important; font-weight:400!important; text-transform:none!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(31px,3vw,45px)!important; line-height:1.1!important;
  margin:0 0 29px!important; min-height:86px;
  display:flex; flex-flow:column nowrap; align-items:flex-start; justify-content:center;
  position:relative; padding:0 0 0 84px!important;
}
.wa-auth #customer_login h2:before {
  content:''; width:64px; height:64px; border-radius:50%; display:block;
  position:absolute; left:0; top:7px;
  background:radial-gradient(circle at 50% 35%,rgba(226,170,86,.12),rgba(0,0,0,.58));
  border:1px solid rgba(234,175,91,.65);
  background-position:center; background-repeat:no-repeat;
  box-shadow:0 0 17px rgba(218,155,74,.08);
}
/* CSS-only icons: no scripts, external fonts or generated text baked in the form. */
.wa-auth #customer_login .u-column1 h2:before,.wa-auth #customer_login .col-1 h2:before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23e3b470' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
  background-size:32px;
}
.wa-auth #customer_login .u-column2 h2:before,.wa-auth #customer_login .col-2 h2:before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23e3b470' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4C10 4 4 9 4 15a5 5 0 0 0 5 5c6 0 11-8 11-16Z'/%3E%3Cpath d='M5 19c3-5 8-9 15-15'/%3E%3C/svg%3E");
  background-size:31px;
}
.wa-auth #customer_login h2:after {
  display:block; content:'WELCOME BACK'; font-family:Arial,sans-serif!important;
  color:#d7b488; font-size:10px; font-weight:500; letter-spacing:.22em;
  margin-top:8px;
}
.wa-auth #customer_login .u-column2 h2:after,.wa-auth #customer_login .col-2 h2:after {content:'CREATE A NEW ACCOUNT';}
.wa-auth #customer_login form,
.wa-auth #customer_login form.woocommerce-form,
.wa-auth #customer_login form.login,
.wa-auth #customer_login form.register {
  padding:0!important; margin:0!important; background:transparent!important;
  border:0!important; box-shadow:none!important; border-radius:0!important; width:100%!important;
  float:none!important; min-width:0!important;
}
.wa-auth #customer_login p,
.wa-auth #customer_login label,
.wa-auth #customer_login span:not(.show-password-input) {
  color:#eae2d9!important;
}
.wa-auth #customer_login .form-row,
.wa-auth #customer_login .woocommerce-form-row { width:100%!important; margin:0 0 18px!important; padding:0!important; float:none!important; }
.wa-auth #customer_login label { display:block!important; margin:0 0 9px!important; font-size:13px!important; line-height:1.45!important; font-weight:500!important; letter-spacing:.01em; }
.wa-auth #customer_login .required { color:#ed8d7d!important; }
.wa-auth #customer_login input[type='text'],
.wa-auth #customer_login input[type='email'],
.wa-auth #customer_login input[type='password'],
.wa-auth #customer_login input[type='tel'] {
  width:100%!important; height:56px!important; min-height:56px!important; max-width:none!important;
  padding:12px 16px!important; color:#fff9f0!important;
  background:rgba(10,10,10,.80)!important;
  border:1px solid rgba(205,155,82,.66)!important;
  border-radius:8px!important; box-shadow:none!important;
  font-size:15px!important; font-family:inherit!important;
  -webkit-appearance:none; appearance:none;
}
.wa-auth #customer_login input::placeholder { color:#9f9387!important; opacity:1; }
.wa-auth #customer_login input[type='text']:focus,
.wa-auth #customer_login input[type='email']:focus,
.wa-auth #customer_login input[type='password']:focus {
  outline:2px solid #e3b66f!important; outline-offset:2px!important; border-color:#edbd75!important;
}
.wa-auth #customer_login .password-input { display:block!important; width:100%!important; }
.wa-auth #customer_login .show-password-input,
.wa-auth #customer_login .show-password-input:after { color:#e8c08b!important; }
.wa-auth #customer_login button[type='submit'],
.wa-auth #customer_login .woocommerce-button.button,
.wa-auth #customer_login input[type='submit'] {
  display:inline-flex!important; justify-content:center; align-items:center;
  background:linear-gradient(115deg,#f3d499,#d9ad6f 52%,#b98746)!important;
  color:#21140b!important; border:1px solid #ebc686!important;
  border-radius:8px!important; height:52px; min-width:205px;
  padding:12px 24px!important; margin:7px 0 0!important;
  font-weight:750!important; letter-spacing:.16em!important; font-size:12px!important;
  text-transform:uppercase!important; box-shadow:0 6px 20px rgba(0,0,0,.20)!important;
  cursor:pointer; text-decoration:none!important;
}
.wa-auth #customer_login button[type='submit']:hover,
.wa-auth #customer_login .woocommerce-button.button:hover {
  filter:brightness(1.12);
}
.wa-auth #customer_login .woocommerce-form-login__rememberme {
  display:inline-flex!important; align-items:center!important; gap:8px!important;
  margin:10px 13px 7px 0!important;
}
.wa-auth #customer_login label.woocommerce-form-login__rememberme input[type='checkbox'] {
  accent-color:#e6b675; width:16px; height:16px; margin:0!important;
}
.wa-auth #customer_login .lost_password { margin:15px 0 0!important; line-height:1.6!important; }
.wa-auth #customer_login a,
.wa-auth #customer_login .lost_password a {
  color:#f2c989!important; text-decoration:underline; text-underline-offset:3px;
}
.wa-auth #customer_login a:hover,.wa-auth #customer_login a:focus-visible { color:#fff5dd!important; }
.wa-auth #customer_login .woocommerce-privacy-policy-text { line-height:1.75!important; font-size:12px!important; margin:13px 0 22px!important; padding-top:14px; border-top:1px solid rgba(210,164,101,.24); }
.wa-auth #customer_login .woocommerce-privacy-policy-text p,
.wa-auth #customer_login .woocommerce-privacy-policy-text p * { color:#d6c9bc!important; font-size:12px!important; line-height:1.75!important; }
.wa-auth #customer_login .woocommerce-privacy-policy-text a { color:#f2c989!important; }
.wa-auth #customer_login .woocommerce-form-register p { font-size:13px!important; line-height:1.75!important; }
.wa-auth #customer_login .woocommerce-privacy-policy-text p { margin:0!important; }
.wa-auth #customer_login .woocommerce-form-register p:not(.form-row):not(.woocommerce-form-row) { color:#d5cabc!important; }
/* Woo customer-login form validation notices remain in native Woo messages above the cards. */
body.woocommerce-account:not(.logged-in) .woocommerce-error,
body.woocommerce-account:not(.logged-in) .woocommerce-message,
body.woocommerce-account:not(.logged-in) .woocommerce-info {
  border-top-color:#d8af73!important;
}
@media (max-width:920px) {
  body.woocommerce-account:not(.logged-in) .wa-auth { width:calc(100vw - 28px); padding:35px 22px; }
  body.woocommerce-account:not(.logged-in) .wa-auth #customer_login,
  body.woocommerce-account:not(.logged-in) .wa-auth #customer_login.u-columns { gap:16px!important; }
  body.woocommerce-account:not(.logged-in) .wa-auth #customer_login > [class*=col-] { padding:24px!important; }
  .wa-auth #customer_login h2 { padding-left:67px!important; font-size:32px!important; }
  .wa-auth #customer_login h2:before { width:53px; height:53px; background-size:26px!important; }
}
@media (max-width:740px) {
  body.woocommerce-account:not(.logged-in) .wa-auth { width:calc(100vw - 18px); padding:30px 15px; margin:4px 0 38px; }
  body.woocommerce-account:not(.logged-in) .wa-auth:before { opacity:.45; background-size:auto 340px; }
  body.woocommerce-account:not(.logged-in) .wa-auth #customer_login,
  body.woocommerce-account:not(.logged-in) .wa-auth #customer_login.u-columns,
  body.woocommerce-account:not(.logged-in) .wa-auth .u-columns.col2-set {
    grid-template-columns:minmax(0,1fr)!important; gap:14px!important;
  }
  body.woocommerce-account:not(.logged-in) .wa-auth #customer_login > [class*=col-] { padding:23px 20px!important; }
  .wa-auth .wa-auth-intro { padding-bottom:23px; }
  .wa-auth #customer_login h2 { min-height:67px; margin-bottom:20px!important; }
  .wa-auth #customer_login .woocommerce-button.button { min-width:0; width:100%; }
}
@media (max-width:400px) {
  .wa-auth h1.wa-auth-title { font-size:44px!important; }
  body.woocommerce-account:not(.logged-in) .wa-auth #customer_login > [class*=col-] { padding:21px 15px!important; }
  .wa-auth #customer_login h2 { padding-left:60px!important; font-size:30px!important; }
  .wa-auth #customer_login h2:before { width:48px; height:48px; }
}
@media (prefers-reduced-motion:reduce) { .wa-auth * { transition:none!important; } }
