/* Scoped to the account form containing our fields; the storefront keeps its theme. */
body:has(.als-r-preview),
main:has(.woocommerce form.register .als-r-options) {
    background-color: #fff;
    background-image: url("https://almazaralasenda.com/wp-content/uploads/2025/06/FONDO-OLIVOS-scaled.png");
    background-position: center 50px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.als-r-preview h1 { text-align: center; }
@media (max-width: 700px) {
    body:has(.als-r-preview), main:has(.woocommerce form.register .als-r-options) { background-size: 100% auto; background-position: center top; }
    .als-r-preview form { position: relative; background: rgba(255,255,255,.96); }
}
.woocommerce form.register:has(.als-r-options),
.als-r-preview form {
    --als-olive: #697f48;
    font-family: "Jost", sans-serif;
    color: #414638;
    background: #fff;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.woocommerce .u-column2:has(.als-r-options) > h2,
.als-r-preview h1,
.als-r-information h1, .als-r-information h2 {
    font-family: "Kaisei Decol", Georgia, serif;
    color: #697f48;
    font-weight: 400;
    line-height: 1.25;
}
.woocommerce form.register:has(.als-r-options) input.input-text,
.als-r-preview input[type="email"], .als-r-preview input[type="password"] {
    width: 100%; min-height: 46px; padding: 10px 12px;
    border: 1px solid #d7dbd0; border-radius: 0; background: #fff;
    color: #30372a; box-sizing: border-box; font: inherit;
}
.als-r-options { clear: both; margin: 24px 0 20px; font-family: "Jost", sans-serif; }
.als-r-options .als-r-choice { margin: 0 0 18px; padding: 0; }
.als-r-options .als-r-choice label { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.6; font-weight: 400; cursor: pointer; }
.als-r-options .als-r-choice input[type="checkbox"] { flex: 0 0 17px; width: 17px; height: 17px; margin: 5px 0 0; accent-color: #697f48; cursor: pointer; }
.als-r-options .als-r-more { margin: 4px 0 0; font-size: 14px; }
.als-r-options a, .als-r-information a { color: #526537; text-decoration: underline; text-underline-offset: 3px; }
.woocommerce form.register:has(.als-r-options) button[type="submit"],
.als-r-preview button {
    width: 100%; border: 1px solid #697f48; border-radius: 0;
    background: #526537; color: white; padding: 14px 24px;
    font: 500 15px/1.4 "Jost", sans-serif; text-transform: uppercase; cursor: pointer;
}
.woocommerce form.register:has(.als-r-options) button[type="submit"]:hover,
.als-r-preview button:hover { background: #526537; border-color: #526537; }
.als-r-options :focus-visible, .als-r-preview :focus-visible { outline: 2px solid #697f48; outline-offset: 3px; }
.als-r-information { max-width: 780px; margin: 0 auto; padding: 60px 24px; color: #414638; font: 17px/1.75 "Jost", sans-serif; }
.als-r-information h1 { font-size: clamp(28px, 5vw, 40px); margin-bottom: 32px; }
.als-r-information h2 { font-size: 24px; margin: 32px 0 16px; }
@media (max-width: 480px) { .als-r-options .als-r-choice label { font-size: 15px; gap: 10px; } }
/* Registration first in both reading and keyboard order. WooCommerce handles both forms. */
.woocommerce .als-r-account, .als-r-preview .als-r-account {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    max-width:1040px; margin:40px auto 70px; gap:0;
    font:16px/1.6 "Jost",sans-serif; color:#414638;
}
.als-r-account > section { min-width:0; padding:0 42px; background:rgba(255,255,255,.96); }
.als-r-account > section + section { border-left:1px solid #d7dbd0; }
.als-r-account h2 { font:400 28px/1.3 "Kaisei Decol",Georgia,serif; color:#697f48; margin:0 0 28px; }
.woocommerce .als-r-account form { margin:0; padding:0; border:0; border-radius:0; font:inherit; color:inherit; }
.als-r-account .form-row { margin:0 0 22px; padding:0; display:block; }
.als-r-account .form-row > label { display:block; margin-bottom:7px; }
.als-r-account input.input-text { width:100%; min-height:46px; padding:10px 12px; border:1px solid #d7dbd0; border-radius:0; box-sizing:border-box; font:inherit; background:#fff; color:#30372a; }
.woocommerce .als-r-account button[type="submit"] { width:100%; float:none; margin:12px 0 0; padding:14px 24px; border:1px solid #697f48; border-radius:0; background:#526537; color:#fff; font:500 15px/1.4 "Jost",sans-serif; text-transform:uppercase; }
.woocommerce .als-r-account button[type="submit"]:hover { background:#526537; }
.als-r-account input[type="checkbox"] { accent-color:#697f48; }
.als-r-account a { color:#526537; text-underline-offset:3px; }
.als-r-account :focus-visible { outline:2px solid #697f48; outline-offset:3px; }
.als-r-account .woocommerce-privacy-policy-text { font-size:15px; color:#707568; }
@media(max-width:760px) {
 .woocommerce .als-r-account, .als-r-preview .als-r-account { grid-template-columns:minmax(0,1fr); margin:28px auto 40px; }
 .als-r-account > section { padding:0 20px 32px; }
 .als-r-account > section + section { border-left:0; border-top:1px solid #d7dbd0; padding-top:32px; }
}
.als-r-account .als-r-choice > label { display:flex; align-items:flex-start; gap:12px; }
.als-account-bar { display:flex; justify-content:flex-end; align-items:center; gap:12px; padding:8px max(20px,calc((100% - 1140px)/2)); background:#faf8ef; border-bottom:1px solid #e2e6d9; font:500 15px/1.4 Jost,sans-serif; }
.als-account-bar a { padding:7px 15px; color:#526537; text-decoration:none; }
.als-account-bar a:first-child { color:#fff; background:#697f48; }
.als-club-area { max-width:780px; margin:32px auto; padding:clamp(24px,5vw,50px); border:1px solid #d7dbd0; background:#faf8ef; color:#526537; text-align:center; font:17px/1.65 Jost,sans-serif; box-sizing:border-box; }
.als-club-area h2,.woocommerce .als-club-area h2 { color:#697f48!important; font:400 clamp(26px,4vw,36px)/1.3 'Kaisei Decol',Georgia,serif!important; margin:0 0 20px; }
.als-club-eyebrow { font-size:12px; letter-spacing:3px; }
.als-club-actions { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin:24px 0; }
.als-club-area .als-club-button { display:inline-block; padding:13px 24px; background:#526537; color:#fff!important; border:1px solid #697f48; border-radius:0; text-decoration:none; font:500 16px/1.5 Jost,sans-serif; cursor:pointer; }
.als-club-secondary { display:inline-block; padding:13px 24px; border:1px solid #697f48; color:#526537; }
.als-club-choice { display:flex; align-items:flex-start; gap:10px; justify-content:center; margin:24px 0; }
.als-club-choice input { margin-top:7px; accent-color:#697f48; }
.als-club-note { font-size:14px; margin-top:24px; }
.als-club-note a { color:#526537; text-decoration:underline; }
.als-club-area :focus-visible,.als-account-bar :focus-visible { outline:2px solid #697f48; outline-offset:4px; }


/* Append to registration.css in the coordinator's current copy.
 * Elementor kit h2 overrides the older .als-r-account h2 declaration. */
.woocommerce .als-r-account #als-r-register-title,
.woocommerce .als-r-account #als-r-login-title {
    color: #526537;
    font: 400 28px/1.3 "Kaisei Decol", Georgia, serif;
}

/* Keep the optional choices separated when WooCommerce/theme form rules load later. */
.woocommerce form .als-r-options .form-row.als-r-choice {
    margin: 0 0 18px;
    padding: 0;
}
.woocommerce form .als-r-options .form-row.als-r-choice > label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    line-height: 1.6;
}
.woocommerce form .als-r-options .form-row.als-r-choice > label > span {
    min-width: 0;
}