/* Owned presentation only. Native Joomla fields, validation and password toggle stay intact. */
.pf-component>.pf-account{padding-inline:0}
.pf-account-form .visually-hidden,.pf-native-account .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pf-account-form,.pf-native-account form{--pf-field-height:52px;display:grid;gap:20px}
.pf-account-form fieldset,.pf-native-account fieldset{display:grid;gap:20px;min-width:0;margin:0;padding:0;border:0}
.pf-account-form .control-group,.pf-native-account .control-group{margin:0;min-width:0}
.pf-account-form .control-label,.pf-native-account .control-label{margin:0 0 8px;line-height:1.5}
.pf-account-form .controls,.pf-native-account .controls{min-width:0}
.pf-account-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.pf-account-form select,.pf-native-account input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.pf-native-account select{box-sizing:border-box;width:100%;height:var(--pf-field-height);min-height:var(--pf-field-height);max-height:var(--pf-field-height);margin:0;padding:12px 14px;border:1px solid #cfc2ba;border-radius:10px!important;background:#fff;color:var(--pf-ink,#30201f);font:inherit;line-height:24px}
.pf-account-form .input-group,.pf-native-account .input-group{display:flex;align-items:start;flex-wrap:nowrap;gap:10px;min-width:0}
.pf-account-form .input-group input,.pf-native-account .input-group input{flex:1 1 0;min-width:0}
.pf-account-form .input-group>.btn,.pf-native-account .input-group>.btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--pf-field-height);width:var(--pf-field-height);height:var(--pf-field-height);min-height:var(--pf-field-height);margin:0!important;padding:0;border:1px solid #cfc2ba;border-radius:10px!important;background:#fff8ef;color:var(--pf-wine,#671d2b);box-shadow:none;cursor:pointer;font-size:20px;line-height:1}
.pf-account-form .input-group>.btn:hover,.pf-native-account .input-group>.btn:hover{background:#f5e8dc}
.pf-account-form .form-text,.pf-native-account .form-text{margin-top:9px;font-size:.82rem;line-height:1.6}
.pf-account-form .list-unstyled,.pf-native-account .list-unstyled{padding:0;list-style:none}
.pf-account-form :focus-visible,.pf-native-account :focus-visible{outline:3px solid #c98b25;outline-offset:3px}
.pf-account-recovery-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:22px 0 0;padding-top:16px;border-top:1px solid #eee3d9;font-size:.85rem;line-height:1.6}
.pf-account-recovery-links a{display:inline-flex;align-items:center;min-height:36px;text-underline-offset:4px}
.pf-native-account{max-width:640px;margin:0 auto;padding:clamp(24px,4vw,44px);border:1px solid #e6dacb;border-radius:24px;background:#fff;box-shadow:0 16px 45px #671d2b09;color:var(--pf-ink,#30201f)}
.pf-native-account h1{margin:8px 0 26px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;color:var(--pf-wine,#671d2b);overflow-wrap:anywhere}
.pf-native-account legend{float:none;width:100%;margin:0 0 4px;padding:0;font-size:1rem;line-height:1.7;color:var(--pf-muted,#766662)}
.pf-native-account .btn-primary{display:inline-flex;justify-content:center;align-items:center;min-height:52px;width:100%;padding:12px 22px;border:2px solid var(--pf-wine,#671d2b);border-radius:10px;background:var(--pf-wine,#671d2b);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.pf-native-account .icon-eye:before{content:'◉'}.pf-native-account .icon-eye-slash:before{content:'◌'}
.pf-native-account .pf-back-login{display:inline-flex;align-items:center;min-height:44px;margin-top:22px;color:var(--pf-wine,#671d2b);font-size:.88rem;text-underline-offset:4px}
@media(max-width:480px){.pf-account-recovery-links{display:grid;gap:4px}.pf-native-account{padding:24px 18px}.pf-account-form .input-group,.pf-native-account .input-group{gap:8px}}

/* Native activation landing uses the same owned account presentation. */
.pf-native-login .com-users-login{max-width:none;margin:0}.pf-native-login .com-users-login__options{display:grid;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--pf-line)}
.pf-native-login .com-users-login__options a{display:inline-flex;align-items:center;min-height:36px;font-size:.88rem;text-decoration:underline;text-underline-offset:4px}
.pf-native-login .com-users-login__submit .btn-secondary{width:100%;gap:12px;line-height:1.4}.pf-native-login .com-users-login__submit .btn-secondary svg,.pf-native-login .com-users-login__submit .btn-secondary img{width:24px;height:24px;flex:0 0 24px}
.pf-native-login .com-users-login__remember .form-check{display:flex;align-items:center;gap:10px}.pf-native-login .com-users-login__remember label{margin:0}
.pf-native-login .pf-social-entry{margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid var(--pf-line)}
.pf-native-login .pf-social-entry>p{font-weight:700;margin-bottom:14px}.pf-native-login .pf-social-buttons{display:grid;gap:12px}.pf-native-login .pf-social-button{width:100%;display:flex;gap:12px;background:#fff;color:var(--pf-ink);border-color:var(--pf-line)}
.pf-native-login .pf-social-icon{flex:0 0 24px}.pf-native-login .pf-social-icon img{width:24px;height:24px}.pf-native-login .pf-social-facebook{background:#1877f2;color:#fff;border-color:#1877f2}.pf-native-login .pf-social-apple{background:#171717;color:#fff;border-color:#171717}
.pf-native-login .pf-social-button:hover{box-shadow:0 0 0 2px var(--pf-gold)}

.pf-native-login :is(.pf-social-facebook,.pf-social-apple) .pf-social-icon img{filter:brightness(0) invert(1)}


/* Mobile guest entry: authentication first; introductory content below the forms. */
@media(max-width:760px){
 .pf-component>.pf-account:not(.pf-account-member){display:flex;flex-direction:column;padding-top:24px}
 .pf-account:not(.pf-account-member)>.pf-account-heading{display:contents}
 .pf-account:not(.pf-account-member)>.pf-account-heading>.pf-account-kicker{display:none}
 .pf-account:not(.pf-account-member)>.pf-account-heading>h1{order:0;text-align:center;font-size:clamp(1.8rem,6vw,2.3rem);line-height:1.15;margin:0 0 20px}
 .pf-account:not(.pf-account-member)>.pf-account-entry{order:1;display:flex;flex-direction:column;width:100%;min-width:0}
 .pf-account:not(.pf-account-member)>.pf-account-entry>.pf-account-auth{order:0;min-width:0}
 .pf-account:not(.pf-account-member)>.pf-account-entry>.pf-account-welcome{order:1}
 .pf-account:not(.pf-account-member)>.pf-account-heading>p{order:2;text-align:center;margin:22px auto 0;font-size:.9rem;line-height:1.65}
}