.e24-account-switch {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    gap: 0;
}
.e24-account-type {
    flex: 1 1 50%;
    border: 1px solid #d8dce1;
    background: #fff;
    padding: 11px 14px;
    cursor: pointer;
    font-weight: 600;
}
.e24-account-type:first-child {
    border-radius: 4px 0 0 4px;
}
.e24-account-type:last-child {
    border-radius: 0 4px 4px 0;
    border-left: 0;
}
.e24-account-type.is-active {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}
.e24-registration-extension [hidden] {
    display: none !important;
}


/* Match Emlak24 registration fields to the native E24 field layout. */
.e24-registration-extension .form-group-field.e24-icon-field {
    position: relative;
}

.e24-registration-extension .e24-field-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
    font-size: 18px;
    line-height: 1;
    opacity: .65;
}

.e24-registration-extension .e24-icon-field .form-control {
    padding-left: 42px;
}

.e24-registration-extension select.form-control {
    min-height: 43px;
    height: 43px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 43px;
    vertical-align: middle;
}

.e24-registration-extension input.form-control {
    min-height: 43px;
}

.e24-registration-extension select.form-control option {
    line-height: normal;
}


/* Emlak24 Core 0.3.3 — force consistent E24-like field alignment. */
.e24-registration-extension .form-group-field.e24-icon-field {
    position: relative !important;
}

.e24-registration-extension .e24-field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    pointer-events: none !important;
    opacity: .62 !important;
}

.e24-registration-extension .e24-field-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
}

.e24-registration-extension .e24-icon-field > .form-control {
    box-sizing: border-box !important;
    height: 43px !important;
    min-height: 43px !important;
    padding-left: 42px !important;
    padding-right: 34px !important;
    margin: 0 !important;
}

/* Native select rendering differs slightly between browsers.
   These values visually center the selected text inside the 43px E24 field. */
.e24-registration-extension .e24-icon-field > select.form-control {
    line-height: 21px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    vertical-align: middle !important;
    background-position-y: center !important;
}

.e24-registration-extension .e24-icon-field > input.form-control {
    line-height: 21px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.e24-registration-extension .form-group {
    margin-bottom: 0 !important;
}


/* Emlak24 Core 0.3.4
   IMPORTANT:
   The custom Emlak24 field groups are moved by JS into the native E24
   register form stack. Therefore the styling must target the full register
   form instead of only .e24-registration-extension. */

#e24_register_form .e24-icon-field {
    position: relative !important;
}

#e24_register_form .e24-field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    pointer-events: none !important;
    opacity: .62 !important;
    overflow: hidden !important;
    line-height: 1 !important;
    font-size: 0 !important;
}

#e24_register_form .e24-field-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;
    fill: currentColor !important;
}

#e24_register_form .e24-icon-field > .form-control {
    box-sizing: border-box !important;
    height: 43px !important;
    min-height: 43px !important;
    padding-left: 42px !important;
    padding-right: 34px !important;
    margin: 0 !important;
}

#e24_register_form .e24-icon-field > select.form-control {
    line-height: 21px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    vertical-align: middle !important;
    background-position-y: center !important;
}

#e24_register_form .e24-icon-field > input.form-control {
    line-height: 21px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Keep spacing consistent after reordering */
#e24_register_form .register-form-wrap .form-group {
    margin-bottom: 0 !important;
}


/* Emlak24 Core 0.4.9 — native country code + mobile field */
#e24_register_form .phone-field.e24-mobile-field {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
}

#e24_register_form .phone-field.e24-mobile-field::before,
#e24_register_form .phone-field.e24-mobile-field:before {
    display: none !important;
    content: none !important;
}

#e24_register_form .e24-mobile-field .e24-phone-country-select {
    flex: 0 0 44% !important;
    width: 44% !important;
    min-width: 0 !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding-left: 12px !important;
    padding-right: 30px !important;
    font-size: 14px !important;
}

#e24_register_form .e24-mobile-field input[name="phone_number"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding-left: 12px !important;
}

@media (max-width: 480px) {
    #e24_register_form .e24-mobile-field .e24-phone-country-select {
        flex-basis: 46% !important;
        width: 46% !important;
        font-size: 13px !important;
    }
}


/* Emlak24 Core 0.4.10 — phone row visual correction */
#e24_register_form .phone-field.e24-mobile-field::before,
#e24_register_form .phone-field.e24-mobile-field::after,
#e24_register_form .phone-field.e24-mobile-field:before,
#e24_register_form .phone-field.e24-mobile-field:after {
    display: none !important;
    content: none !important;
}

#e24_register_form .phone-field.e24-mobile-field > i,
#e24_register_form .phone-field.e24-mobile-field > span[class*="icon"],
#e24_register_form .phone-field.e24-mobile-field > [class*="e24-icon"] {
    display: none !important;
}

#e24_register_form .e24-mobile-field .e24-phone-country-select,
#e24_register_form .e24-mobile-field input[name="phone_number"] {
    background-image: none !important;
    box-sizing: border-box !important;
}

#e24_register_form .e24-mobile-field .e24-phone-country-select {
    padding-left: 12px !important;
    text-indent: 0 !important;
}

#e24_register_form .e24-mobile-field input[name="phone_number"] {
    padding-left: 16px !important;
}


/* ==========================================================
   Emlak24 Core 0.4.14
   Registration modal header
   ========================================================== */
#login-register-form .modal-header {
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
}

#login-register-form .modal-header .login-register-tabs {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
}

#login-register-form #loginRegisterTabs {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
}

#login-register-form #loginRegisterTabs > .nav-item {
    flex: 1 1 50% !important;
    width: 50% !important;
    max-width: none !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

#login-register-form .modal-header > .btn.close {
    flex: 0 0 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    margin-left: 0 !important;
}

/* ==========================================================
   Province / District / Neighborhood placeholders
   ========================================================== */
#e24_register_form select.e24-select-placeholder {
    color: #7c828a !important;
}

#e24_register_form select.e24-select-placeholder option {
    color: #333 !important;
}

#e24_register_form select.e24-select-placeholder option[value=""] {
    color: #7c828a !important;
}

#e24_register_form #e24_district:disabled,
#e24_register_form #e24_neighborhood:disabled {
    opacity: 1 !important;
    color: #7c828a !important;
    background-color: #fff !important;
    cursor: not-allowed !important;
}

/* ==========================================================
   International telephone field
   ========================================================== */
#e24_register_form .phone-field.e24-mobile-field {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

#e24_register_form .phone-field.e24-mobile-field::before,
#e24_register_form .phone-field.e24-mobile-field::after {
    display: none !important;
    content: none !important;
}

#e24_register_form .e24-phone-field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9 !important;
    pointer-events: none !important;
    opacity: .62 !important;
}

#e24_register_form .e24-phone-field-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready > .iti {
    display: block !important;
    width: 100% !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready input[name="phone_number"] {
    width: 100% !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 12px !important;
}

/* Reserve the first area for Emlak24's phone icon, then let intl-tel-input
   render the flag, country selector arrow and calling code. */
#e24_register_form .phone-field.e24-phone-iti-ready .iti__country-container {
    left: 37px !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready .iti__selected-country {
    min-height: 43px !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready .iti__selected-country-primary {
    padding-left: 4px !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready input[name="phone_number"] {
    padding-left: 142px !important;
}

/* Before a country is chosen show a simple grey "Country" prompt.
   After selection intl-tel-input displays the selected flag and dial code. */
#e24_register_form .phone-field.e24-phone-country-empty .iti__selected-country-primary::after {
    content: "Country";
    display: inline-block;
    margin-left: 6px;
    color: #7c828a;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

#e24_register_form .phone-field.e24-phone-country-empty .iti__selected-dial-code {
    display: none !important;
}

/* Force the desktop dropdown inside the Bootstrap modal above all modal
   content. 0.4.4 used a floating body-level dropdown which was unreliable
   in this E24 modal. */
#login-register-form .iti__dropdown-content,
#login-register-form .iti__country-list {
    z-index: 20050 !important;
}

#login-register-form .iti__dropdown-content {
    max-width: min(420px, calc(100vw - 32px)) !important;
}

/* Fallback native country select if intl-tel-input is unavailable. */
#e24_register_form .phone-field.e24-mobile-field:not(.e24-phone-iti-ready) {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding-left: 38px !important;
}

#e24_register_form .phone-field.e24-mobile-field:not(.e24-phone-iti-ready) .e24-phone-country-select {
    flex: 0 0 42% !important;
    width: 42% !important;
    min-width: 0 !important;
    height: 43px !important;
}

#e24_register_form .phone-field.e24-mobile-field:not(.e24-phone-iti-ready) input[name="phone_number"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 43px !important;
    padding-left: 12px !important;
}

@media (max-width: 480px) {
    #e24_register_form .phone-field.e24-phone-iti-ready input[name="phone_number"] {
        padding-left: 132px !important;
    }
}


/* ==========================================================
   Emlak24 Core 0.4.16 — Turkish phone default/alignment
   ========================================================== */

/* Override an older broad E24/Emlak24 rule that hid any direct child
   span whose class contained "icon". That also hid our phone handset. */
#e24_register_form .phone-field.e24-mobile-field > span.e24-phone-field-icon {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: .62 !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    z-index: 20 !important;
}

/* One visual line:
   handset | flag | arrow | +90 | phone number */
#e24_register_form .phone-field.e24-phone-iti-ready {
    min-height: 43px !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready > .iti {
    display: block !important;
    width: 100% !important;
    min-height: 43px !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready .iti__country-container {
    left: 40px !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 43px !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready .iti__selected-country,
#e24_register_form .phone-field.e24-phone-iti-ready .iti__selected-country-primary {
    display: flex !important;
    align-items: center !important;
    height: 43px !important;
    min-height: 43px !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready .iti__flag {
    margin: 0 !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready .iti__arrow {
    margin-left: 6px !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready .iti__selected-dial-code {
    margin-left: 8px !important;
    line-height: 43px !important;
}

/* Leave a fixed, clean area for icon + flag + arrow + Turkish +90.
   The actual phone number starts immediately afterwards. */
#e24_register_form .phone-field.e24-phone-iti-ready input[name="phone_number"] {
    height: 43px !important;
    min-height: 43px !important;
    padding-left: 154px !important;
    padding-right: 12px !important;
    line-height: 21px !important;
}

/* Türkiye is now the initial country, so the temporary "Country" prompt
   must not appear on first render. */
#e24_register_form .phone-field.e24-phone-iti-ready:not(.e24-phone-country-empty)
.iti__selected-country-primary::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 480px) {
    #e24_register_form .phone-field.e24-phone-iti-ready input[name="phone_number"] {
        padding-left: 150px !important;
    }
}


/* ==========================================================
   Emlak24 Core 0.4.18 — visual Turkish trunk prefix
   ========================================================== */

/* intl-tel-input intentionally normalizes the actual number and can remove
   Turkey's domestic trunk prefix. Show "(0)" as a visual UI prefix instead
   of putting it into the real input value. */
#e24_register_form .phone-field.e24-mobile-field .e24-phone-trunk-prefix {
    display: none !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready.e24-phone-country-tr
.e24-phone-trunk-prefix {
    display: inline-flex !important;
    position: absolute !important;
    left: 154px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    align-items: center !important;
    height: 43px !important;
    line-height: 43px !important;
    color: #3f444a !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    z-index: 18 !important;
    pointer-events: none !important;
    white-space: nowrap !important;
}

/* With Türkiye selected the actual editable national digits start after
   the visual "(0)" prefix. */
#e24_register_form .phone-field.e24-phone-iti-ready.e24-phone-country-tr
input[name="phone_number"] {
    padding-left: 184px !important;
}

/* Other countries have no domestic "(0)" prefix and use the normal spacing. */
#e24_register_form .phone-field.e24-phone-iti-ready:not(.e24-phone-country-tr)
input[name="phone_number"] {
    padding-left: 154px !important;
}

@media (max-width: 480px) {
    #e24_register_form .phone-field.e24-phone-iti-ready.e24-phone-country-tr
    .e24-phone-trunk-prefix {
        left: 150px !important;
    }

    #e24_register_form .phone-field.e24-phone-iti-ready.e24-phone-country-tr
    input[name="phone_number"] {
        padding-left: 180px !important;
    }

    #e24_register_form .phone-field.e24-phone-iti-ready:not(.e24-phone-country-tr)
    input[name="phone_number"] {
        padding-left: 150px !important;
    }
}


/* ==========================================================
   Emlak24 Core 0.4.21 — registration visual consistency
   ========================================================== */

/* Uniform field borders across native E24 inputs, Emlak24 inputs and
   dependent selects. Keep the same thickness and colour everywhere. */
#e24_register_form .form-control,
#e24_register_form input.form-control,
#e24_register_form select.form-control,
#e24_register_form textarea.form-control,
#e24_register_form .phone-field.e24-mobile-field {
    border: 1px solid #d6d9dd !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

#e24_register_form .form-control:focus,
#e24_register_form input.form-control:focus,
#e24_register_form select.form-control:focus,
#e24_register_form textarea.form-control:focus {
    border-color: #b9bec5 !important;
    box-shadow: none !important;
}

/* The phone field visually behaves as one normal registration field.
   Remove duplicate internal borders introduced by the telephone widget. */
#e24_register_form .phone-field.e24-mobile-field .iti,
#e24_register_form .phone-field.e24-mobile-field input[name="phone_number"] {
    border: 0 !important;
    box-shadow: none !important;
}

#e24_register_form .phone-field.e24-mobile-field input[name="phone_number"]:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Terms checkbox: clearly visible black border. */
#e24_register_form input[type="checkbox"],
#e24_register_form .form-check-input,
#e24_register_form input[name*="terms"],
#e24_register_form input[name*="privacy"] {
    border: 1px solid #000 !important;
    box-shadow: none !important;
}

/* Türkiye phone row:
   handset | flag | +90 | (0) | 5XX XXX XX XX
   Tighten the space between the fixed (0) and the editable national number. */
#e24_register_form .phone-field.e24-phone-iti-ready.e24-phone-country-tr
.e24-phone-trunk-prefix {
    left: 148px !important;
}

#e24_register_form .phone-field.e24-phone-iti-ready.e24-phone-country-tr
input[name="phone_number"] {
    padding-left: 173px !important;
}

/* Other countries also start the editable number slightly earlier. */
#e24_register_form .phone-field.e24-phone-iti-ready:not(.e24-phone-country-tr)
input[name="phone_number"] {
    padding-left: 148px !important;
}

@media (max-width: 480px) {
    #e24_register_form .phone-field.e24-phone-iti-ready.e24-phone-country-tr
    .e24-phone-trunk-prefix {
        left: 145px !important;
    }

    #e24_register_form .phone-field.e24-phone-iti-ready.e24-phone-country-tr
    input[name="phone_number"] {
        padding-left: 169px !important;
    }

    #e24_register_form .phone-field.e24-phone-iti-ready:not(.e24-phone-country-tr)
    input[name="phone_number"] {
        padding-left: 145px !important;
    }
}


/* ==========================================================
   Emlak24 Core 0.4.22 — placeholder colour + distinct icons
   ========================================================== */

/* One exact neutral grey for every EMPTY registration field.
   This covers E24 native inputs, Emlak24 custom inputs and the
   dependent location select placeholders. */
#e24_register_form input::placeholder,
#e24_register_form textarea::placeholder,
#e24_register_form input.form-control::placeholder,
#e24_register_form textarea.form-control::placeholder,
#e24_register_form .phone-field input[name="phone_number"]::placeholder {
    color: #9aa0a6 !important;
    opacity: 1 !important;
}

/* Empty location selects use the same colour as text placeholders. */
#e24_register_form select.e24-select-placeholder,
#e24_register_form select.e24-select-placeholder:disabled {
    color: #9aa0a6 !important;
    opacity: 1 !important;
}

/* Keep real selected option values visually distinct from placeholders. */
#e24_register_form select.form-control:not(.e24-select-placeholder) {
    color: #333 !important;
}

/* Ensure the empty option itself uses the common placeholder grey. */
#e24_register_form select.form-control option[value=""] {
    color: #9aa0a6 !important;
}

#e24_register_form select.form-control option:not([value=""]) {
    color: #333 !important;
}

/* Custom Last Name icon replacing E24's duplicate person icon. */
#e24_register_form .e24-custom-native-icon-field {
    position: relative !important;
}

#e24_register_form .e24-native-field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    z-index: 8 !important;
    pointer-events: none !important;
    color: #6f7479 !important;
    opacity: .75 !important;
}

#e24_register_form .e24-native-field-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

#e24_register_form .e24-custom-native-icon-field input.form-control {
    padding-left: 42px !important;
}

/* Postal Code uses its own ZIP/postal symbol; keep it visually aligned
   with the rest of the Emlak24 icon set. */
#e24_register_form .e24-postcode-icon svg {
    fill: currentColor !important;
}


/* ==========================================================
   Emlak24 Core 0.4.23 — visible E24 terms checkbox
   ========================================================== */

/* E24 visually hides the real checkbox input and draws the visible box
   with .control__indicator. Style the element the user actually sees. */
#e24_register_form .form-tools .control--checkbox .control__indicator {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    box-sizing: border-box !important;
    border: 1.5px solid #111 !important;
    border-radius: 2px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* Keep the black outline clearly visible on white while unchecked. */
#e24_register_form .form-tools .control--checkbox
input[type="checkbox"]:not(:checked) ~ .control__indicator {
    border-color: #111 !important;
    background-color: #fff !important;
}

/* When checked, keep E24's checked state/check mark but retain a
   clearly defined dark outer edge. */
#e24_register_form .form-tools .control--checkbox
input[type="checkbox"]:checked ~ .control__indicator {
    border-color: #111 !important;
}

/* Make keyboard focus visible as well. */
#e24_register_form .form-tools .control--checkbox
input[type="checkbox"]:focus ~ .control__indicator {
    outline: 2px solid rgba(0, 0, 0, .18) !important;
    outline-offset: 2px !important;
}


/* ==========================================================
   Emlak24 Core 0.4.25 — restore checked checkbox state
   ========================================================== */

/* Unchecked: clearly visible black outline on white background. */
#e24_register_form .form-tools .control--checkbox
input[type="checkbox"]:not(:checked) ~ .control__indicator {
    position: relative !important;
    border: 1.5px solid #111 !important;
    background: #fff !important;
}

/* Checked: restore the familiar blue active state while keeping the
   dark outline requested for the checkbox. */
#e24_register_form .form-tools .control--checkbox
input[type="checkbox"]:checked ~ .control__indicator {
    position: relative !important;
    border: 1.5px solid #111 !important;
    background: #0d6efd !important;
}

/* Draw the check explicitly so it cannot disappear because of E24/theme
   pseudo-element overrides. */
#e24_register_form .form-tools .control--checkbox
input[type="checkbox"]:checked ~ .control__indicator::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 4px !important;
    top: 1px !important;
    width: 4px !important;
    height: 8px !important;
    border: solid #fff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* ==========================================================
   Emlak24 Core 0.4.26 — uniform filled-field background
   ========================================================== */

/* Match the light blue already visible in browser-filled registration
   controls. Empty fields remain white. */
#e24_register_form input.form-control.e24-field-filled,
#e24_register_form select.form-control.e24-field-filled,
#e24_register_form textarea.form-control.e24-field-filled {
    background-color: #e8f0fe !important;
}

/* The phone control is visually one compound field. Colour the full wrapper,
   not just the editable national-number portion. */
#e24_register_form .phone-field.e24-mobile-field.e24-field-filled-wrap {
    background-color: #e8f0fe !important;
}

#e24_register_form .phone-field.e24-mobile-field.e24-field-filled-wrap .iti,
#e24_register_form .phone-field.e24-mobile-field.e24-field-filled-wrap
input[name="phone_number"] {
    background-color: transparent !important;
}

/* Chromium/WebKit autofill paints its own background. Normalize that state to
   the same Emlak24 filled-field colour so autofilled and manually entered
   values look identical. */
#e24_register_form input.form-control:-webkit-autofill,
#e24_register_form input.form-control:-webkit-autofill:hover,
#e24_register_form input.form-control:-webkit-autofill:focus,
#e24_register_form input.form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #e8f0fe inset !important;
    box-shadow: 0 0 0 1000px #e8f0fe inset !important;
    -webkit-text-fill-color: #333 !important;
}

/* Preserve the same blue while a filled field has focus. */
#e24_register_form input.form-control.e24-field-filled:focus,
#e24_register_form select.form-control.e24-field-filled:focus,
#e24_register_form textarea.form-control.e24-field-filled:focus {
    background-color: #e8f0fe !important;
}

/* Explicitly keep truly empty fields white. */
#e24_register_form input.form-control:not(.e24-field-filled):not(:-webkit-autofill),
#e24_register_form select.form-control:not(.e24-field-filled),
#e24_register_form textarea.form-control:not(.e24-field-filled),
#e24_register_form .phone-field.e24-mobile-field:not(.e24-field-filled-wrap) {
    background-color: #fff !important;
}


/* ==========================================================
   Emlak24 Core 0.4.27 — terms checkbox position
   ========================================================== */

/* Keep checkbox and terms text in one row and force the visible box to be
   the first visual item, regardless of E24's internal DOM order. */
#e24_register_form .form-tools .control--checkbox {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    padding-left: 0 !important;
    gap: 0 !important;
}

#e24_register_form .form-tools .control--checkbox .control__indicator {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    order: -1 !important;
    flex: 0 0 16px !important;
    margin: 0 10px 0 0 !important;
    width: 16px !important;
    height: 16px !important;
}

/* Keep the real native checkbox hidden; only E24's styled indicator is
   shown, avoiding a second/stray checkbox. */
#e24_register_form .form-tools .control--checkbox > input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    pointer-events: none !important;
}


/* ==========================================================
   Emlak24 Core 0.4.28 — tighter international phone spacing
   ========================================================== */

/* For countries without the separate Turkish "(0)" prefix, start the
   editable national number much closer to the international dial code. */
#e24_register_form .phone-field.e24-phone-iti-ready:not(.e24-phone-country-tr)
input[name="phone_number"] {
    padding-left: 128px !important;
}

@media (max-width: 480px) {
    #e24_register_form .phone-field.e24-phone-iti-ready:not(.e24-phone-country-tr)
    input[name="phone_number"] {
        padding-left: 126px !important;
    }
}


/* ==========================================================
   Emlak24 Core 0.4.29 — terms checkbox left-column layout
   ========================================================== */

/* Terms area should use the same full content width as the registration
   fields instead of centering the checkbox/text combination. */
#e24_register_form .form-tools {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
}

/* Use a hanging-indent layout:
   column 1 = checkbox
   column 2 = complete text block.
   If the terms text wraps, every following line starts below the first text
   line, never below the checkbox. */
#e24_register_form .form-tools .control--checkbox {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 0 0 30px !important;
    text-align: left !important;
    line-height: 1.45 !important;
}

/* Visible checkbox: fixed in the left column. */
#e24_register_form .form-tools .control--checkbox .control__indicator {
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    order: initial !important;
    float: none !important;
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
}

/* The hidden native checkbox remains accessible through the label, but it
   must not take up layout space. */
#e24_register_form .form-tools .control--checkbox > input[type="checkbox"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    opacity: 0 !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    z-index: 2 !important;
    cursor: pointer !important;
}

/* Terms links/text inherit the normal line flow inside the padded text
   column. This is especially important for translations that wrap. */
#e24_register_form .form-tools .control--checkbox a,
#e24_register_form .form-tools .control--checkbox span,
#e24_register_form .form-tools .control--checkbox strong {
    vertical-align: baseline !important;
}

/* Small screens keep the exact same left-column behaviour. */
@media (max-width: 480px) {
    #e24_register_form .form-tools .control--checkbox {
        padding-left: 28px !important;
    }

    #e24_register_form .form-tools .control--checkbox .control__indicator {
        left: 0 !important;
    }
}


/* ==========================================================
   Emlak24 Core 0.4.30 — final terms checkbox grid
   ========================================================== */

/*
 * E24 markup:
 *
 * <label class="control control--checkbox">
 *   <input type="checkbox" ...>
 *   <span>Terms text...</span>
 *   <span class="control__indicator"></span>
 * </label>
 *
 * Use CSS Grid instead of moving the source elements around.
 * Column 1 = checkbox, Column 2 = complete text block.
 */
#e24_register_form .form-tools {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

#e24_register_form .form-tools .control--checkbox {
    display: grid !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    column-gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    cursor: pointer !important;
}

/* Terms text occupies the complete second column.
   Wrapped lines therefore start exactly below the first text line. */
#e24_register_form .form-tools .control--checkbox
> span:not(.control__indicator) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    vertical-align: top !important;
    overflow-wrap: break-word !important;
}

/* The visible E24 checkbox occupies column 1. */
#e24_register_form .form-tools .control--checkbox
> .control__indicator {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: 2px !important;
    bottom: auto !important;
    transform: none !important;
    order: initial !important;
    float: none !important;
    flex: none !important;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 1.5px solid #111 !important;
    border-radius: 2px !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Native input remains on top of the visual box so direct clicks work.
   Clicking anywhere else on the label also toggles the checkbox natively. */
#e24_register_form .form-tools .control--checkbox
> input[type="checkbox"] {
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 3 !important;
}

/* Explicit unchecked state. */
#e24_register_form .form-tools .control--checkbox
> input[type="checkbox"]:not(:checked) ~ .control__indicator {
    border: 1.5px solid #111 !important;
    background: #fff !important;
    background-color: #fff !important;
}

/* Remove any old/theme pseudo-mark while unchecked. */
#e24_register_form .form-tools .control--checkbox
> input[type="checkbox"]:not(:checked) ~ .control__indicator::before,
#e24_register_form .form-tools .control--checkbox
> input[type="checkbox"]:not(:checked) ~ .control__indicator::after {
    content: none !important;
    display: none !important;
}

/* Checked state: blue box, dark edge, white check. */
#e24_register_form .form-tools .control--checkbox
> input[type="checkbox"]:checked ~ .control__indicator {
    border: 1.5px solid #111 !important;
    background: #0d6efd !important;
    background-color: #0d6efd !important;
}

#e24_register_form .form-tools .control--checkbox
> input[type="checkbox"]:checked ~ .control__indicator::before {
    content: none !important;
    display: none !important;
}

#e24_register_form .form-tools .control--checkbox
> input[type="checkbox"]:checked ~ .control__indicator::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 4px !important;
    top: 1px !important;
    width: 4px !important;
    height: 8px !important;
    border: solid #fff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Keyboard focus remains visible without changing the grid geometry. */
#e24_register_form .form-tools .control--checkbox
> input[type="checkbox"]:focus-visible ~ .control__indicator {
    outline: 2px solid rgba(13, 110, 253, .28) !important;
    outline-offset: 2px !important;
}

@media (max-width: 480px) {
    #e24_register_form .form-tools .control--checkbox {
        grid-template-columns: 16px minmax(0, 1fr) !important;
        column-gap: 9px !important;
        padding: 0 !important;
    }
}


/* ==========================================================
   Emlak24 Core 0.4.31 — terms row vertical spacing
   ========================================================== */

/* Restore breathing room above and below the Terms row without changing
   the two-column checkbox/text alignment from 0.4.30. */
#e24_register_form .form-tools {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

/* Avoid E24 child margins collapsing or adding inconsistent spacing. */
#e24_register_form .form-tools .control--checkbox {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.32 — account switch gap + checkbox nudge
   ========================================================== */

/* Create a clean white separator below the Private/Business switch so no
   thin grey connecting line appears between the switch and the first field. */
#e24_register_form .e24-account-switch {
    position: relative !important;
    margin-bottom: 12px !important;
    z-index: 2 !important;
}

#e24_register_form .e24-account-switch::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -7px !important;
    height: 8px !important;
    background: #fff !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

#e24_register_form .e24-account-type {
    position: relative !important;
    z-index: 3 !important;
}

/* Keep the first field stack clearly separated from the switch. */
#e24_register_form .e24-account-switch + .form-group,
#e24_register_form .e24-account-switch + .form-group-field {
    margin-top: 4px !important;
}

/* Move the whole terms row slightly to the right while keeping the
   checkbox-text grid layout unchanged. */
#e24_register_form .form-tools {
    box-sizing: border-box !important;
    padding-left: 8px !important;
}


/* ==========================================================
   Emlak24 Core 0.4.34 — keep bottom line, hide only side stubs
   ========================================================== */

/* Keep the normal bottom border of the Private / Business switch buttons.
   Only the tiny vertical border fragments at the far left and far right
   should disappear. */
#e24_register_form .e24-account-switch {
    position: relative !important;
    margin-bottom: 12px !important;
    z-index: 2 !important;
}

/* Disable the old full-width mask from 0.4.32. */
#e24_register_form .e24-account-switch::after {
    content: none !important;
    display: none !important;
}

/* Restore the actual bottom borders on both buttons. */
#e24_register_form .e24-account-type,
#e24_register_form .e24-account-type.is-active {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #d6d9dd !important;
}

/* Mask only the tiny vertical border pieces directly below the outer left
   and outer right edges of the switch. */
#e24_register_form .e24-account-switch::before,
#e24_register_form .e24-account-switch .e24-account-switch-edge-mask {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    width: 3px !important;
    height: 8px !important;
    background: #fff !important;
    pointer-events: none !important;
    z-index: 4 !important;
}

/* Left mask */
#e24_register_form .e24-account-switch::before {
    left: 0 !important;
}

/* Right mask injected as pseudo-host helper via box-shadow-style extra element
   replacement using an inset shadow on the switch container. Since CSS can't
   create two ::before pseudo-elements, use a background trick with a positioned
   inner shadow via gradient on the switch itself. */
#e24_register_form .e24-account-switch {
    background:
        linear-gradient(to bottom, transparent 0, transparent calc(100% - 8px), #fff calc(100% - 8px), #fff 100%) left bottom / 3px 8px no-repeat,
        linear-gradient(to bottom, transparent 0, transparent calc(100% - 8px), #fff calc(100% - 8px), #fff 100%) right bottom / 3px 8px no-repeat !important;
}

/* Keep a clean, small gap before the first input without affecting the
   horizontal bottom rule. */
#e24_register_form .e24-account-switch + .form-group,
#e24_register_form .e24-account-switch + .form-group-field {
    margin-top: 4px !important;
}


/* ==========================================================
   Emlak24 Core 0.4.35 — precise switch side-mask fix
   ========================================================== */

/* Replace the earlier background trick with two exact masks:
   one for the tiny left vertical stub, one for the tiny right vertical stub.
   The horizontal bottom rule remains visible. */
#e24_register_form .e24-account-switch {
    position: relative !important;
    z-index: 2 !important;
    background: none !important;
}

/* Left tiny vertical line mask */
#e24_register_form .e24-account-switch::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -1px !important;
    width: 4px !important;
    height: 12px !important;
    background: #fff !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

/* Right tiny vertical line mask */
#e24_register_form .e24-account-switch::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: -1px !important;
    width: 4px !important;
    height: 12px !important;
    background: #fff !important;
    pointer-events: none !important;
    z-index: 10 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.36 — mask first-field top corner stubs
   ========================================================== */

/*
The two short grey vertical fragments are not coming from the account switch
itself, but from the top rounded corners / top side edges of the first field
directly underneath (for example, the first-name field).

Mask only the top-left and top-right corner areas of the FIRST field container
after the Private / Business switch. The horizontal separator line stays.
*/
#e24_register_form .e24-account-switch + .form-group,
#e24_register_form .e24-account-switch + .form-group-field {
    position: relative !important;
}

/* Left top-corner mask of the first field */
#e24_register_form .e24-account-switch + .form-group::before,
#e24_register_form .e24-account-switch + .form-group-field::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: -6px !important;
    width: 6px !important;
    height: 12px !important;
    background: #fff !important;
    pointer-events: none !important;
    z-index: 12 !important;
}

/* Right top-corner mask of the first field */
#e24_register_form .e24-account-switch + .form-group::after,
#e24_register_form .e24-account-switch + .form-group-field::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: -6px !important;
    width: 6px !important;
    height: 12px !important;
    background: #fff !important;
    pointer-events: none !important;
    z-index: 12 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.37 — square bottom corners on account switch
   ========================================================== */

/*
The tiny grey/blue fragments between the Private/Business switch and the first
field are caused by the bottom rounded corners of the switch buttons.

Final fix:
- keep top corners rounded
- remove bottom corner rounding
- disable earlier masking attempts on switch / first field
*/

#e24_register_form .e24-account-type:first-child {
    border-radius: 4px 0 0 0 !important;
}

#e24_register_form .e24-account-type:last-child {
    border-radius: 0 4px 0 0 !important;
}

/* Neutralize earlier switch masks. */
#e24_register_form .e24-account-switch {
    background: transparent !important;
}

#e24_register_form .e24-account-switch::before,
#e24_register_form .e24-account-switch::after,
#e24_register_form .e24-account-switch + .form-group::before,
#e24_register_form .e24-account-switch + .form-group::after,
#e24_register_form .e24-account-switch + .form-group-field::before,
#e24_register_form .e24-account-switch + .form-group-field::after {
    content: none !important;
    display: none !important;
}

/* Keep a small clean gap to the first field. */
#e24_register_form .e24-account-switch {
    margin-bottom: 10px !important;
}


/* ==========================================================
   Emlak24 Core 0.4.38 — remove outer wrapper border
   ========================================================== */

/*
Only the actual switch and the actual input fields should have borders.
Any outer frame / outline / box-shadow around the complete custom registration
extension should be removed to avoid a double-border effect.
*/
#e24-registration-extension,
#e24_register_form #e24-registration-extension,
#e24_register_form .e24-registration-extension {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Also neutralize possible theme wrappers immediately around the custom block. */
#e24_register_form #e24-registration-extension::before,
#e24_register_form #e24-registration-extension::after,
#e24_register_form .e24-registration-extension::before,
#e24_register_form .e24-registration-extension::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Keep the visible control borders only on the switch buttons and inputs. */
#e24_register_form .e24-account-switch,
#e24_register_form .e24-account-type,
#e24_register_form .form-control,
#e24_register_form input.form-control,
#e24_register_form select.form-control,
#e24_register_form textarea.form-control {
    box-shadow: none !important;
}


/* ==========================================================
   Emlak24 Core 0.4.39 — remove actual E24 register wrapper frame
   ========================================================== */

/*
Root cause confirmed:
E24 wraps the native registration fields in .register-form-wrap.
Emlak24 then moves the Private/Business switch and all custom fields into
that same wrapper. E24's wrapper frame therefore becomes one large outer
border around the complete Emlak24 registration stack.

Remove ONLY that outer wrapper frame. Individual controls retain their own
1px borders.
*/
#e24_register_form > .register-form-wrap,
#e24_register_form .register-form-wrap {
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

/* Ensure E24 cannot recreate the wrapper frame via pseudo-elements. */
#e24_register_form > .register-form-wrap::before,
#e24_register_form > .register-form-wrap::after,
#e24_register_form .register-form-wrap::before,
#e24_register_form .register-form-wrap::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/*
The wrapper's left/right border was also responsible for the small vertical
"connector" pieces previously visible between the account switch and the
first field. No masking is needed once the wrapper border is gone.
*/


/* ==========================================================
   Emlak24 Core 0.4.40 — restore switch rounding + clean field gaps
   ========================================================== */

/* Now that the E24 outer wrapper frame is gone, the account type buttons
   can use normal outer corner rounding again. */
#e24_register_form .e24-account-type:first-child {
    border-radius: 4px 0 0 4px !important;
}

#e24_register_form .e24-account-type:last-child {
    border-radius: 0 4px 4px 0 !important;
}

/* Remove the visual "spikes" between stacked fields by restoring a small,
   consistent white gap between every registration row. */
#e24_register_form .register-form-wrap .form-group,
#e24_register_form .register-form-wrap .form-group-field {
    margin-bottom: 8px !important;
}

/* Keep the account switch spacing controlled separately. */
#e24_register_form .e24-account-switch {
    margin-bottom: 12px !important;
}

/* Avoid extra margin below the final password-confirm row before the terms.
   The terms block already has its own top spacing. */
#e24_register_form .register-form-wrap .form-group:last-of-type,
#e24_register_form .register-form-wrap .form-group-field:last-of-type {
    margin-bottom: 0 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.41 — active switch continuity + remove field top rules
   ========================================================== */

/* Make the active tab visually continue in blue all the way to the bottom edge,
   including the lower outer corner. */
#e24_register_form .e24-account-type.is-active {
    border-bottom-color: #0d6efd !important;
    box-shadow: inset 0 -2px 0 #0d6efd !important;
}

/* Ensure stacked field wrappers can host top-line masks. */
#e24_register_form .register-form-wrap .form-group {
    position: relative !important;
}

#e24_register_form .register-form-wrap .form-group-field {
    position: relative !important;
    overflow: visible !important;
}

/* The grey horizontal "double-frame" line under first name, last name etc. is the
   top border of the next field. Mask only that top rule while keeping the
   side borders and rounded corners visually intact. */
#e24_register_form .register-form-wrap .form-group + .form-group .form-group-field::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: 0 !important;
    height: 2px !important;
    background: #fff !important;
    pointer-events: none !important;
    z-index: 7 !important;
}

/* Also cover the very center seam where the inactive Business tab meets the
   active Private tab so the blue lower edge reads as continuous. */
#e24_register_form .e24-account-type.is-active + .e24-account-type {
    border-left-color: #d8dce1 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.42 — keep top field borders, remove lower extra separators
   ========================================================== */

/* 0.4.41 top-line mask is cancelled.
   The upper border of each field must remain visible. */
#e24_register_form .register-form-wrap .form-group + .form-group .form-group-field::before {
    content: none !important;
    display: none !important;
}

/* Remove any extra lower divider line coming from the field wrapper itself,
   while keeping the real input border visible. */
#e24_register_form .register-form-wrap .form-group {
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

#e24_register_form .register-form-wrap .form-group::before,
#e24_register_form .register-form-wrap .form-group::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Make the active tab bottom edge visually continuous in blue, including the
   lower outer corner, without affecting the inactive tab. */
#e24_register_form .e24-account-type {
    position: relative !important;
}

#e24_register_form .e24-account-type.is-active {
    border-color: #0d6efd !important;
    border-bottom-color: #0d6efd !important;
    box-shadow: none !important;
}

#e24_register_form .e24-account-type.is-active::after {
    content: "" !important;
    position: absolute !important;
    left: -1px !important;
    right: -1px !important;
    bottom: -1px !important;
    height: 2px !important;
    background: #0d6efd !important;
    pointer-events: none !important;
}

#e24_register_form .e24-account-type.is-active:first-child::after {
    border-bottom-left-radius: 4px !important;
}

#e24_register_form .e24-account-type.is-active:last-child::after {
    border-bottom-right-radius: 4px !important;
}


/* ==========================================================
   Emlak24 Core 0.4.43 — modal top tabs alignment + active corner polish
   ========================================================== */

/* ---- Top Login / Register header layout ----
   Inset the top row so it starts at the same horizontal position as the fields
   below, while keeping a smaller close button on the far right. */
#login-register-form .modal-header {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 24px 24px 0 24px !important;
    background: #fff !important;
    border: 0 !important;
}

#login-register-form .modal-header .login-register-tabs {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item {
    flex: 1 1 50% !important;
    width: 50% !important;
    max-width: none !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #d8dce1 !important;
    background: #fff !important;
    color: #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

#login-register-form #loginRegisterTabs > .nav-item:first-child > .nav-link {
    border-radius: 4px 0 4px 4px !important;
}

#login-register-form #loginRegisterTabs > .nav-item:last-child > .nav-link {
    border-left: 0 !important;
    border-radius: 0 4px 4px 4px !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link.active,
#login-register-form #loginRegisterTabs > .nav-item > .nav-link[aria-selected="true"] {
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

#login-register-form .modal-header > .btn.close {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #0d6efd !important;
    border-radius: 4px !important;
    background: #0d6efd !important;
    color: #fff !important;
    opacity: 1 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

#login-register-form .modal-header > .btn.close span,
#login-register-form .modal-header > .btn.close i {
    font-size: 20px !important;
    line-height: 1 !important;
    color: #fff !important;
}

/* ---- Lower active Private / Business corner polish ----
   Fill the lower outer corner so the blue active tab is visually continuous. */
#e24_register_form .e24-account-type.is-active {
    overflow: hidden !important;
}

#e24_register_form .e24-account-type.is-active:first-child::before {
    content: "" !important;
    position: absolute !important;
    left: -1px !important;
    bottom: -1px !important;
    width: 12px !important;
    height: 12px !important;
    background: #0d6efd !important;
    border-bottom-left-radius: 4px !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

#e24_register_form .e24-account-type.is-active:last-child::before {
    content: "" !important;
    position: absolute !important;
    right: -1px !important;
    bottom: -1px !important;
    width: 12px !important;
    height: 12px !important;
    background: #0d6efd !important;
    border-bottom-right-radius: 4px !important;
    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.44 — top header fine alignment + clean close icon
   ========================================================== */

/* Top modal row should align better with the registration field stack below. */
#login-register-form .modal-header {
    position: relative !important;
    display: block !important;
    padding: 24px 40px 0 40px !important;
    background: #fff !important;
    border: 0 !important;
}

/* Keep Login/Register on the same content grid as the form below and let
   them span the full two-column width without reserving a third "close" column. */
#login-register-form .modal-header .login-register-tabs {
    display: block !important;
    width: calc(100% - 34px) !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item {
    flex: 1 1 50% !important;
    width: 50% !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link {
    min-height: 54px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Outer corners rounded, inner bottom seam square. */
#login-register-form #loginRegisterTabs > .nav-item:first-child > .nav-link {
    border-radius: 4px 0 0 4px !important;
}

#login-register-form #loginRegisterTabs > .nav-item:last-child > .nav-link {
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

/* Close button should be a simple blue X on the far right, without its own
   boxed column look. */
#login-register-form .modal-header > .btn.close {
    position: absolute !important;
    top: 35px !important;
    right: 40px !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #0d6efd !important;
    opacity: 1 !important;
    line-height: 1 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    z-index: 10 !important;
}

#login-register-form .modal-header > .btn.close span,
#login-register-form .modal-header > .btn.close i {
    color: #0d6efd !important;
    font-size: 26px !important;
    line-height: 1 !important;
}

/* Lower active Private/Business corner — reinforce the lower outer blue corner
   so the left active tab looks fully continuous. */
#e24_register_form .e24-account-type.is-active:first-child::before {
    left: -1px !important;
    bottom: -1px !important;
    width: 18px !important;
    height: 18px !important;
    background: #0d6efd !important;
    border-bottom-left-radius: 6px !important;
    z-index: 3 !important;
}

#e24_register_form .e24-account-type.is-active:last-child::before {
    right: -1px !important;
    bottom: -1px !important;
    width: 18px !important;
    height: 18px !important;
    background: #0d6efd !important;
    border-bottom-right-radius: 6px !important;
    z-index: 3 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.45 — exact top tab column alignment
   ========================================================== */

/* Build the modal header as:
   [Login/Register area spanning two equal columns] [Close X]
   so the two top tabs align exactly with Private / Business below. */
#login-register-form .modal-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 16px !important;
    align-items: start !important;
    padding: 24px 24px 0 24px !important;
    background: #fff !important;
    border: 0 !important;
    position: relative !important;
}

/* Left block = the two equal top tabs, same start/end span as Private+Business. */
#login-register-form .modal-header .login-register-tabs {
    grid-column: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: block !important;
}

#login-register-form #loginRegisterTabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #d8dce1 !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}

/* Outer corners rounded, middle seam square. */
#login-register-form #loginRegisterTabs > .nav-item:first-child > .nav-link {
    border-radius: 4px 0 0 4px !important;
}

#login-register-form #loginRegisterTabs > .nav-item:last-child > .nav-link {
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link.active,
#login-register-form #loginRegisterTabs > .nav-item > .nav-link[aria-selected="true"] {
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

/* Right block = simple close X outside the two-column tab span. */
#login-register-form .modal-header > .btn.close {
    grid-column: 2 !important;
    position: static !important;
    justify-self: end !important;
    align-self: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #0d6efd !important;
    opacity: 1 !important;
    line-height: 1 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    z-index: 10 !important;
}

#login-register-form .modal-header > .btn.close span,
#login-register-form .modal-header > .btn.close i {
    color: #0d6efd !important;
    font-size: 26px !important;
    line-height: 1 !important;
}

/* Keep the active lower outer blue corner visually continuous. */
#e24_register_form .e24-account-type.is-active {
    overflow: hidden !important;
}

#e24_register_form .e24-account-type.is-active:first-child::before {
    content: "" !important;
    position: absolute !important;
    left: -1px !important;
    bottom: -1px !important;
    width: 18px !important;
    height: 18px !important;
    background: #0d6efd !important;
    border-bottom-left-radius: 6px !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

#e24_register_form .e24-account-type.is-active:last-child::before {
    content: "" !important;
    position: absolute !important;
    right: -1px !important;
    bottom: -1px !important;
    width: 18px !important;
    height: 18px !important;
    background: #0d6efd !important;
    border-bottom-right-radius: 6px !important;
    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.46 — fine nudge for top tabs alignment
   ========================================================== */

/* Fine-tune only the top Login/Register row:
   move it slightly to the right and align its center more closely to the
   Private/Business switch below, while keeping the close X outside. */
#login-register-form .modal-header {
    display: block !important;
    position: relative !important;
    padding: 24px 24px 0 24px !important;
    background: #fff !important;
    border: 0 !important;
}

#login-register-form .modal-header .login-register-tabs {
    display: block !important;
    width: calc(100% - 46px) !important;
    margin: 0 0 0 8px !important;
}

#login-register-form #loginRegisterTabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
}

#login-register-form .modal-header > .btn.close {
    position: absolute !important;
    top: 40px !important;
    right: 24px !important;
    margin: 0 !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0d6efd !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

#login-register-form .modal-header > .btn.close span,
#login-register-form .modal-header > .btn.close i {
    color: #0d6efd !important;
    font-size: 26px !important;
    line-height: 1 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.47 — final micro-adjustment for top tab span
   ========================================================== */

/* Move the top Login/Register span slightly left and make it slightly wider,
   so "the localized login label" aligns more precisely over "Private" and the full two-tab
   span ends more precisely over "Business". */
#login-register-form .modal-header {
    display: block !important;
    position: relative !important;
    padding: 24px 24px 0 24px !important;
    background: #fff !important;
    border: 0 !important;
}

#login-register-form .modal-header .login-register-tabs {
    display: block !important;
    width: calc(100% - 40px) !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
}

/* Keep the close X clearly outside / to the right of the tab span. */
#login-register-form .modal-header > .btn.close {
    position: absolute !important;
    top: 40px !important;
    right: 8px !important;
    margin: 0 !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0d6efd !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 10 !important;
}

#login-register-form .modal-header > .btn.close span,
#login-register-form .modal-header > .btn.close i {
    color: #0d6efd !important;
    font-size: 26px !important;
    line-height: 1 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.48 — top header final width/position correction
   ========================================================== */

/* Fine correction based on screenshot:
   - move the Login/Register span slightly right
   - make the span noticeably wider so it ends above Business
   - keep the close X clearly outside on the right */
#login-register-form .modal-header {
    display: block !important;
    position: relative !important;
    padding: 24px 24px 0 24px !important;
    background: #fff !important;
    border: 0 !important;
}

#login-register-form .modal-header .login-register-tabs {
    display: block !important;
    width: calc(100% + 44px) !important;
    max-width: none !important;
    margin: 0 0 0 16px !important;
}

#login-register-form #loginRegisterTabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
}

#login-register-form .modal-header > .btn.close {
    position: absolute !important;
    top: 40px !important;
    right: 20px !important;
    margin: 0 !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0d6efd !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 20 !important;
}

#login-register-form .modal-header > .btn.close span,
#login-register-form .modal-header > .btn.close i {
    color: #0d6efd !important;
    font-size: 26px !important;
    line-height: 1 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.49 — undo overshift and apply precise top-bar fix
   ========================================================== */

/* Undo the oversized 0.4.48 stretch. Compared with 0.4.47, move the top
   span only a touch to the LEFT and make it only a little wider. */
#login-register-form .modal-header {
    display: block !important;
    position: relative !important;
    padding: 24px 24px 0 24px !important;
    background: #fff !important;
    border: 0 !important;
}

#login-register-form .modal-header .login-register-tabs {
    display: block !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin: 0 0 0 -6px !important;
}

#login-register-form #loginRegisterTabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item {
    width: auto !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #d8dce1 !important;
    background: #fff !important;
    color: #000 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item:first-child > .nav-link {
    border-radius: 4px 0 0 4px !important;
}

#login-register-form #loginRegisterTabs > .nav-item:last-child > .nav-link {
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link.active,
#login-register-form #loginRegisterTabs > .nav-item > .nav-link[aria-selected="true"] {
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

/* Keep the X clearly separated on the right side, outside the two-tab span. */
#login-register-form .modal-header > .btn.close {
    position: absolute !important;
    top: 40px !important;
    right: 12px !important;
    margin: 0 !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0d6efd !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 30 !important;
}

#login-register-form .modal-header > .btn.close span,
#login-register-form .modal-header > .btn.close i {
    color: #0d6efd !important;
    font-size: 26px !important;
    line-height: 1 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.50 — top bar aligned by fixed left/right insets
   ========================================================== */

/* Final correction for the upper Login/Register tabs.
   Use fixed left/right insets instead of width hacks so the two upper tabs:
   - start where Private starts
   - end where Business ends
   - split in the same middle column
   The close X stays outside on the far right. */
#login-register-form .modal-header {
    display: block !important;
    position: relative !important;
    padding: 24px 24px 0 24px !important;
    background: #fff !important;
    border: 0 !important;
    min-height: 82px !important;
}

#login-register-form .modal-header .login-register-tabs {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 58px 0 12px !important;
}

#login-register-form #loginRegisterTabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item {
    width: auto !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #d8dce1 !important;
    background: #fff !important;
    color: #000 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item:first-child > .nav-link {
    border-radius: 4px 0 0 4px !important;
}

#login-register-form #loginRegisterTabs > .nav-item:last-child > .nav-link {
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link.active,
#login-register-form #loginRegisterTabs > .nav-item > .nav-link[aria-selected="true"] {
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

/* Close icon: independent, outside the tab span, right-aligned. */
#login-register-form .modal-header > .btn.close {
    position: absolute !important;
    top: 40px !important;
    right: 12px !important;
    margin: 0 !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0d6efd !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 30 !important;
}

#login-register-form .modal-header > .btn.close span,
#login-register-form .modal-header > .btn.close i {
    color: #0d6efd !important;
    font-size: 26px !important;
    line-height: 1 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.51 — exact screenshot-measured top alignment
   ========================================================== */

/*
Screenshot measurement:
Lower Private/Business span:
    left  ≈ 51px
    split ≈ 236px
    right ≈ 421px

With modal outer left ≈ 21px and header horizontal padding 24px,
a 6px left/right margin produces exactly the same visual span:
    21 + 24 + 6 = 51
    451 - 24 - 6 = 421

Because Login/Register stay 50/50, their split then lands at ≈236px too.
*/
#login-register-form .modal-header {
    display: block !important;
    position: relative !important;
    padding: 24px 24px 0 24px !important;
    background: #fff !important;
    border: 0 !important;
    min-height: 82px !important;
}

#login-register-form .modal-header .login-register-tabs {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 6px !important;
}

#login-register-form #loginRegisterTabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #d8dce1 !important;
    background: #fff !important;
    color: #000 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item:first-child > .nav-link {
    border-radius: 4px 0 0 4px !important;
}

#login-register-form #loginRegisterTabs > .nav-item:last-child > .nav-link {
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

#login-register-form #loginRegisterTabs > .nav-item > .nav-link.active,
#login-register-form #loginRegisterTabs > .nav-item > .nav-link[aria-selected="true"] {
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

/* The X is not part of either column. Put it at the far right of the modal. */
#login-register-form .modal-header > .btn.close {
    position: absolute !important;
    top: 40px !important;
    right: 0 !important;
    margin: 0 !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #0d6efd !important;
    opacity: 1 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 40 !important;
}

#login-register-form .modal-header > .btn.close span,
#login-register-form .modal-header > .btn.close i {
    color: #0d6efd !important;
    font-size: 26px !important;
    line-height: 1 !important;
}


/* ==========================================================
   Emlak24 Core 0.4.52 — close icon centering + row lift + icon cleanup
   ========================================================== */

/* Center the close X visually in the free area between the end of the
   blue registration field and the outer right modal edge. */
#login-register-form .modal-header > .btn.close {
    right: 16px !important;
    top: 40px !important;
}

/* Pull the Private / Business switch slightly upward. */
#e24_register_form .e24-account-switch {
    margin-top: -8px !important;
}

/* Ensure the custom Last Name icon is the only visible icon in that field. */
#e24_register_form .e24-custom-native-icon-field > .e24-native-field-icon {
    display: inline-flex !important;
}
#e24_register_form .e24-custom-native-icon-field > span[class*="icon"],
#e24_register_form .e24-custom-native-icon-field > i[class*="icon"],
#e24_register_form .e24-custom-native-icon-field > .e24-icon,
#e24_register_form .e24-custom-native-icon-field > .input-group-addon,
#e24_register_form .e24-custom-native-icon-field > .fa,
#e24_register_form .e24-custom-native-icon-field > .fal,
#e24_register_form .e24-custom-native-icon-field > .far,
#e24_register_form .e24-custom-native-icon-field > .fas {
    display: none !important;
}

/* Keep Last Name icon clearly different from First Name and visually clean. */
#e24_register_form .e24-last-name-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.55 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Postal Code gets its own compact code/card symbol, distinct from email. */
#e24_register_form .e24-postcode-icon svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.55 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* ==========================================================
   Emlak24 Core 0.4.53 — close icon gap fix + clearer last name/postcode icons
   ========================================================== */

/* Move the close X further right so it sits centered in the free gap,
   without touching the registration field. */
#login-register-form .modal-header > .btn.close {
    right: 8px !important;
}

/* Make the last-name symbol clearly different: an ID-card/list style icon. */
#e24_register_form .e24-last-name-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Make the Postal Code icon bolder and more legible at small size. */
#e24_register_form .e24-postcode-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* ==========================================================
   Emlak24 Core 0.4.54 — pixel-fit close X + clearer surname/postcode icons
   ========================================================== */

/* Based on screenshot measurement (modal right edge ≈ 405px, blue button ends ≈ 378px),
   center of free gap lies at ≈ 391.5px. Current X center is ≈ 387px.
   Moving the button 4px further right centers it in the gap. */
#login-register-form .modal-header > .btn.close {
    right: 4px !important;
}

/* Hide only the original native icon, not the injected custom one. */
#e24_register_form .e24-custom-native-icon-field > span[class*="icon"]:not(.e24-native-field-icon),
#e24_register_form .e24-custom-native-icon-field > i[class*="icon"],
#e24_register_form .e24-custom-native-icon-field > .e24-icon:not(.e24-native-field-icon),
#e24_register_form .e24-custom-native-icon-field > .input-group-addon,
#e24_register_form .e24-custom-native-icon-field > .fa,
#e24_register_form .e24-custom-native-icon-field > .fal,
#e24_register_form .e24-custom-native-icon-field > .far,
#e24_register_form .e24-custom-native-icon-field > .fas {
    display: none !important;
}
#e24_register_form .e24-custom-native-icon-field > .e24-native-field-icon {
    display: inline-flex !important;
}

/* Make surname icon visibly different from first-name user icon. */
#e24_register_form .e24-last-name-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Stronger postal-code symbol for visibility at small size. */
#e24_register_form .e24-postcode-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* Emlak24 Core 0.4.59 — telephone is no longer a registration field.
   OTP verification is handled after login by the integrated Phone Verification module. */
#e24_register_form .phone-field,
#e24_register_form .form-group:has(input[name="phone_number"]) {
    display: none !important;
}


/* Emlak24 Core 1.0.29 — persistent post-registration acknowledgement */
.e24-registration-success-overlay {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.42);
}

.e24-registration-success-dialog {
    width: min(100%, 520px);
    padding: 26px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.24);
    text-align: center;
}

.e24-registration-success-dialog-message {
    margin: 0 0 22px;
    color: #212529;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 600;
}

.e24-registration-success-ok-button {
    min-width: 120px;
    min-height: 44px;
    padding: 10px 24px;
    border: 0;
    border-radius: 6px;
    background: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
}

.e24-registration-success-ok-button:hover,
.e24-registration-success-ok-button:focus {
    background: #0b5ed7;
    color: #ffffff;
    outline: none;
}


/* Emlak24 standalone public authentication modal 1.1.11 */
#login-register-form.e24-public-auth-modal .modal-dialog {
    width: min(470px, calc(100vw - 28px));
    max-width: 470px;
}
#login-register-form.e24-public-auth-modal .modal-content {
    border: 0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(13, 35, 70, .24);
    overflow: hidden;
}
#login-register-form.e24-public-auth-modal .e24-auth-modal-header {
    position: relative;
    display: flex;
    align-items: stretch;
    padding: 20px 28px 0;
    border: 0;
    background: #fff;
}
#login-register-form.e24-public-auth-modal #loginRegisterTabs {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    border: 1px solid #d7dfea;
    border-radius: 8px;
    overflow: hidden;
}
#login-register-form.e24-public-auth-modal #loginRegisterTabs .nav-item { margin: 0; }
#login-register-form.e24-public-auth-modal #loginRegisterTabs .nav-link {
    width: 100%;
    min-height: 50px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: #111827;
    font-size: 14px;
    font-weight: 700;
}
#login-register-form.e24-public-auth-modal #loginRegisterTabs .nav-link.active {
    background: #1264ee;
    color: #fff;
}
#login-register-form.e24-public-auth-modal .e24-auth-close {
    position: absolute;
    top: 24px;
    right: 7px;
    z-index: 3;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1264ee;
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
}
#login-register-form.e24-public-auth-modal .modal-body { padding: 26px 28px 30px; }
#login-register-form.e24-public-auth-modal .form-group { margin-bottom: 12px; }
#login-register-form.e24-public-auth-modal .form-control {
    min-height: 46px;
    border: 1px solid #d7dfea;
    border-radius: 7px;
    background: #fff;
    color: #1f2937;
    box-shadow: none;
}
#login-register-form.e24-public-auth-modal .form-control:focus {
    border-color: #7aa9f7;
    box-shadow: 0 0 0 3px rgba(18, 100, 238, .08);
}
#login-register-form.e24-public-auth-modal .e24-auth-icon-field { position: relative; }
#login-register-form.e24-public-auth-modal .e24-auth-icon-field .form-control { padding-left: 42px; }
#login-register-form.e24-public-auth-modal .e24-auth-field-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: #667085;
    font-size: 15px;
    pointer-events: none;
}
#login-register-form.e24-public-auth-modal .e24-auth-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 4px 0 18px;
    color: #667085;
    font-size: 12px;
}
#login-register-form.e24-public-auth-modal .e24-auth-options a { color: #1264ee; }
#login-register-form.e24-public-auth-modal .e24-auth-remember,
#login-register-form.e24-public-auth-modal .e24-auth-terms {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #475467;
    font-size: 12px;
    line-height: 1.4;
}
#login-register-form.e24-public-auth-modal .e24-auth-terms { margin: 8px 0 18px; }
#login-register-form.e24-public-auth-modal .e24-auth-submit {
    width: 100%;
    min-height: 46px;
    border: 1px solid #1264ee;
    border-radius: 8px;
    background: #1264ee;
    color: #fff;
    font-weight: 700;
}
#login-register-form.e24-public-auth-modal .e24-auth-submit:hover { background: #064fc8; border-color: #064fc8; }
#login-register-form.e24-public-auth-modal .e24-auth-submit:disabled { opacity: .62; cursor: wait; }
#login-register-form.e24-public-auth-modal .e24-auth-message {
    min-height: 0;
    margin: 0 0 12px;
    padding: 0;
    color: #b42318;
    font-size: 12px;
    font-weight: 600;
}
#login-register-form.e24-public-auth-modal .e24-auth-message:empty { display: none; }
#login-register-form.e24-public-auth-modal .e24-auth-message.is-success { color: #157347; }
#login-register-form.e24-public-auth-modal .e24-auth-message.is-email-verified-login {
    display: block;
    padding: 10px 12px;
    border: 1px solid #a6d9b5;
    border-radius: 7px;
    background: #edf8f0;
    color: #157347;
    font-weight: 700;
}
#login-register-form.e24-public-auth-modal .e24-native-username-group,
#login-register-form.e24-public-auth-modal .e24-native-phone-group { display: none; }
@media (max-width: 575px) {
    #login-register-form.e24-public-auth-modal .e24-auth-modal-header { padding: 16px 22px 0; }
    #login-register-form.e24-public-auth-modal .modal-body { padding: 22px; }
    #login-register-form.e24-public-auth-modal .e24-auth-close { right: 3px; top: 19px; }
}

/* ==========================================================
   Emlak24 Core 1.1.12 — auth modal fit, field icons and form order polish
   ========================================================== */

/* Keep the authentication layer above the sticky public header/footer. */
#login-register-form.e24-public-auth-modal {
    z-index: 20050 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
body.e24-auth-modal-open .modal-backdrop,
body.e24-auth-modal-open .e24-auth-fallback-backdrop {
    z-index: 20040 !important;
}

/* Reserve a small clean zone for the close control instead of letting the X
   crowd the Register tab. */
#login-register-form.e24-public-auth-modal .e24-auth-modal-header {
    padding: 20px 44px 0 28px !important;
}
#login-register-form.e24-public-auth-modal .e24-auth-close,
#login-register-form.e24-public-auth-modal .modal-header > .btn.close {
    top: 13px !important;
    right: 7px !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
}

/* The long registration view starts below the top chrome and scrolls inside
   its own card. It therefore never disappears behind the header or footer. */
#login-register-form.e24-public-auth-modal.is-register-view .modal-dialog {
    display: block !important;
    min-height: 0 !important;
    margin-top: 72px !important;
    margin-bottom: 24px !important;
}
#login-register-form.e24-public-auth-modal.is-register-view .modal-content {
    display: flex !important;
    flex-direction: column !important;
    max-height: calc(100vh - 96px) !important;
    max-height: calc(100dvh - 96px) !important;
}
#login-register-form.e24-public-auth-modal.is-register-view .modal-body {
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #b9cdf3 transparent;
}
#login-register-form.e24-public-auth-modal.is-register-view .modal-body::-webkit-scrollbar {
    width: 6px;
}
#login-register-form.e24-public-auth-modal.is-register-view .modal-body::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #b9cdf3;
}

/* Login intentionally has no decorative @ / bullet in front of the two
   credentials. The fields read more clearly without pseudo-icons. */
#login-register-form.e24-public-auth-modal .e24-public-login-form .form-control {
    padding-left: 14px !important;
}
#login-register-form.e24-public-auth-modal .e24-public-login-form .e24-auth-field-icon {
    display: none !important;
}

/* Keep the real Remember-me checkbox directly beside its label. */
#login-register-form.e24-public-auth-modal .e24-auth-remember {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
}
#login-register-form.e24-public-auth-modal .e24-auth-remember input[type="checkbox"],
#login-register-form.e24-public-auth-modal .e24-auth-terms input[type="checkbox"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 14px !important;
    min-width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    flex: 0 0 14px !important;
}
#login-register-form.e24-public-auth-modal .e24-auth-terms {
    align-items: flex-start !important;
    gap: 7px !important;
    margin: 16px 0 16px !important;
}

/* Registration identity/e-mail/password icons are Emlak24-owned inline SVGs.
   Force them visible after the older E24 icon-cleanup compatibility rules. */
#login-register-form.e24-public-auth-modal #e24_register_form .e24-custom-native-icon-field {
    position: relative !important;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-custom-native-icon-field > .e24-native-field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 9 !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #737b86 !important;
    opacity: .9 !important;
    pointer-events: none !important;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-custom-native-icon-field > .e24-native-field-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-custom-native-icon-field > input.form-control {
    padding-left: 42px !important;
}

/* The consent row and submit action are always the final two visible elements
   in the registration stack after JS field reordering. */
#login-register-form.e24-public-auth-modal #e24_register_form .e24-auth-terms,
#login-register-form.e24-public-auth-modal #e24_register_form #e24-register-btn {
    position: relative;
    z-index: 1;
}

@media (max-width: 575px) {
    #login-register-form.e24-public-auth-modal .e24-auth-modal-header {
        padding: 16px 40px 0 20px !important;
    }
    #login-register-form.e24-public-auth-modal .e24-auth-close,
    #login-register-form.e24-public-auth-modal .modal-header > .btn.close {
        top: 9px !important;
        right: 5px !important;
    }
    #login-register-form.e24-public-auth-modal.is-register-view .modal-dialog {
        margin-top: 62px !important;
        margin-bottom: 18px !important;
    }
    #login-register-form.e24-public-auth-modal.is-register-view .modal-content {
        max-height: calc(100vh - 80px) !important;
        max-height: calc(100dvh - 80px) !important;
    }
}

/* Emlak24 Core 1.1.13 — close button aligned with Login/Register tabs. */
#login-register-form.e24-public-auth-modal .e24-auth-modal-header {
    padding-right: 54px !important;
}
#login-register-form.e24-public-auth-modal .e24-auth-close,
#login-register-form.e24-public-auth-modal .modal-header > .btn.close {
    top: 45px !important;
    right: 10px !important;
    width: 32px !important;
    height: 32px !important;
    transform: translateY(-50%) !important;
    font-size: 27px !important;
}
@media (max-width: 575px) {
    #login-register-form.e24-public-auth-modal .e24-auth-modal-header {
        padding-right: 50px !important;
    }
    #login-register-form.e24-public-auth-modal .e24-auth-close,
    #login-register-form.e24-public-auth-modal .modal-header > .btn.close {
        top: 41px !important;
        right: 8px !important;
    }
}

/* ==========================================================
   Emlak24 Core 1.1.14 — auth tabs full-width + credential icons
   ========================================================== */
#login-register-form.e24-public-auth-modal .e24-auth-modal-header {
    padding: 20px 28px 0 !important;
}
#login-register-form.e24-public-auth-modal #loginRegisterTabs {
    width: 100% !important;
}
#login-register-form.e24-public-auth-modal .e24-auth-close,
#login-register-form.e24-public-auth-modal .modal-header > .btn.close {
    top: 45px !important;
    right: 3px !important;
    width: 22px !important;
    height: 28px !important;
    transform: translateY(-50%) !important;
    font-size: 27px !important;
}
#login-register-form.e24-public-auth-modal .e24-public-login-form .form-group-field.e24-auth-icon-field {
    position: relative !important;
}
#login-register-form.e24-public-auth-modal .e24-public-login-form .e24-auth-field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    z-index: 3 !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    color: #697586 !important;
    pointer-events: none !important;
}
#login-register-form.e24-public-auth-modal .e24-public-login-form .e24-auth-field-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
#login-register-form.e24-public-auth-modal .e24-public-login-form .form-group-field.e24-auth-icon-field .form-control {
    padding-left: 42px !important;
}
@media (max-width: 575px) {
    #login-register-form.e24-public-auth-modal .e24-auth-modal-header {
        padding: 16px 22px 0 !important;
    }
    #login-register-form.e24-public-auth-modal .e24-auth-close,
    #login-register-form.e24-public-auth-modal .modal-header > .btn.close {
        top: 41px !important;
        right: 1px !important;
    }
}
#login-register-form.e24-public-auth-modal .e24-public-login-form .e24-auth-at-icon {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}


/* Emlak24 Core 1.1.81 — live registration password validation indicators. */
#login-register-form.e24-public-auth-modal #e24_register_form .e24-password-validation-field {
    position: relative !important;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-password-validation-field > input.form-control {
    padding-right: 46px !important;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-password-valid-indicator {
    position: absolute !important;
    right: 13px !important;
    top: 50% !important;
    width: 22px !important;
    height: 22px !important;
    transform: translateY(-50%) scale(.78) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    color: #16a34a !important;
    transition: opacity .14s ease, transform .14s ease, visibility .14s ease !important;
    z-index: 12 !important;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-password-valid-indicator.is-valid {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(-50%) scale(1) !important;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-password-valid-indicator svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    overflow: visible !important;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-password-valid-indicator circle {
    fill: #16a34a !important;
    stroke: none !important;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-password-valid-indicator path {
    fill: none !important;
    stroke: #fff !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* ==========================================================
   Emlak24 Core 1.1.83 — Legal consent separation
   ========================================================== */
#login-register-form.e24-public-auth-modal .e24-auth-terms a,
#login-register-form.e24-public-auth-modal .e24-registration-privacy-note a,
#login-register-form.e24-public-auth-modal .e24-registration-marketing a {
    color: #1264ee;
    text-decoration: none;
    font-weight: 600;
}
#login-register-form.e24-public-auth-modal .e24-auth-terms a:hover,
#login-register-form.e24-public-auth-modal .e24-registration-privacy-note a:hover,
#login-register-form.e24-public-auth-modal .e24-registration-marketing a:hover {
    text-decoration: underline;
}
#login-register-form.e24-public-auth-modal .e24-registration-privacy-note,
#login-register-form.e24-public-auth-modal .e24-registration-marketing {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dbe7f8;
    border-radius: 10px;
    background: #f8fbff;
    color: #475467;
}
#login-register-form.e24-public-auth-modal .e24-registration-privacy-note {
    display: grid;
    gap: 4px;
    margin: 0 0 12px;
    padding: 12px 14px;
    font-size: 11.5px;
    line-height: 1.45;
}
#login-register-form.e24-public-auth-modal .e24-registration-privacy-note strong {
    color: #173b67;
    font-size: 12px;
}
#login-register-form.e24-public-auth-modal .e24-registration-privacy-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 2px;
}
#login-register-form.e24-public-auth-modal .e24-registration-marketing {
    margin: 0 0 16px;
    padding: 12px 14px 13px;
}
#login-register-form.e24-public-auth-modal .e24-registration-marketing legend {
    width: auto;
    margin: 0;
    padding: 0 4px;
    color: #173b67;
    font-size: 12px;
    font-weight: 700;
}
#login-register-form.e24-public-auth-modal .e24-registration-marketing p {
    margin: 3px 0 10px;
    font-size: 11.5px;
    line-height: 1.45;
}
#login-register-form.e24-public-auth-modal .e24-registration-marketing small {
    display: block;
    margin-top: 9px;
    font-size: 10.5px;
    line-height: 1.4;
    color: #667085;
}
#login-register-form.e24-public-auth-modal .e24-marketing-channel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
}
#login-register-form.e24-public-auth-modal .e24-marketing-channel-grid label {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    margin: 0;
    padding: 7px 9px;
    border: 1px solid #e1e8f2;
    border-radius: 7px;
    background: #fff;
    color: #344054;
    font-size: 11.5px;
    cursor: pointer;
}
#login-register-form.e24-public-auth-modal .e24-marketing-channel-grid input[type="checkbox"] {
    position: static !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    opacity: 1 !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}
@media (max-width: 420px) {
    #login-register-form.e24-public-auth-modal .e24-marketing-channel-grid { grid-template-columns: 1fr; }
}

/* Registration validation: required terms error. */
#login-register-form.e24-public-auth-modal #e24_register_form .e24-auth-terms {
    position: relative;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-auth-terms input.is-invalid {
    outline: 2px solid #d63638 !important;
    outline-offset: 2px;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-terms-error {
    display: block;
    width: 100%;
    margin-top: 6px;
    color: #d63638;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-terms-error[hidden] {
    display: none !important;
}


/* Emlak24 Core 1.2.5 — canonical register field icons and Business type choices. */
#e24_register_form .e24-auth-icon-field {
    position: relative !important;
}
#e24_register_form .e24-auth-icon-field > .form-control {
    padding-left: 44px !important;
}
#e24_register_form .e24-auth-field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    pointer-events: none !important;
    color: #68727d !important;
    font-size: 18px !important;
    line-height: 1 !important;
}
#e24_register_form .e24-auth-field-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
#e24_register_form .e24-password-validation-field.e24-auth-icon-field > .form-control {
    padding-right: 44px !important;
}
#e24_register_form .e24-business-type-picker {
    display: grid;
    gap: 8px;
    width: 100%;
}
#e24_register_form .e24-business-type-option {
    display: grid;
    grid-template-columns: 20px 26px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 46px;
    margin: 0;
    padding: 9px 12px;
    border: 1px solid #d8dce1;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
    color: #27313a;
}
#e24_register_form .e24-business-type-option:hover,
#e24_register_form .e24-business-type-option.is-selected {
    border-color: #0d6efd;
    background: #f4f8ff;
}
#e24_register_form .e24-business-type-option input {
    margin: 0 !important;
}
#e24_register_form .e24-business-type-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #0d6efd;
}
#e24_register_form .e24-business-type-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Emlak24 Core 1.2.13 — concise password requirements below registration fields. */
#login-register-form.e24-public-auth-modal #e24_register_form .e24-password-requirements {
    margin: 6px 2px 0;
    font-size: 12px;
    line-height: 1.35;
    color: #6b7280;
}

/* Emlak24 1.2.16 registration completion: keep feedback visible on mobile. */
#login-register-form.e24-public-auth-modal #e24_register_form .e24-register-inline-message{margin:12px 0 14px!important;min-height:0}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-registration-success-panel{padding:34px 22px;text-align:center;border:1px solid #c8e1f8;border-radius:12px;background:#f5faff}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-registration-success-panel-icon{width:58px;height:58px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#198754;color:#fff;font-size:30px;font-weight:800}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-registration-success-panel h3{margin:0 0 10px;color:#0d5fa8;font-size:24px}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-registration-success-panel p{margin:0;color:#334155;line-height:1.6;font-size:15px}

/* 1.2.18 — verification email success/resend UI */
#login-register-form.e24-public-auth-modal #e24_register_form .e24-registration-success-email{
    display:inline-block;margin:0 0 10px;color:#198754!important;font-size:15px;font-weight:800;text-decoration:none;overflow-wrap:anywhere
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-registration-success-email:hover{text-decoration:underline}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-registration-success-resend{
    display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px
}
#login-register-form.e24-public-auth-modal #e24_register_form .e24-registration-success-resend .e24-resend-verification-status{
    flex-basis:100%;text-align:center
}