/* Sign in form */
body.ap-shortcode-ap_signin form.ap-core-signin-form {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--wp--preset--spacing--10);
  text-align: center;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > h3 {
  margin-bottom: var(--wp--preset--spacing--10);
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > * {
  grid-column: 1/-1;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > p.text-center {
  margin-top: 0;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > p.text-center a {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > p.text-center a:hover {
opacity: 0.75;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form .form-group {
  text-align: left;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form .form-group label {
  display: inline-block;
  text-align: left;
  margin-bottom: 0.5rem;
  color: color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) calc((1 - 0.75) * 100%));
}

body.ap-shortcode-ap_signin form.ap-core-signin-form .form-group input[type="text"],
body.ap-shortcode-ap_signin form.ap-core-signin-form .form-group input[type="password"] {
  display: block;
  width: 100%;
  border-radius: 5px;
  padding: var(--wp--preset--spacing--20) !important;
  border: 1px solid #CCC;
  font-size: 16px;
  font-family: inherit;
  appearance: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form button[type="submit"] {
  cursor: pointer;
  background-color: var(--wp--preset--color--button-bg, #000);
  color: var(--wp--preset--color--button-text, #fff);
  border-radius: 6px;
  border: 0;
  font-family: inherit;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 500;
  line-height: inherit;
  padding: 0.75rem 1.5rem;
  margin-top: var(--wp--preset--spacing--20);
  text-decoration: none;
  width: 100%;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form button[type="submit"] + p.text-center {
  margin-top: 0.25em;
  a {
   font-weight: normal;
  }
}

body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: flex-end;
}

body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms li:first-child {
  grid-column: span 5;
}

body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms li[class*="end"] {
  margin: 0;
  padding: 0;
}

body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms li button[type="submit"] {
  width: 100%;
  min-height: 48px;
  justify-content: center;
}

@media (max-width: 991.98px) {
  body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms li {
    grid-column: 1/-1 !important;
  }
}

/* Shared Styles for Sign-in and Register Forms */
body.ap-shortcode-ap_signin form.ap-core-signin-form,
body.ap-shortcode-ap_register form.ap-core-register-form {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1em;
  text-align: center;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > h3,
body.ap-shortcode-ap_register form.ap-core-register-form > h3 {
  margin-bottom: var(--wp--preset--spacing--10);
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > *,
body.ap-shortcode-ap_register form.ap-core-register-form > * {
  grid-column: 1/-1;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > p.text-center,
body.ap-shortcode-ap_register form.ap-core-register-form > p.text-center {
  margin-top: 0;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > p.text-center a,
body.ap-shortcode-ap_register form.ap-core-register-form > p.text-center a {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form > p.text-center a:hover,
body.ap-shortcode-ap_register form.ap-core-register-form > p.text-center a:hover {
  opacity: 0.75;
}

/* Shared Form Group Styles */
body.ap-shortcode-ap_signin form.ap-core-signin-form .form-group,
body.ap-shortcode-ap_register form.ap-core-register-form .form-group {
  text-align: left;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form .form-group label,
body.ap-shortcode-ap_register form.ap-core-register-form .form-group label {
  display: inline-block;
  text-align: left;
  margin-bottom: 0.5rem;
  color: color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) calc((1 - 0.75) * 100%));
}

/* Shared Input Styles */
body.ap-shortcode-ap_signin form.ap-core-signin-form .form-group input,
body.ap-shortcode-ap_register form.ap-core-register-form .form-group input {
  display: block;
  width: 100%;
  border-radius: 5px;
  padding: var(--wp--preset--spacing--20) !important;
  border: 1px solid #CCC;
  font-size: 16px;
  font-family: inherit;
  appearance: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Submit Button Styles */
body.ap-shortcode-ap_signin form.ap-core-signin-form button[type="submit"],
body.ap-shortcode-ap_register form.ap-core-register-form button[type="submit"] {
  cursor: pointer;
  background-color: var(--wp--preset--color--button-bg, #000);
  color: var(--wp--preset--color--button-text, #fff);
  border-radius: 5px;
  border: 0;
  font-size: var(--wp--preset--font-size--medium);
  font-family: inherit;
  font-weight: 500;
  line-height: inherit;
  padding: 0.75rem 1.5rem;
  margin-top: var(--wp--preset--spacing--30);
  text-decoration: none;
  width: 100%;
}

body.ap-shortcode-ap_signin form.ap-core-signin-form button[type="submit"] + p.text-center a,
body.ap-shortcode-ap_register form.ap-core-register-form button[type="submit"] + p.text-center a {
  font-weight: normal;
}

/* Register Form-Specific Adjustments */
@media (min-width: 992px) {
  body.ap-shortcode-ap_register .ap-core-register-form .form-group:nth-of-type(1),
  body.ap-shortcode-ap_register .ap-core-register-form .form-group:nth-of-type(2) {
    text-align: left;
    grid-column: span 6;
  }
}

/* Popup Email Form - Left Untouched */
body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: flex-end;
}

body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms li:first-child {
  grid-column: span 5;
}

body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms li[class*="end"] {
  margin: 0;
  padding: 0;
}

body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms li button[type="submit"] {
  width: 100%;
  min-height: 48px;
  justify-content: center;
}

@media (max-width: 991.98px) {
  body.ap-shortcode-ap_signin .mfp-wrap .mfp-container .mfp-content .popup-email-form form ul.listforms li {
    grid-column: 1/-1 !important;
  }
}

/* Account page */
.tab-icons.nav.nav-tabs.account-page {
  max-width: var(--wp--style--global--wide-size);
  margin: auto;
}

.tab-icons.nav.nav-tabs.account-page > .tab-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5em;

  position: relative;
  li {
      a {
          display: inline-flex;
          align-items: center;
          padding: 0.75rem 1.25rem;
          border-radius:8px 8px 0 0;
          border:1px solid color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) calc((1 - 0.15) * 100%));
          background-color: color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) calc((1 - 0.07)* 100%));
          color: var(--wp--preset--color--contrast);
          text-transform: uppercase;
          margin-bottom: -1px;
          border-bottom: 0;
      }
      &.active {
        a {
          background-color: var(--wp--preset--color--base);
          color: var(--wp--preset--color--contrast);
          border-bottom: 0;
          font-weight: 600;
        }
      }
  }
}

.tab-icons.nav.nav-tabs.account-page .horizontal-tab {
  display: grid;
  grid-template-columns: min(100%, 250px) minmax(0, 1fr);
  border-top: 1px solid
  color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) calc((1 - 0.15)* 100%));
  padding: var(--wp--preset--spacing--30) 0;

  @media (max-width: 992px) {
    grid-template-columns: 1fr;
  }
}

.tab-icons.nav.nav-tabs.account-page .horizontal-tab > div:last-child > .tab-pane > .container {
  max-width: var(--wp--style--global--content-size);
  margin-inline: auto;
  padding: var(--wp--preset--spacing--30) 0;
}

.tab-icons.nav.nav-tabs.account-page .horizontal-tab > div:last-child > .tab-pane > .container > p {
  font-size:  var(--wp--preset--font-size--large);
  font-family: var(--wp--preset--font-family--heading);
  font-weight: 600;
  margin: 0;
  margin-bottom: var(--wp--preset--spacing--30);
}

.tab-icons.nav.nav-tabs.account-page .horizontal-tab .tab-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.5em;
  li {
    a {
      display: flex;
      align-items: center;
      color: currentColor;
      padding: 0.75rem 1.25rem;
      border-radius: 8px;
      box-sizing: border-box;
      transition: 0.4s;
      &:hover {
        background-color: color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) calc((1 - 0.07)* 100%));
      }
    }
    &.active {
      a {
        background-color: color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) calc((1 - 0.07)* 100%));
        font-weight: 600;
      }
    }
  }
}

form.password-form ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1em;
  > * {
    grid-column: 1/-1;
  }
  li {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    label {
      color: color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) calc((1 - 0.75) * 100%));
    }
    input {
      display: block;
      width: 100%;
      height: 44px;
      border-radius: 8px;
      padding: var(--wp--preset--spacing--20) !important;
      border: 1px solid #CCC;
      font-size: 16px;
      font-family: inherit;
      appearance: none;
      box-sizing: border-box;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    input[type="submit"] {
      cursor: pointer;
      background-color: var(--wp--preset--color--button-bg, #000);
      color: var(--wp--preset--color--button-text, #fff);
      border-radius: 6px;
      border: 0;
      font-family: inherit;
      font-size: var(--wp--preset--font-size--medium);
      font-weight: 500;
      line-height: inherit;
      padding: 0.75rem 1.5rem;
      margin-top: var(--wp--preset--spacing--20);
      text-decoration: none;
      width: 100%;
    }
  }
}

form.profile-form ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 2em;
}

form.profile-form ul > li {
  grid-column: span 6;
}

form.profile-form ul > li.field {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

form.profile-form ul > li.field label {
  color: color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) calc((1 - 0.75) * 100%));
}

form.profile-form ul > li.field input {
  display: block;
  width: 100%;
  height: 44px;
  border-radius: 8px;
  padding: var(--wp--preset--spacing--20) !important;
  border: 1px solid #CCC;
  font-size: 16px;
  font-family: inherit;
  appearance: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  &:focus {
    box-shadow: rgb(from var(--wp--preset--color--button-bg, #000) r g b / 0.15) 0px 0px 0px 0.25rem;
    outline: transparent;
  }
}

form.profile-form ul > li[class*="end"] {
  grid-column: 1/-1;
}

form.profile-form ul > li[class*="end"] input[type="submit"] {
  cursor: pointer;
  background-color: var(--wp--preset--color--button-bg, #000);
  color: var(--wp--preset--color--button-text, #fff);
  border-radius: 6px;
  border: 0;
  font-family: inherit;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 500;
  line-height: inherit;
  padding: 0.75rem 1.5rem;
  margin-top: var(--wp--preset--spacing--20);
  text-decoration: none;
  width: 100%;
}

form.profile-form ul .select2-container {
  .select2-selection--single {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    padding: 0 var(--wp--preset--spacing--20) !important;
    border: 1px solid #CCC;
    font-size: 16px;
    font-family: inherit;
    appearance: none;
    box-sizing: border-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    .select2-selection__rendered {
      line-height: 42px;
    }
    .select2-selection__arrow {
      height: 42px;
    }
  }
}

.ap-page-less-ap_account > .select2-container {
  transform: translateY(32px);
}

.ap-page-less-ap_account .select2-container--default .select2-search--dropdown .select2-search__field {
  height: 44px;
}

.ap-page-less-ap_account .table.saved-searches {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.ap-page-less-ap_account .table.saved-searches thead th {
    text-align: left;
    padding: 12px 16px;
    border-bottom: 2px solid #e5e7eb;
    background: #f9fafb;
    font-weight: 600;
}

.ap-page-less-ap_account .table.saved-searches tbody td {
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
}

.ap-page-less-ap_account .table.saved-searches tbody tr:nth-child(even) {
    background: #fafafa;
}

.ap-page-less-ap_account .table.saved-searches tbody tr:hover {
    background: #f3f4f6;
}

.ap-page-less-ap_account .table.saved-searches .actions a {
    margin-right: 8px;
    text-decoration: none;
    font-weight: 500;
}

.ap-page-less-ap_account .table.saved-searches .actions a:hover {
    text-decoration: underline;
}