/* Email-code sign in (header panel and My account). Uses the site's own form styles; these only add the extras. */
.lcl-lead{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--lala-muted,#665B6D)}
.lcl .form-row{margin-bottom:14px}
.lcl .button{width:100%}
.lcl-digits{text-align:center;font-size:24px!important;letter-spacing:.45em;font-variant-numeric:tabular-nums}
.lcl-links{margin:4px 0 0;text-align:center;font-size:13px;color:var(--lala-muted,#665B6D)}
body.lala .lcl button.lcl-link,body.lala .lcl button.lcl-link:hover,body.lala .lcl button.lcl-link:focus{display:inline;min-height:0;padding:0;border:0!important;background:none!important;box-shadow:none!important;color:var(--lala-accent,#6E4A8E)!important;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lcl-msg{margin:12px 0 0;padding:10px 14px;border-radius:12px;font-size:13.5px;line-height:1.5;background:color-mix(in srgb,var(--lala-sale,#A8204F) 9%,transparent);color:var(--lala-sale,#A8204F)}
.lcl-msg.is-ok{background:color-mix(in srgb,var(--lala-ok,#2F6B4F) 10%,transparent);color:var(--lala-ok,#2F6B4F)}
.lcl-page{max-width:440px;margin:0 auto}
.lcl-page > h2{margin:0 0 18px;text-align:center}

/* My account dashboard */
.lad-hi{margin:0;font-family:var(--lala-display);font-size:clamp(34px,5vw,48px);font-weight:500;line-height:1.05}
.lad-hi em{font-style:italic;color:var(--lala-accent)}
.lad-sub{margin:8px 0 20px;color:var(--lala-muted);font-size:15px}
.lad-last{display:grid;gap:2px;margin:0 0 14px;padding:16px 18px;border-radius:20px;background:var(--lala-accent-soft);border:1px solid color-mix(in srgb,var(--lala-accent) 14%,transparent);text-decoration:none;color:var(--lala-ink)}
.lad-last span{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lala-muted)}
.lad-last b{font-size:16px;font-weight:600}
.lad-last small{font-size:13px;color:var(--lala-muted)}
.lad-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lad-tile{display:grid;gap:3px;align-content:start;padding:16px 18px;border-radius:20px;background:var(--lala-surface);border:1px solid var(--lala-line);text-decoration:none;color:var(--lala-ink);transition:border-color .2s,transform .2s}
.lad-tile:hover{border-color:var(--lala-accent);transform:translateY(-2px)}
.lad-tile b{font-family:var(--lala-display);font-size:22px;font-weight:600;line-height:1.1}
.lad-tile span{font-size:13px;line-height:1.45;color:var(--lala-muted)}
@media (max-width:480px){.lad-tiles{gap:10px}.lad-tile{padding:14px}.lad-tile b{font-size:19px}}
/* phones: the account menu is one scrolling row of pills, not a tall list */
@media (max-width:767px){
  body.lala.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto!important;margin:0 -4px 18px;padding:2px 4px 6px;list-style:none;scrollbar-width:none}
  body.lala.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  body.lala.woocommerce-account .woocommerce-MyAccount-navigation li{flex:none!important;width:auto!important;margin:0!important}
  body.lala.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:10px 16px;border:1px solid var(--lala-line);border-radius:999px;background:var(--lala-surface);font-size:14px;font-weight:500;white-space:nowrap}
}

/* Address card and account forms */
.lad-addr .lad-sub{margin-top:0}
.lad-card{max-width:560px;padding:22px;border:1px solid var(--lala-line);border-radius:20px;background:var(--lala-surface);box-shadow:0 10px 30px -18px rgba(43,31,51,.25);display:grid;gap:16px}
.lad-row{display:flex;gap:12px;align-items:flex-start}
.lad-row svg{flex:none;width:22px;height:22px;margin-top:2px;fill:none;stroke:var(--lala-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lad-row div{display:grid;gap:2px;font-size:15px;line-height:1.6;color:var(--lala-ink)}
.lad-row b{font-weight:600;font-size:16px}
.lad-row span{color:var(--lala-muted);font-style:normal}
.lad-empty p{margin:0;color:var(--lala-muted)}
body.lala a.lad-btn,body.lala button.lad-btn,body.lala .woocommerce .lad-btn.button{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:48px;padding:0 28px!important;border-radius:999px!important;border:0!important;background:var(--lala-accent)!important;color:var(--lala-on-accent)!important;font-weight:600;font-size:15px;text-decoration:none}
body.lala a.lad-btn:hover,body.lala button.lad-btn:hover{filter:brightness(1.08)}
/* edit forms: two columns like the checkout */
.woocommerce-address-fields__field-wrapper,.lad-form{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;max-width:640px}
.woocommerce-address-fields__field-wrapper>.form-row,.lad-form>.form-row,.lad-form>fieldset,.lad-form>.lad-actions{grid-column:1/-1;width:auto!important;float:none!important;margin:0 0 12px!important}
.woocommerce-address-fields__field-wrapper>.form-row-first,.lad-form>.form-row-first{grid-column:1}
.woocommerce-address-fields__field-wrapper>.form-row-last,.lad-form>.form-row-last{grid-column:2}
.woocommerce-address-fields__field-wrapper label,.lad-form label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--lala-ink)}
.woocommerce-address-fields__field-wrapper :is(input.input-text,select),.lad-form input.input-text{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--lala-line);border-radius:12px;background:var(--lala-surface);font-size:15px;color:var(--lala-ink)}
.woocommerce-address-fields__field-wrapper :is(input,select):focus,.lad-form input:focus{outline:none;border-color:var(--lala-accent);box-shadow:0 0 0 3px var(--lala-accent-soft)}
.woocommerce-address-fields>p:last-child{margin-top:8px}
.woocommerce-MyAccount-content form>h2{font-family:var(--lala-display);font-size:30px;margin:0 0 16px}
.lad-hint{display:block;margin-top:6px;font-size:12.5px;color:var(--lala-muted)}
.lad-pass{grid-column:1/-1;padding:16px;border:1px dashed var(--lala-line);border-radius:14px}
@media (max-width:640px){
  .woocommerce-address-fields__field-wrapper,.lad-form{grid-template-columns:1fr 1fr}
  .woocommerce-address-fields__field-wrapper>.form-row-first:not(#billing_building_field),.woocommerce-address-fields__field-wrapper>.form-row-last:not(#billing_address_2_field){grid-column:1/-1}
  .lad-card{padding:18px}
  body.lala a.lad-btn{width:100%}
}
/* edit address: fixed order and columns by field (WooCommerce re-sorts rows when the country is set) */
.woocommerce-address-fields__field-wrapper>.form-row{grid-column:1/-1!important}
#billing_first_name_field{order:1;grid-column:1!important}#billing_last_name_field{order:2;grid-column:2!important}
#billing_phone_field{order:3}#billing_email_field{order:4}
#billing_country_field{order:5;grid-column:1!important}#billing_city_field{order:6;grid-column:2!important}
#billing_state_field{order:7}#billing_address_1_field{order:8}
#billing_building_field{order:9;grid-column:1!important}#billing_address_2_field{order:10;grid-column:2!important}
.woocommerce-address-fields__field-wrapper>[id*="location_"]{order:20}
@media (max-width:640px){#billing_country_field,#billing_city_field{grid-column:1/-1!important}}