/*
    Theme Name: 	Sylla Theme Child
    Theme URI: 		https://webacademix.co.il/
    Description: 	The new Sylla child theme.
    Author: 		webacademix.co.il
    Author URI: 	https://webacademix.co.il/
    License: 		GNU General Public License v3 or later
    License URI: 	http://www.gnu.org/licenses/gpl-3.0.html
    Template: 		buddyboss-theme
    Version: 		1.0.0
*/

/* BuddyBoss profile editor override: matches the Infinity Figma account form. */
body.bb-template-v2 .bb-profile-grid #item-body .item-body-inner {
  --sylla-profile-bg: #070624;
  --sylla-profile-text: #ffffff;
  --sylla-profile-accent: #2ef7bf;
  --sylla-profile-info: #6dcff6;
  --sylla-profile-ink: #040417;
  --sylla-profile-button-text: #1e2132;
  --sylla-profile-muted: rgba(255, 255, 255, 0.68);
  --sylla-profile-border-soft: rgba(46, 247, 191, 0.45);
}

body.bb-template-v2 .bb-profile-grid #item-body .profile-header {
  margin: 0 0 30px !important;
  padding: 10px 10px 0 !important;
  border: 0 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  .profile-header
  .bb-profile-title {
  color: var(--sylla-profile-text) !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  .profile-header
  .button.outline {
  min-height: 37px !important;
  padding: 0 18px !important;
  border: 1px solid #f2f4f5 !important;
  border-radius: 7px !important;
  background: #f2f4f5 !important;
  color: var(--sylla-profile-button-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 35px !important;
}

body.bb-template-v2 .bb-profile-grid #item-body .bp-profile-wrapper {
  display: flex !important;
  align-items: stretch !important;
  gap: 25px !important;
}

body.bb-template-v2 .bb-profile-grid #item-body .bp-profile-wrapper #subnav {
  flex: 0 0 205px !important;
  margin: 0 !important;
  padding: 49px 0 0 25px !important;
  border: 0 !important;
  background: transparent !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  .bp-profile-wrapper
  #subnav
  ul.subnav {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.bb-template-v2 .bb-profile-grid #item-body .bp-profile-wrapper #subnav li {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  .bp-profile-wrapper
  #subnav
  li
  a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 48px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 13px 20px !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--sylla-profile-ink) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  .bp-profile-wrapper
  #subnav
  li.current
  a,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  .bp-profile-wrapper
  #subnav
  li.selected
  a {
  background: var(--sylla-profile-info) !important;
  border-color: var(--sylla-profile-info) !important;
  color: #173677 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  .bp-profile-wrapper
  #subnav
  li:not(.current):not(.selected)
  a:hover {
  background: rgba(109, 207, 246, 0.14) !important;
  border-color: rgba(109, 207, 246, 0.22) !important;
  color: var(--sylla-profile-ink) !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  .bp-profile-wrapper
  #subnav
  select.bp-navs__dropdown {
  border-color: var(--sylla-profile-info) !important;
  border-radius: 6px !important;
  color: var(--sylla-profile-ink) !important;
}

body.bb-template-v2 .bb-profile-grid #item-body .bp-profile-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 50px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: var(--sylla-profile-bg) !important;
  color: var(--sylla-profile-text) !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  .bp-profile-content
  .profile.edit,
body.bb-template-v2 .bb-profile-grid #item-body .bp-profile-content .bp-widget,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  .bp-profile-content
  .standard-form {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sylla-profile-text) !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  .bp-profile-content
  .edit-profile-screen {
  margin: 0 0 27px !important;
  color: var(--sylla-profile-text) !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  text-align: right !important;
}

body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(260px, 400px));
  gap: 15px 50px !important;
  width: 100% !important;
}

body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form .editfield {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 5px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sylla-profile-text) !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field_type_radio,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field_type_checkbox,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings,
body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form .submit {
  grid-column: 1 / -1;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field_type_radio,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field_type_checkbox {
  display: flex !important;
}

body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form fieldset {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form legend {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: var(--sylla-profile-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.36px !important;
  text-align: right !important;
  white-space: normal !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field_type_radio
  > fieldset
  > legend,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field_type_checkbox
  > fieldset
  > legend,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings
  legend {
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .bp-required-field-label {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  input[type="text"],
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  input[type="email"],
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  input[type="url"],
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  input[type="password"],
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  input[type="number"],
body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form textarea,
body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form select {
  width: 100% !important;
  min-height: 38px !important;
  padding: 7px 0 7px 45px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sylla-profile-accent) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--sylla-profile-text) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: right !important;
}

body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form select {
  color-scheme: dark;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  input::placeholder,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  textarea::placeholder {
  color: var(--sylla-profile-muted) !important;
  opacity: 1 !important;
}

body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form input:focus,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  textarea:focus,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  select:focus {
  border-bottom-color: var(--sylla-profile-accent) !important;
  box-shadow: 0 1px 0 var(--sylla-profile-accent) !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .input-options {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 15px !important;
  width: 100% !important;
  padding: 3px 0 0 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .radio-button-options
  .bp-radio-wrap {
  position: relative !important;
  margin: 0 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .radio-button-options
  .bs-styled-radio {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .radio-button-options
  .option-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px 45px !important;
  border: 1px solid var(--sylla-profile-accent) !important;
  border-radius: 26px !important;
  background: transparent !important;
  color: var(--sylla-profile-text) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .radio-button-options
  .bs-styled-radio:checked
  + .option-label,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .radio-button-options
  .bs-styled-radio:focus
  + .option-label {
  background: var(--sylla-profile-accent) !important;
  color: #000000 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .checkbox-options,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings
  .radio {
  flex-direction: column !important;
  gap: 12px !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .bp-checkbox-wrap,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings
  .bp-radio-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 22px !important;
  margin: 0 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .checkbox-options
  input,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings
  input[type="radio"] {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .checkbox-options
  label,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings
  label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 32px 0 0 !important;
  color: var(--sylla-profile-text) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: right !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .checkbox-options
  label:before,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings
  label:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border: 1px solid var(--sylla-profile-accent);
  border-radius: 5px;
  background: transparent;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .checkbox-options
  input:checked
  + label:before,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings
  input[type="radio"]:checked
  + label:before {
  background: var(--sylla-profile-accent);
  box-shadow: inset 0 0 0 5px var(--sylla-profile-bg);
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .clear-value {
  display: inline-block !important;
  margin-top: 6px !important;
  color: var(--sylla-profile-info) !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 27px !important;
  margin: 0 !important;
  padding: 4px 0 0 !important;
  color: var(--sylla-profile-info) !important;
  font-size: 12px !important;
  line-height: 27px !important;
  text-align: right !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .current-visibility-level {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--sylla-profile-info) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .current-visibility-level:before {
  content: "\ee69";
  font-family: bb-icons;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  speak: never;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .visibility-toggle-link,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings-close,
body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  input[type="submit"] {
  min-height: 38px !important;
  padding: 1px 21px !important;
  border: 1px solid var(--sylla-profile-accent) !important;
  border-radius: 7px !important;
  background: var(--sylla-profile-accent) !important;
  color: #000000 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 36px !important;
  text-align: center !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .visibility-toggle-link {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sylla-profile-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings {
  width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 17px 0 12px !important;
  border: 0 !important;
  background: transparent !important;
}

body.bb-template-v2
  .bb-profile-grid
  #item-body
  #profile-edit-form
  .field-visibility-settings
  .radio {
  display: flex !important;
  width: 100% !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
}

body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form .submit {
  display: flex !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
}

@media (max-width: 1100px) {
  body.bb-template-v2 .bb-profile-grid #item-body .bp-profile-wrapper {
    flex-direction: column !important;
  }

  body.bb-template-v2 .bb-profile-grid #item-body .bp-profile-wrapper #subnav {
    flex: 0 0 auto !important;
    width: 100% !important;
    padding: 0 !important;
  }

  body.bb-template-v2
    .bb-profile-grid
    #item-body
    .bp-profile-wrapper
    #subnav
    ul.subnav {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  body.bb-template-v2
    .bb-profile-grid
    #item-body
    .bp-profile-wrapper
    #subnav
    li {
    width: auto !important;
  }
}

@media (max-width: 760px) {
  body.bb-template-v2 .bb-profile-grid #item-body .profile-header {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body.bb-template-v2
    .bb-profile-grid
    #item-body
    .profile-header
    .bb-profile-title {
    font-size: 26px !important;
  }

  body.bb-template-v2 .bb-profile-grid #item-body .bp-profile-content {
    padding: 28px 20px !important;
  }

  body.bb-template-v2 .bb-profile-grid #item-body #profile-edit-form {
    grid-template-columns: 1fr;
    gap: 18px !important;
  }

  body.bb-template-v2
    .bb-profile-grid
    #item-body
    #profile-edit-form
    .radio-button-options
    .option-label {
    width: 100% !important;
    padding-right: 22px !important;
    padding-left: 22px !important;
  }

  body.bb-template-v2
    .bb-profile-grid
    #item-body
    #profile-edit-form
    .radio-button-options
    .bp-radio-wrap {
    width: 100% !important;
  }
}

.bs-styled-radio + .bb-radio-label:before,
.bs-styled-radio + label:before {
  content: unset;
}

.bb-template-v2
  #page
  #buddypress
  #item-body
  .bp-profile-wrapper
  #subnav
  a:before,
.bb-template-v2 .bp-search-results-wrapper .bp-navs a:before {
  color: var(--sylla-profile-accent);
}