/* v1.9.6 — Native Classima / Classified Listing frontend authentication.
   Only guest-facing forms on the existing /my-account/ route.
   Native form elements, names, actions, validation and event handlers stay intact. */
body.cms-auth-native-account {
  background:linear-gradient(150deg,#fff9fa 0%,#f4f5fc 52%,#f8f3ff 100%)!important;
}
body.cms-auth-native-account #primary.classima-myaccount,
body.cms-auth-native-account #primary.content-area {
  background:transparent!important;
  padding:32px 0 60px!important;
  min-height:600px;
}
body.cms-auth-native-account #primary .container {max-width:1240px!important}
body.cms-auth-native-account :is(#rtcl-user-login-wrapper,.rtcl-user-registration-wrapper,.rtcl-login-form-wrap,.rtcl-registration-form-wrap).cms-native-auth-layout {
  --cms-auth-color:#e52332;
  width:min(100%,1130px)!important;
  max-width:1130px!important;
  box-sizing:border-box!important;
  margin:20px auto 45px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0, .86fr) minmax(0, 1fr)!important;
  grid-auto-rows:min-content;
  background:#fff!important;
  color:#17243b;
  border:1px solid #e8e9f0!important;
  border-radius:26px!important;
  box-shadow:0 23px 74px rgba(31,35,70,.12)!important;
  overflow:hidden!important;
  min-height:575px;
  position:relative;
}
body.cms-auth-native-account .cms-native-auth-layout.cms-native-auth--register {--cms-auth-color:#8052cf}
body.cms-auth-native-account .cms-native-auth-layout > :not(.cms-native-auth-promo) {
  grid-column:2;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
body.cms-auth-native-account .cms-native-auth-layout > :is(form,.rtcl-login-form-wrap,.rtcl-registration-form-wrap,.rtcl-form,.rtcl-form-page) {
  margin:0!important;
  padding:4px clamp(24px,4.5vw,65px) 34px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  width:100%!important;
}
body.cms-auth-native-account .cms-native-auth-layout > .cms-native-auth-promo {
  grid-column:1;
  grid-row:1 / span 15;
  align-self:stretch;
  min-height:575px;
  padding:50px 42px;
  background:linear-gradient(140deg,#f23c51 0%,#d82557 52%,#8e43bd 100%);
  color:#fff;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.cms-auth-native-account .cms-native-auth--register > .cms-native-auth-promo {
  background:linear-gradient(140deg,#8650d6 0%,#a443b4 48%,#e53d73 100%);
}
.cms-native-auth-promo::before,.cms-native-auth-promo::after {
  content:"";pointer-events:none;position:absolute;border:55px solid rgba(255,255,255,.08);
  border-radius:50%;width:260px;height:260px;z-index:-1;
}
.cms-native-auth-promo::before{right:-150px;top:-150px}
.cms-native-auth-promo::after{left:-160px;bottom:-190px}
.cms-native-auth-promo .cms-native-auth-tag {
  display:inline-flex;width:max-content;max-width:100%;padding:9px 14px;
  border:1px solid rgba(255,255,255,.3);border-radius:30px;
  background:rgba(255,255,255,.14);font-size:11px;font-weight:800;letter-spacing:1.1px;color:#fff;
}
.cms-native-auth-promo h2 {font-size:clamp(29px,3vw,42px)!important;line-height:1.22!important;letter-spacing:-.8px;color:#fff!important;font-weight:800!important;margin:32px 0 16px!important}
.cms-native-auth-promo p {font-size:14px;line-height:1.9;color:rgba(255,255,255,.92);margin:0 0 26px}
.cms-native-auth-perks{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:14px}
.cms-native-auth-perks li {margin:0!important;padding:0!important;color:#fff!important;font-size:13px;display:flex;align-items:center;gap:10px}
.cms-native-auth-perks li::before {content:"✓";display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:rgba(255,255,255,.19);font-weight:800;color:#fff}
body.cms-auth-native-account .cms-native-auth-layout > .cms-native-auth-intro {grid-row:1;padding:46px clamp(24px,4.5vw,65px) 10px}
.cms-native-auth-intro .cms-native-auth-eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#e52332}
.cms-native-auth--register .cms-native-auth-intro .cms-native-auth-eyebrow {color:#8052cf}
.cms-native-auth-intro h2{color:#13233c!important;font-size:clamp(25px,2.5vw,35px)!important;margin:8px 0!important;font-weight:800!important;line-height:1.2}
.cms-native-auth-intro p{color:#6a7590;font-size:13px;line-height:1.65;margin:0}
/* Style original plugin wrappers with the appropriate selectors. */
body.cms-auth-native-account .cms-native-auth-layout :is(.rtcl-login-form-wrap,.rtcl-registration-form-wrap,form.rtcl-form,form.rtcl-login-form,form.rtcl-register-form,form.login,form.register) {
  max-width:100%!important;box-shadow:none!important;border:0!important;background:transparent!important;
}
body.cms-auth-native-account .cms-native-auth-layout :is(.form-group,.rtcl-form-group,.form-row,.rtcl-form-row) {margin-bottom:17px!important}
body.cms-auth-native-account .cms-native-auth-layout :is(label,.rtcl-field-label,.rtcl-form-label) {
  display:block!important;color:#34425b!important;font-size:12px!important;font-weight:700!important;margin-bottom:7px!important;
}
body.cms-auth-native-account .cms-native-auth-layout :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],.rtcl-form-control,.form-control,select,textarea) {
  box-sizing:border-box!important;display:block;max-width:100%!important;width:100%!important;
  border-radius:12px!important;border:1px solid #dfe5ef!important;background:#fcfcff!important;
  box-shadow:none!important;color:#18273e!important;font-size:14px!important;
  min-height:47px!important;padding:10px 14px!important;transition:box-shadow .2s,border-color .2s;
}
body.cms-auth-native-account .cms-native-auth-layout :is(input[type=text],input[type=email],input[type=password],input[type=tel],.rtcl-form-control,.form-control,select,textarea):focus {
  border-color:var(--cms-auth-color)!important;box-shadow:0 0 0 4px rgba(229,35,50,.10)!important;outline:0!important;background:#fff!important;
}
body.cms-auth-native-account .cms-native-auth-layout input[type=checkbox]{accent-color:#e52332}
body.cms-auth-native-account .cms-native-auth-layout :is(button[type=submit],input[type=submit],.btn-primary,.rtcl-btn-primary,.woocommerce-button) {
  box-sizing:border-box;min-height:47px!important;border-radius:12px!important;border:0!important;
  background:linear-gradient(110deg,#e52332,#f54b66)!important;
  color:#fff!important;box-shadow:0 9px 20px rgba(229,35,50,.2)!important;
  font-size:13px!important;font-weight:800!important;padding:12px 22px!important;
  transition:transform .25s,box-shadow .25s;
}
body.cms-auth-native-account .cms-native-auth--register :is(button[type=submit],input[type=submit],.btn-primary,.rtcl-btn-primary){background:linear-gradient(110deg,#8855d1,#c052b8)!important}
body.cms-auth-native-account .cms-native-auth-layout :is(button[type=submit],input[type=submit],.btn-primary,.rtcl-btn-primary):hover {transform:translateY(-2px);box-shadow:0 12px 23px rgba(90,45,140,.23)!important}
body.cms-auth-native-account .cms-native-auth-layout a{color:#b62854;font-weight:700}
body.cms-auth-native-account .cms-native-auth-layout .rtcl-notice,body.cms-auth-native-account .cms-native-auth-layout .woocommerce-error {border-radius:12px!important;padding:12px!important}
body.cms-auth-native-account .cms-native-auth-layout .cms-native-auth-intro ~ :is(h2,h3){font-size:18px!important;margin-left:clamp(24px,4.5vw,65px)}
body.cms-auth-native-account .cms-native-auth-layout .cms-native-auth-intro + :is(form,.rtcl-login-form-wrap,.rtcl-registration-form-wrap) {padding-top:12px!important}
body.cms-auth-native-account .cms-native-auth-layout .cms-auth-password-field{position:relative}
body.cms-auth-native-account .cms-native-auth-layout .cms-auth-password-field input{padding-right:68px!important}
body.cms-auth-native-account .cms-native-auth-layout .cms-auth-password-toggle{z-index:3}
/* Lightweight fallback, including forms inserted asynchronously by the plugin. */
body.cms-auth-native-account #rtcl-user-login-wrapper:not(.cms-native-auth-layout),
body.cms-auth-native-account .rtcl-user-registration-wrapper:not(.cms-native-auth-layout){background:#fff;border:1px solid #e6e9f1;border-radius:20px;padding:32px;box-shadow:0 15px 38px rgba(30,37,80,.08);max-width:720px;margin:25px auto}
@media(max-width:850px){
 body.cms-auth-native-account .cms-native-auth-layout > .cms-native-auth-promo{min-height:0;padding:27px 29px;grid-column:1;grid-row:1}
 body.cms-auth-native-account :is(#rtcl-user-login-wrapper,.rtcl-user-registration-wrapper,.rtcl-login-form-wrap,.rtcl-registration-form-wrap).cms-native-auth-layout{grid-template-columns:minmax(0,1fr)!important;min-height:0}
 body.cms-auth-native-account .cms-native-auth-layout > :not(.cms-native-auth-promo){grid-column:1}
 body.cms-auth-native-account .cms-native-auth-layout > .cms-native-auth-intro{grid-row:auto;padding:28px 29px 7px}
 body.cms-auth-native-account .cms-native-auth-layout > :is(form,.rtcl-login-form-wrap,.rtcl-registration-form-wrap,.rtcl-form,.rtcl-form-page){padding:0 29px 30px!important}
 .cms-native-auth-promo h2{font-size:27px!important;margin:12px 0 7px!important}
 .cms-native-auth-promo p{margin-bottom:0}
 .cms-native-auth-perks{display:none}
}
@media(max-width:550px){
 body.cms-auth-native-account #primary.classima-myaccount,body.cms-auth-native-account #primary.content-area{padding:12px 0 35px!important}
 body.cms-auth-native-account .cms-native-auth-layout{border-radius:18px!important;margin:12px auto 30px!important}
 body.cms-auth-native-account .cms-native-auth-layout > .cms-native-auth-promo{padding:23px 19px}
 body.cms-auth-native-account .cms-native-auth-layout > .cms-native-auth-intro{padding:22px 19px 6px}
 body.cms-auth-native-account .cms-native-auth-layout > :is(form,.rtcl-login-form-wrap,.rtcl-registration-form-wrap,.rtcl-form,.rtcl-form-page){padding:0 19px 26px!important}
 .cms-native-auth-promo h2{font-size:23px!important}
 .cms-native-auth-intro h2{font-size:25px!important}
}
@media(prefers-reduced-motion:reduce){body.cms-auth-native-account .cms-native-auth-layout *{transition:none!important;animation:none!important}}
/* Override earlier generic account-page card treatment from v1.9.5. */
body.cms-auth-native-account:not(.cms-auth-template-page) .rtcl-MyAccount-wrap,
body.cms-auth-native-account:not(.cms-auth-template-page) .rtcl-MyAccount-content {
  max-width:100%!important;width:100%!important;box-sizing:border-box!important;
  background:transparent!important;box-shadow:none!important;border:0!important;
  padding:0!important;margin:0 auto!important;
}
body.cms-auth-native-account:not(.cms-auth-template-page) .rtcl-MyAccount-content::before {content:none!important;display:none!important}
/* WordPress page content wrappers should not add a second white panel. */
body.cms-auth-native-account:not(.cms-auth-template-page) .classima-myaccount :is(.entry-content,.rtcl-MyAccount-content) {min-width:0}
/* Also style an actual WooCommerce My Account form if that shortcode powers this slug. */
body.cms-auth-native-account .woocommerce #customer_login {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;
  width:min(1120px,100%);max-width:1120px;margin:18px auto 45px;
}
body.cms-auth-native-account .woocommerce #customer_login :is(.u-column1,.u-column2){
  float:none!important;width:100%!important;max-width:none!important;min-width:0;
  background:#fff;border:1px solid #e6e8f2;border-radius:22px;padding:32px;
  box-shadow:0 17px 45px rgba(22,31,65,.09);box-sizing:border-box;
}
body.cms-auth-native-account .woocommerce #customer_login h2{color:#14223b;font-size:27px;font-weight:800}
body.cms-auth-native-account .woocommerce #customer_login :is(form.login,form.register){
  border:0!important;padding:0!important;margin:20px 0 0!important;background:transparent!important;
}
body.cms-auth-native-account .woocommerce #customer_login :is(input[type=text],input[type=email],input[type=password],.input-text){
  box-sizing:border-box;width:100%;min-height:46px;border-radius:11px;border:1px solid #dfe3ef;background:#fcfcff;padding:10px 13px;
}
body.cms-auth-native-account .woocommerce #customer_login :is(button[type=submit],.woocommerce-button){
  border:0;border-radius:12px;background:linear-gradient(110deg,#e52332,#f04b65);color:white;font-weight:800;padding:13px 22px;
}
@media(max-width:800px){body.cms-auth-native-account .woocommerce #customer_login{grid-template-columns:1fr}}
@media(max-width:500px){body.cms-auth-native-account .woocommerce #customer_login :is(.u-column1,.u-column2){padding:22px}}