/* EasyFind authentication and account UI. Keep this layer isolated from archives. */

body.hp-template--user-login-page,
body.page-template-templatesregistration-1st-step-page-template-php,
body.hp-template--user-edit-settings-page {
    background:
        radial-gradient(circle at 8% 32%, rgba(5, 84, 242, .08), transparent 30%),
        radial-gradient(circle at 92% 54%, rgba(5, 84, 242, .06), transparent 32%),
        #f7faff;
}

.ef-auth-page,
body.hp-template--user-login-page .content-area {
    padding: 28px 16px 32px;
}

body.hp-template--user-login-page .site-main,
body.hp-template--user-login-page .hp-row {
    width: 100%;
    max-width: none;
    margin: 0;
}

.ef-auth {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
    align-items: stretch;
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    min-height: 570px;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #dce5f2;
    border-radius: 18px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 18px 48px rgba(23, 47, 88, .09);
}

div.auth__page.ef-auth {
    align-items: stretch;
}

body.hp-template--user-login-page .ef-auth.hp-col-sm-4 {
    flex: 0 1 1080px !important;
    flex-basis: 1080px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.ef-auth--login {
    grid-template-rows: auto auto 1fr;
}

.ef-auth--login > .ef-auth__intro {
    grid-column: 1;
    grid-row: 1 / 4;
}

.ef-auth__container {
    display: contents;
}

.ef-auth__intro {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 46px 48px 36px;
    overflow: hidden;
    border-right: 1px solid #dce5f2;
    background: linear-gradient(145deg, #fff 0%, #f4f8ff 68%, #edf4ff 100%);
}

.ef-auth__eyebrow {
    margin: 0 0 7px;
    color: #0554f2;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ef-auth__intro h1 {
    max-width: 15ch;
    margin: 0 0 12px;
    color: #0b1934;
    font-size: clamp(34px, 3.4vw, 46px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.ef-auth__intro-copy > p:last-child {
    max-width: 44ch;
    margin: 0;
    color: #526177;
    font-size: 15px;
    line-height: 1.55;
}

.ef-auth__benefits {
    display: grid;
    gap: 17px;
    margin-top: 34px;
}

.ef-auth__benefit {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
}

.ef-auth__benefit-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #0554f2;
    background: #eaf1ff;
    font-size: 23px;
}

.ef-auth__benefit strong,
.ef-auth__benefit small {
    display: block;
}

.ef-auth__benefit strong {
    margin-bottom: 2px;
    color: #14213a;
    font-size: 14px;
    line-height: 1.3;
}

.ef-auth__benefit small {
    color: #66758a;
    font-size: 12px;
    line-height: 1.4;
}

.ef-auth__illustration {
    position: relative;
    width: min(86%, 390px);
    height: 120px;
    margin: auto auto -36px;
    border: 1px solid #d7e4fb;
    border-radius: 18px 18px 0 0;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 30px rgba(5, 84, 242, .08);
    transform: rotate(-2deg);
}

.ef-auth__illustration::before,
.ef-auth__illustration::after,
.ef-auth__illustration span {
    position: absolute;
    content: "";
    border-radius: 999px;
    background: #dbe7fc;
}

.ef-auth__illustration::before { top: 24px; left: 26px; width: 90px; height: 10px; background: #0554f2; }
.ef-auth__illustration::after { top: 48px; left: 26px; width: 150px; height: 8px; }
.ef-auth__illustration span:nth-child(1) { top: 71px; left: 26px; width: 116px; height: 8px; }
.ef-auth__illustration span:nth-child(2) { top: 25px; right: 24px; width: 74px; height: 74px; border-radius: 16px; background: linear-gradient(145deg, #2f74ff, #0554f2); }
.ef-auth__illustration span:nth-child(3) { top: 48px; right: 46px; width: 30px; height: 30px; border-radius: 4px; background: rgba(255,255,255,.8); transform: rotate(45deg); }

.ef-auth__form-panel,
.ef-auth--login > :not(.ef-auth__intro) {
    min-width: 0;
}

.ef-auth__form-panel,
.ef-auth--login {
    color: #14213a;
}

.ef-auth__form-panel {
    padding: 38px 46px;
    align-self: center;
}

.ef-auth--login > .hp-page__title,
.ef-auth--login > .hp-form__action,
.ef-auth--login > .hp-form {
    grid-column: 2;
    margin-right: 46px;
    margin-left: 46px;
}

.ef-auth--login > .hp-page__title {
    grid-row: 1;
    align-self: start;
    margin-top: 42px;
    margin-bottom: 6px;
    color: #0b1934;
    font-size: 30px !important;
    line-height: 1.15;
}

.ef-auth--login > .hp-form__action {
    grid-row: 2;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
}

.ef-auth--login > .hp-form {
    grid-row: 3;
    align-self: start;
    margin-bottom: 42px;
}

.ef-auth .title--03,
.ef-auth__form-panel > h1 {
    margin: 0 0 6px;
    color: #0b1934;
    font-size: 30px;
    line-height: 1.15;
}

.ef-auth .title--04 {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.4;
}

.ef-auth .form__link,
.ef-auth .hp-form__action a,
.ef-auth a.hp-form__action {
    color: #0554f2;
    text-decoration: none;
}

.ef-auth .auth__btns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.ef-auth .auth__btns .btn,
.ef-auth .form__btn,
.ef-auth .hp-field--submit {
    min-height: 44px;
    border-radius: 8px !important;
    font-size: 14px;
    font-weight: 700;
}

.ef-auth .auth__btns .btn--01 {
    color: #fff !important;
    border: 1px solid #0554f2 !important;
    background: #0554f2 !important;
}

.ef-auth .auth__btns .btn--02 {
    color: #0554f2 !important;
    border: 1px solid #a9c3ff !important;
    background: #fff !important;
}

.ef-auth .form-field,
.ef-auth .hp-form__field {
    margin-bottom: 15px;
}

.ef-auth .form-field__label,
.ef-auth .hp-form__label {
    display: block;
    margin-bottom: 6px;
    color: #25334b;
    font-size: 13px;
    font-weight: 600;
}

.ef-auth .form-field__input,
.ef-auth .hp-field:not([type="submit"]) {
    min-height: 44px;
    border: 1px solid #d5deeb;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
}

.ef-auth .hp-social-links__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0 0 16px;
    border: 1px solid #d5deeb !important;
    border-radius: 8px !important;
    color: #25334b !important;
    background: #fff !important;
    box-shadow: none !important;
}

.ef-auth .hp-form__footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ef-auth .hp-form__actions {
    text-align: right;
}

/* Account page */
body.hp-template--user-edit-settings-page .site-content,
body.hp-template--user-edit-settings-page .content-area {
    background: transparent;
}

body .ef-account-layout.container {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    min-height: calc(100vh - 180px);
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 24px;
    padding-bottom: 40px;
}

body .ef-account-layout > .hp-page__sidebar {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    align-self: flex-start;
    padding: 12px 0;
    overflow: hidden;
    border: 1px solid #dce5f2;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(23, 47, 88, .05);
}

body .ef-account-layout > .hp-page__sidebar > div:first-child {
    max-width: none;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account ul {
    margin: 0;
    padding: 0;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account ul .hp-menu__item a {
    display: flex;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    min-height: 46px;
    align-items: center;
    justify-content: flex-start !important;
    gap: 12px;
    padding: 13px 18px;
    color: #25334b;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    white-space: nowrap;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account ul .hp-menu__item a::after {
    display: none !important;
    content: none !important;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account .hp-menu__item {
    min-width: 0;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account ul .hp-menu__item.hp-menu__item--current {
    border-left: 3px solid #0554f2;
    background: #eef4ff;
}

body .ef-account-layout .hp-menu--user-account .hp-menu__item > a::before {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: currentColor;
    content: "";
    -webkit-mask: var(--ef-account-menu-icon) center / contain no-repeat;
    mask: var(--ef-account-menu-icon) center / contain no-repeat;
}

body .ef-account-layout .hp-menu__item--easyfind-vendor-preview,
body .ef-account-layout .hp-menu__item--easyfind_vendor_preview {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M8 22h8M12 18v4'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--payouts-view,
body .ef-account-layout .hp-menu__item--payouts_view {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--listings-edit,
body .ef-account-layout .hp-menu__item--listings_edit {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4' cy='6' r='1'/%3E%3Ccircle cx='4' cy='12' r='1'/%3E%3Ccircle cx='4' cy='18' r='1'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--listings-favorite,
body .ef-account-layout .hp-menu__item--listings_favorite {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21l7.8-7.5 1.1-1.1a5.5 5.5 0 0 0-.1-7.8Z'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--listings-feed,
body .ef-account-layout .hp-menu__item--listings_feed {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--messages-thread,
body .ef-account-layout .hp-menu__item--messages_thread {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--orders-view,
body .ef-account-layout .hp-menu__item--orders_view,
body .ef-account-layout .hp-menu__item--orders-edit,
body .ef-account-layout .hp-menu__item--orders_edit,
body .ef-account-layout .hp-menu__item--memberships-view,
body .ef-account-layout .hp-menu__item--memberships_view,
body .ef-account-layout .hp-menu__item--subscriptions-view,
body .ef-account-layout .hp-menu__item--subscriptions_view {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--user-edit-settings,
body .ef-account-layout .hp-menu__item--user_edit_settings {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-1.6v-.2h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1Z'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--renew-subscription,
body .ef-account-layout .hp-menu__item--renew_subscription {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7v5h-5M4 17v-5h5'/%3E%3Cpath d='M6.1 8a7 7 0 0 1 11.7-2L20 8M4 16l2.2 2a7 7 0 0 0 11.7-2'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--vendor-dashboard,
body .ef-account-layout .hp-menu__item--vendor_dashboard,
body .ef-account-layout .hp-menu__item--user-listing-packages-view,
body .ef-account-layout .hp-menu__item--user_listing_packages_view {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M8 22h8M12 18v4'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--user-logout,
body .ef-account-layout .hp-menu__item--user_logout {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--user-logout > a,
body .ef-account-layout .hp-menu__item--user_logout > a {
    color: #ef3f45 !important;
}

body .ef-account-layout > .hp-page__content {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    flex: none !important;
    padding: 0 !important;
}

body.hp-template--user-edit-settings-page .hp-page__content.account_settings_page {
    min-width: 0;
}

body.hp-template--user-edit-settings-page .ef-account-layout > .hp-page__content > .hp-page__title,
body.hp-template--user-edit-settings-page .ef-account-layout .account_settings_page > .hp-page__title {
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #14213a !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.ef-account-form .hp-form__fields,
.account_settings_page .hp-form__fields:has(> .ef-account-section) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}

.ef-account-section {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 18px;
    width: 100%;
    padding: 18px 20px;
    border: 1px solid #dce5f2;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(23, 47, 88, .04);
}

.ef-account-section__title {
    margin: 0;
    color: #25334b;
    font-size: 17px;
    line-height: 1.35;
}

.ef-account-section__body {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 20px;
    min-width: 0;
}

.ef-account-form .hp-form__field {
    min-width: 0;
}

.ef-account-form .hp-field__label,
.ef-account-form .hp-form__label {
    position: static !important;
    display: block !important;
    margin: 0 0 7px !important;
    color: #25334b;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left !important;
    transform: none !important;
}

.ef-account-form .hp-field,
.ef-account-form .form-field__input,
.ef-account-form input,
.ef-account-form select,
.ef-account-form textarea,
.ef-account-form .iti,
.ef-account-form .select2,
.ef-account-form .wp-editor-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.ef-account-form small {
    display: block;
    margin-top: 6px;
    color: #8090a8;
    font-size: 11px;
    line-height: 1.4;
}

.ef-account-form .hp-form__field--password {
    position: relative;
}

.ef-account-form .hp-form__field--password .hp-field--password {
    padding-right: 44px;
}

.ef-account-form .hp-form__field--password .hp-field__icon {
    position: absolute;
    right: 12px;
    bottom: 11px;
    z-index: 2;
    display: inline-flex !important;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.ef-account-section__body > * {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

.ef-account-section--profile {
    grid-template-columns: 180px minmax(0, 1fr);
}

.ef-account-section--profile .ef-account-section__title {
    grid-column: 1;
    grid-row: 1;
}

.ef-account-section--profile .ef-account-section__body {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: 180px repeat(3, minmax(0, 1fr));
}

.ef-account-section--profile .ef-account-field--image {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    text-align: center;
}

.ef-account-section--profile .ef-account-field--image .hp-row {
    margin: 0 !important;
}

.ef-account-section--profile .ef-account-field--image .hp-row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

.ef-account-section--profile .ef-account-field--image picture,
.ef-account-section--profile .ef-account-field--image img {
    display: block;
    width: 116px !important;
    height: 116px !important;
    margin: 0 auto 12px;
    border-radius: 50%;
    object-fit: cover;
}

.ef-account-section--profile .ef-account-field--image label,
.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload label {
    float: none !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 0;
    min-height: 0;
    align-items: center;
    justify-content: center;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}

.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload label > button {
    width: 116px !important;
    min-width: 116px !important;
    min-height: 52px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload label > button span {
    white-space: nowrap;
}

.ef-account-section--profile .ef-account-field--languages {
    align-self: end;
}

.ef-account-section--profile .ef-account-field--languages .select2-selection,
.ef-account-section--profile .ef-account-field--languages .hp-field {
    min-height: 42px;
}

.ef-account-section--security .ef-account-section__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ef-account-section--social .ef-account-section__body,
.ef-account-section--description .ef-account-section__body,
.ef-account-section--social .ef-account-social-fields {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
}

.ef-account-section--social .ef-account-social-fields__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 20px;
    width: 100%;
}

.ef-account-section--social .ef-account-field .hp-field {
    padding-left: 44px !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 20px 20px !important;
}

.ef-account-section--social .ef-account-field--social-facebook .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b5cff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 8h3V4h-3a5 5 0 0 0-5 5v3H6v4h3v6h4v-6h3l1-4h-4V9a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-field--social-instagram .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1306c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='%23e1306c' stroke='none'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-field--social-whatsapp .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2325d366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4.1A8 8 0 1 1 20 11.5Z'/%3E%3Cpath d='M9 8.5c.5 2.7 1.8 4 4.5 5l1.5-1.2 2 1.3c-.4 1.5-1.4 2.4-3 2.4-3.5 0-6-2.5-6-6 0-.8.3-1.3 1-1.5Z'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-field--social-telegram .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2329a9ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 3-7.5 18-4.2-7.2L3 10.5 21 3Z'/%3E%3Cpath d='m9.3 13.8 4.5-4.1'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-field--social-tiktok .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v11.5a4.5 4.5 0 1 1-4-4.47'/%3E%3Cpath d='M14 3c.6 3 2.3 4.7 5 5'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-social-fields,
.ef-account-section--description .ef-account-field--description {
    grid-column: 1 / -1 !important;
}

.ef-account-form > .hp-form__footer {
    display: flex;
    justify-content: center;
    padding: 14px 0 0;
}

.ef-account-form > .hp-form__footer .hp-field--submit {
    width: min(100%, 420px);
    min-height: 44px;
    border-radius: 8px;
}

/* Account listings and conversations. */
body.hp-template--listings-edit-page .hp-page__content,
body.hp-template--messages-thread-page .hp-page__content {
    min-width: 0;
}

body.hp-template--listings-edit-page .hp-page__title,
body.hp-template--messages-thread-page .hp-page__title {
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #14213a !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
}

.ef-account-listings,
.ef-account-messages {
    min-width: 0;
    padding: 24px;
    border: 1px solid #dce5f2;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(23, 47, 88, .05);
}

.ef-account-table-head,
.ef-account-listings .hp-listing--edit-block {
    display: grid;
    grid-template-columns: minmax(300px, 2.2fr) minmax(180px, 1fr) minmax(120px, .7fr) minmax(190px, .9fr);
    gap: 22px;
    align-items: center;
}

.ef-account-table-head {
    padding: 0 0 18px;
    border-bottom: 1px solid #dce5f2;
    color: #718096;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.ef-account-listings .hp-listings.hp-table {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 14px;
}

.ef-account-listings .hp-listings.hp-table tbody,
.ef-account-messages .hp-messages.hp-table tbody {
    display: block;
    width: 100%;
}

.ef-account-listings .hp-listing--edit-block {
    width: 100%;
    padding: 18px 0;
    border: 0;
    border-bottom: 1px solid #dce5f2;
}

.ef-account-listings .hp-listing--edit-block:last-child {
    border-bottom: 0;
}

.ef-account-listings .hp-listing--edit-block > td {
    display: block;
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
}

.ef-account-listing-summary {
    display: flex !important;
    align-items: center;
    gap: 16px;
}

.ef-account-listing-summary__image {
    width: 84px;
    height: 72px;
    flex: 0 0 84px;
    border-radius: 8px;
    background: #edf2f8;
    object-fit: cover;
}

.ef-account-listing-summary__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}

.ef-account-listing-summary__title {
    display: -webkit-box;
    overflow: hidden;
    color: #162238 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ef-account-listing-status {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border: 1px solid #a7e7c2;
    border-radius: 999px;
    background: #effcf4;
    color: #13a45a;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.ef-account-listing-status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.ef-account-listing-status--pending {
    border-color: #ffd6a8;
    background: #fff8ed;
    color: #d97706;
}

.ef-account-listing-status--draft {
    border-color: #d9e0ea;
    background: #f7f9fc;
    color: #64748b;
}

.ef-account-listings .hp-listing__categories,
.ef-account-listings .hp-listing__created-date {
    color: #46546a;
    font-size: 13px;
    line-height: 1.45;
}

.ef-account-listings .hp-listing__actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.ef-account-listing-edit,
.ef-account-listings .hp-listing__action--view {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none !important;
}

.ef-account-listing-edit {
    width: 48px;
    border: 1px solid #d6dfec;
    color: #17243a;
    background: #fff;
}

.ef-account-listing-edit svg {
    width: 20px;
    height: 20px;
}

.ef-account-listings .hp-listing__action--view {
    min-width: 110px;
    padding: 0 18px;
    border: 1px solid #0554f2;
    background: #0554f2;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
}

.ef-account-listing-edit:hover,
.ef-account-listing-edit:focus-visible,
.ef-account-listings .hp-listing__action--view:hover,
.ef-account-listings .hp-listing__action--view:focus-visible {
    box-shadow: 0 5px 14px rgba(5, 84, 242, .18);
    transform: translateY(-1px);
}

.ef-account-listings__add {
    display: flex;
    justify-content: center;
    padding-top: 28px;
}

.ef-account-add-link {
    display: inline-flex;
    min-width: 320px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 24px;
    border: 1px dashed #77a8ff;
    border-radius: 9px;
    color: #0554f2 !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
}

.ef-account-add-link span { font-size: 26px; font-weight: 400; }

.ef-account-messages__toolbar {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #dce5f2;
}

.ef-account-message-search {
    position: relative;
    display: block;
    width: min(100%, 330px);
}

.ef-account-message-search i {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 1;
    color: #617086;
    transform: translateY(-50%);
}

.ef-account-message-search input,
.ef-account-messages__toolbar select {
    width: 100%;
    min-height: 42px;
    margin: 0;
    border: 1px solid #d6dfec;
    border-radius: 9px;
    background: #fff;
    color: #25334b;
    font-size: 13px;
}

.ef-account-message-search input { padding: 0 16px 0 44px; }
.ef-account-messages__toolbar select { width: 180px; padding: 0 38px 0 16px; }

.ef-account-messages .hp-messages.hp-table {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.ef-account-messages .hp-message--thread-block {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px 44px;
    gap: 18px;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid #dce5f2;
}

.ef-account-messages .hp-message--thread-block:last-child { border-bottom: 0; }
.ef-account-messages .hp-message--thread-block > td { display: block; min-width: 0; padding: 0 !important; border: 0 !important; }

.ef-account-message-summary__link {
    display: grid !important;
    grid-template-columns: 42px 8px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    color: #17243a !important;
    text-decoration: none !important;
}

.ef-account-message-summary__avatar {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    background: #eef4ff;
    color: #0554f2;
}

.ef-account-message-summary__avatar img { width: 100%; height: 100%; object-fit: cover; }
.ef-account-message-summary__unread { width: 8px; height: 8px; border-radius: 50%; background: #0554f2; }
.ef-account-message-summary__copy { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.ef-account-message-summary__copy strong,
.ef-account-message-summary__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ef-account-message-summary__copy strong { color: #17243a; font-size: 14px; line-height: 1.35; }
.ef-account-message-summary__copy small { color: #77849a; font-size: 12px; font-weight: 400; }

.ef-account-message-date time {
    display: flex;
    flex-direction: column;
    color: #6f7d92;
    font-size: 13px;
    line-height: 1.4;
}

.ef-account-message-date small { font-size: inherit; }
.ef-account-messages .hp-message__actions { text-align: right; }
.ef-account-messages .easyfind-thread-hide { width: 40px; height: 40px; padding: 0; font-size: 18px; }
.ef-account-messages__empty { margin: 18px 0 0; color: #718096; font-size: 13px; }

@media (max-width: 1180px) {
    .ef-account-table-head,
    .ef-account-listings .hp-listing--edit-block {
        grid-template-columns: minmax(260px, 1.8fr) minmax(150px, 1fr) 100px 170px;
        gap: 16px;
    }
}

@media (max-width: 900px) {
    .ef-auth {
        grid-template-columns: 1fr;
        width: min(100%, 620px) !important;
    }

    .ef-auth--login {
        grid-template-rows: none;
    }

    .ef-auth--login > .ef-auth__intro {
        grid-column: 1;
        grid-row: auto;
        order: 1;
    }

    .ef-auth__intro {
        padding: 32px 34px;
        border-right: 0;
        border-bottom: 1px solid #dce5f2;
    }

    .ef-auth__intro h1 { font-size: 34px; }
    .ef-auth__benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ef-auth__benefit { grid-template-columns: 38px minmax(0, 1fr); align-items: start; }
    .ef-auth__benefit-icon { width: 38px; height: 38px; font-size: 19px; }
    .ef-auth__illustration { display: none; }

    .ef-auth--login > .hp-page__title,
    .ef-auth--login > .hp-form__action,
    .ef-auth--login > .hp-form {
        grid-column: 1;
        grid-row: auto;
        margin-right: 34px;
        margin-left: 34px;
    }

    .ef-auth--login > .hp-page__title { order: 2; margin-top: 30px; }
    .ef-auth--login > .hp-form__action { order: 3; }
    .ef-auth--login > .hp-form { order: 4; }
    .ef-account-section { grid-template-columns: 1fr; }
    .ef-account-section__body { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    body .ef-account-layout.container {
        grid-template-columns: 1fr;
        gap: 20px;
        min-height: 0;
    }

    body .ef-account-layout > .hp-page__sidebar,
    body .ef-account-layout > .hp-page__content {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ef-account-table-head { display: none; }
    .ef-account-listings { padding: 16px; }
    .ef-account-listings .hp-listing--edit-block {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px 16px;
        align-items: start;
        padding: 18px 0;
    }
    .ef-account-listing-summary { grid-column: 1 / -1; }
    .ef-account-listings .hp-listing__categories,
    .ef-account-listings .hp-listing__created-date { padding-left: 100px !important; }
    .ef-account-listings .hp-listing__actions { grid-column: 2; grid-row: 2 / span 2; }
}

@media (max-width: 640px) {
    .ef-auth-page,
    body.hp-template--user-login-page .content-area { padding: 16px 8px 24px; }

    .ef-auth { min-height: 0; border-radius: 14px; }
    .ef-auth__intro { padding: 26px 22px; }
    .ef-auth__intro h1 { font-size: 29px; }
    .ef-auth__intro-copy > p:last-child { font-size: 14px; }
    .ef-auth__benefits { grid-template-columns: 1fr; gap: 12px; margin-top: 22px; }
    .ef-auth__benefit small { font-size: 11px; }
    .ef-auth__form-panel { padding: 26px 22px; }

    .ef-auth--login > .hp-page__title,
    .ef-auth--login > .hp-form__action,
    .ef-auth--login > .hp-form {
        margin-right: 22px;
        margin-left: 22px;
    }

    .ef-auth--login > .hp-page__title {
        font-size: 28px !important;
    }

    .ef-auth .auth__btns { grid-template-columns: 1fr 1fr; }
    .ef-registration__social-fields { grid-template-columns: 1fr; }

    .ef-account-section { padding: 16px; }
    .ef-account-section__body,
    .ef-account-section--security .ef-account-section__body,
    .ef-account-section--social .ef-account-section__body,
    .ef-account-section--social .ef-account-social-fields,
    .ef-account-section--social .ef-account-social-fields__grid {
        grid-template-columns: 1fr;
    }

    .ef-account-section--profile .ef-account-field--image { grid-row: auto !important; }

    body.hp-template--listings-edit-page .hp-page__title,
    body.hp-template--messages-thread-page .hp-page__title { margin-bottom: 16px !important; font-size: 28px !important; }
    .ef-account-listings,
    .ef-account-messages { padding: 14px; border-radius: 10px; }
    .ef-account-listing-summary__image { width: 72px; height: 64px; flex-basis: 72px; }
    .ef-account-listings .hp-listing__categories,
    .ef-account-listings .hp-listing__created-date { padding-left: 88px !important; font-size: 12px; }
    .ef-account-listings .hp-listing__actions { grid-column: 1 / -1; grid-row: auto; padding-left: 88px !important; justify-content: flex-start; }
    .ef-account-listings .hp-listing__action--view { min-width: 104px; }
    .ef-account-add-link { width: 100%; min-width: 0; }

    .ef-account-messages__toolbar { align-items: stretch; flex-direction: column; gap: 10px; }
    .ef-account-message-search,
    .ef-account-messages__toolbar select { width: 100%; max-width: none; }
    .ef-account-messages .hp-message--thread-block {
        grid-template-columns: minmax(0, 1fr) 40px;
        gap: 8px;
    }
    .ef-account-message-summary { grid-column: 1 / -1; }
    .ef-account-message-date { padding-left: 60px !important; }
    .ef-account-messages .hp-message__actions { grid-column: 2; grid-row: 2; }
    .ef-account-message-summary__copy strong { font-size: 13px; }
}