/* ===== PF Create Account (50/50 layout, matches login styling) ===== */

/* Hide WP page title on Create Account page (change 12 if needed) */

/* Hide page title only on Create Account (ID 493) */
body.page-id-493 .page-header,
body.page-id-493 .page-header .entry-title,
body.page-id-493 h1.entry-title,
body.post-493 .page-header,
body.post-493 h1.entry-title,
body.page-id-493 .elementor-page-title {
  display: none !important;
}


/* Kill border on the password eye toggle */
.pfacc__field .pfacc__toggle,
button.pfacc__toggle,
[type=button].pfacc__toggle {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.pfacc__toggle:focus { outline: none !important; box-shadow: none !important; }


/* Frame */
.pfreg{
  position:relative;
  width:100%;
  margin:60px 0;             /* spacing from header/footer */
  padding:40px 0;            /* inner breathing room */
  background:#010510;
  border-radius:40px;
  overflow:hidden;
  box-sizing:border-box;
}

/* 50 / 50 columns (no fixed px widths) */
.pfreg__wrap{
  display:grid;
  grid-template-columns: 1fr 1fr;
  min-height:730px;
}

/* Left panel — image only, contained */
.pfreg__left{
  position:relative;
  min-height:810px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:0 40px 40px 0;
  overflow:hidden;           /* keep image inside its half */
  z-index:0;
}
.pfreg__left::after{ content:none !important; }

/* Remove all extra visuals/glows */
.pfreg__glow,
.pfreg__ellipse,
.pfreg__imageMain,
.pfreg__imageBall{ display:none !important; }

/* Right panel — center the card */
.pfreg__right{
  position:relative;
  z-index:1;                 /* stay above the left image edge */
  display:flex;
  align-items:center;
  justify-content:center;
  background:#010510;
  /*padding:0 6vw;         */
  padding: 30px;
}

/* Card + brand */
.pfreg__card{
  width:100%;
  max-width:580px;          /* comfortable form width */
  min-height:705px;
  display:flex;
  flex-direction:column;
  gap:40px;
}
.pfreg__brand img{ height:32px; width:auto; display:block; }

/* Headings */
.pfreg__head{ display:flex; flex-direction:column; gap:30px; width:100%; max-width:429px; }
.pfreg__title{ margin:0; text-transform:uppercase; color:#fff; font-weight:800; font-size:36px; line-height:57px; }
.pfreg__subtitle{ margin:0; text-transform:uppercase; color:#fff; font-weight:600; font-size:18px; line-height:21px; opacity:.9; }

/* Form wrapper */
.pfreg__form{ display:flex; flex-direction:column; gap:24px; width:100%; max-width:511px; }
.pfreg__row{ display:flex; gap:15px; }
.pfreg__row .pfreg__field{ flex:1; }

/* Field (match login inputs) */
.pfreg__field{
  position:relative;
  height:48px;
  display:flex;
  align-items:center;
  border:1px solid #2a3140;
  border-radius:10px;
  background:transparent;
}
.pfreg__field input,
.pfreg__field select{
  width:100%; height:100%;
  border:0; outline:0;
  background:transparent;
  color:#E6E9EF;
  font-size:14px;
  padding:0 12px;
}
.pfreg__field input::placeholder{ color:#AAB2C0; }

/* Icon field (email/password) */
.pfreg__field--icon .pfreg__icon{ position:absolute; left:12px; width:22px; height:22px; color:#D1D1D1; }
.pfreg__field--icon input{ padding-left:42px; }

/* Selects — remove flag + style like inputs */
.pfreg__flag{ display:none !important; }          /* remove flag */
.pfreg__select select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding-right:36px;
  padding-left:12px;                              /* no flag, so normal padding */
  background-color:#010510;                       /* same dark bg as page */
  color:#E6E9EF;
  border-radius:10px;
}
.pfreg__chev{ display:none; }                     /* hide custom chevron if any */
.pfreg__select option{ background:#0B0F17; color:#E6E9EF; }

/* Buttons + foot */
.pfreg__actions{ display:flex; justify-content:center; }
.pfreg__btn{
  width:100%; height:48px;
  border:0; border-radius:10px;
  background:#EF2481; color:#fff;
  font-weight:600; font-size:16px; cursor:pointer;
}
.pfreg__foot{
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  gap:16px; color:#fff; font:400 14px Roboto, system-ui, sans-serif;
}
.pfreg__foot a{ color:#ff63aa; text-decoration:none; }
.pfreg__foot a:hover{ text-decoration:underline; }
.pfreg__divider{ height:1px; background:rgba(255,255,255,.25); }

/* Password toggle (same as login) */
.pfacc__toggle{
  width:38px; height:38px;
  border:none; background:transparent; cursor:pointer;
  position:absolute; right:4px;
}
.pfacc__toggle::before{
  content:""; position:absolute; inset:0; margin:auto; width:18px; height:18px;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path fill="white" d="M12 5c-7 0-11 7-11 7s4 7 11 7 11-7 11-7-4-7-11-7Zm0 12a5 5 0 1 1 .001-10.001A5 5 0 0 1 12 17Z"/></svg>') no-repeat center/contain;
  background-color:#9AA3B2;
}
.pfacc__toggle.is-on::before{
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path fill="white" d="M12 7a5 5 0 0 1 5 5h3c0-4.418-3.582-8-8-8v3Zm-7 5a7 7 0 0 1 7-7V2C7.477 2 3 6.477 3 12h2Zm7 7a7 7 0 0 1-7-7H3c0 5.523 4.477 10 9 10v-3Zm0 0v3c5.523 0 10-4.477 10-10h-3a7 7 0 0 1-7 7Z"/></svg>');
  background-color:#EF2481;
}

/* ===== Select2 / SelectWoo (WooCommerce) — remove X and theme dark ===== */

/* base single select */
.select2-container .select2-selection--single{
  background:#010510;
  border:1px solid #D2D5DA;
  height:48px; border-radius:10px;
  color:#E6E9EF;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#E6E9EF; line-height:48px; padding-left:12px; padding-right:36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:48px; right:10px;
}
/* remove the clear (x) */
.select2-selection__clear{ display:none !important; }

/* dropdown panel */
.select2-dropdown{ background:#0B0F17; color:#E6E9EF; border-color:#2A2F3A; }
.select2-results__option{ color:#E6E9EF; }
/* hover / keyboard highlight color */
.select2-results__option--highlighted.select2-results__option--selectable{
  background:#010510; color:#FFFFFF;
}

/* ===== Choices.js (if ever used) — remove X and theme dark ===== */
.choices__inner{
  background:#010510; border:1px solid #D2D5DA; border-radius:10px; color:#E6E9EF; min-height:48px;
}
.choices__list--dropdown{ background:#0B0F17; border-color:#2A2F3A; }
.choices__item{ color:#E6E9EF; }
.choices__button{ display:none !important; } /* remove X */

/* ===== Mobile ===== */
@media (max-width:980px){
  .pfreg{ margin:30px 0; padding:20px 0; border-radius:24px; }
  .pfreg__wrap{ grid-template-columns:1fr; min-height:auto; }
  .pfreg__left{ display:none; }
  .pfreg__right{ padding:30px 20px; }
  .pfreg__card{ max-width:520px; min-height:unset; }
  .pfreg__title{ font-size:36px; line-height:40px; }
  .pfreg__subtitle{ font-size:14px; }
}


/* Create Account (/create-account/, page ID 493): remove borders on all fields */
body.page-id-493 .pfreg__field input,
body.page-id-493 .pfreg__field select,
body.page-id-493 .pfreg__field textarea{
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* keep the eye toggle borderless too (you reused .pfacc__toggle) */
body.page-id-493 .pfacc__toggle{ border:none !important; }

/* optional focus style (or leave none) */
body.page-id-493 .pfreg__field input:focus,
body.page-id-493 .pfreg__field select:focus,
body.page-id-493 .pfreg__field textarea:focus{
  outline:none !important;
  box-shadow:none !important; /* or add your custom focus ring here */
}