/**
 * NS Profile Builder - Profile Edit (Full)
 *
 * The Profile Edit widget reuses the Expert Register UI (register.css)
 * to match the live website look & feel.
 * This file contains only a few additions specific to edit mode.
 */

/* Avatar placeholder (when there is no image yet). */
.ns-expert-register-wrapper .ns-avatar-placeholder {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    position: relative !important;
}

.ns-expert-register-wrapper .ns-avatar-placeholder:before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    margin: auto !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: #e9e9e9 !important;
}

.ns-expert-register-wrapper .ns-avatar-placeholder:after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    margin: auto !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateY(-10px) !important;
    border-radius: 50% !important;
    background: #cfcfcf !important;
    box-shadow: 0 26px 0 10px #cfcfcf !important;
}

/* Make sure the first section (CV) respects the same spacing in edit mode */
.ns-expert-register-wrapper .ns-profile-edit-form .ns-expert-section {
    direction: rtl !important;
}


/* NS Fullwidth Fix */
/* Prevent layout break / overflow */
.ns-profile-edit-wrapper{
  width: 100% !important;
  max-width: 100% !important;
  left: auto !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  position: relative !important;
  box-sizing: border-box !important;
  overflow-x: hidden;
}

/* Optional true full viewport width without shifting */
.ns-profile-edit-wrapper.ns-fullwidth{
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.ns-profile-edit-wrapper .ns-profile-edit-container,
.ns-profile-edit-wrapper .ns-profile-edit-form{
  width: 100% !important;
  max-width: 100% !important;
}

.ns-profile-edit-wrapper .select2-container{
  width: 100% !important;
}