/* ============================================================
 * register-page-fixes.css
 * BS-EXACT register modal/page parity (K.20 + K.21 + K.22)
 * Created: 2026-04-28 by AGENT-REGISTER
 *
 * Audit basis (live BS measurements 2026-04-28):
 *   BS modal: .entrance-form-bc.registration.popup
 *   BS form input: h 49.4px, p 20px 44px 4px 15px, fs 14px, fw 400,
 *                  lh normal, br 4px, bg rgba(255,255,255,0.15),
 *                  c rgba(255,255,255,0.9), ff Roboto/Arial/Helv/sans
 *   BS submit:    h 34.2px, w 351.5px, bg rgb(211,175,55),
 *                  c #fff, fs 12px, fw 500, br 4px, p 0 20px,
 *                  tt uppercase, transition: background 0.24s
 *   BS phone code: bg transparent, h 49.4px, br 0
 *   BS phone input: bg rgba(255,255,255,0.15), p 20px 15px 4px,
 *                   br 4px, h 49.4px
 *   BS floating label (idle): fs 14px, c rgba(255,255,255,0.4),
 *                              position:absolute (placeholder-like)
 *   BS floating label (filled): fs 12px, top 10px (abs)
 *
 * MR diffs (before fix):
 *   - input height: 49.92px (target 49.4px) + line-height 16.8px (target normal)
 *   - submit height: 36px (target 34.2px) + transition 'all' (target 'background 0.24s')
 *   - DOB label: fs 9px lh 9px (target 12-14px)
 *   - country label: fs 10px lh 10px (target 12px)
 *   - phone code: h 52px (target 49.4px)
 *   - phone input: h 52px, p 20px 44px 4px 15px (target 49.4px, p 20px 15px 4px)
 *   - close X: gold rgb(212,175,55) fs 36px (target rgba(255,255,255,0.7) fs 24px)
 *
 * Scope: ONLY #registerModal — no global selectors
 * File ownership marker: AGENT-REGISTER-OWNED
 * Other agents owning these files (DO NOT TOUCH):
 *   - register-phone-fix.css (REGISTER-PHONE-FIX-AGENT)
 *   - register-country-fix.css (REGISTER-COUNTRY-FIX-AGENT)
 *   - auth-modals.css / auth-modals-jank-fix.css (auth modal agent)
 *
 * K.22 layers covered: L2 (input dims), L3 (label position),
 *                      L4 (label idle), L5 (submit), L9 (close),
 *                      L11 (phone code), L12 (phone input),
 *                      L13 (DOB), L14 (country trigger),
 *                      L17 (font/typography)
 *
 * NOTE: This file overrides theme-robinbet-mobile.css cascade
 * with !important since v9.5+ layered theme has higher source order.
 * ============================================================ */

/* /===== AGENT-REGISTER START =====/ */

/* ------------------------------------------------------------
 * L1 — Wrapper label height BS-paralel
 *   theme-robinbet-mobile.css line 2099-2113 sets
 *   .form-control-label-bc { height: 52px } — BS reference is 49.4px
 *   Since input uses height:100%, wrapper height drives input height.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc.inputs,
html.mobile-root body.mobile-site #registerModal .form-control-label-bc {
    height: 49.4px !important;
    min-height: 49.4px !important;
    max-height: 49.4px !important;
    border-radius: 4px !important;
    border: 0 !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------
 * L2 — Form input BS-paralel dimensions
 *   BS height: 49.4px, line-height: normal (NOT 16.8px)
 *   MR cascade was setting line-height: 1.2 → computed 16.8px
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .form-control-input-bc,
html.mobile-root body.mobile-site #registerModal input.form-control-input-bc,
html.mobile-root body.mobile-site #registerModal .form-control-label-bc input {
    height: 100% !important;
    min-height: 49.4px !important;
    max-height: 49.4px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    /* BS-paralel font/colour parity (cascade safety) */
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 20px 44px 4px 15px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Form group margin parity — BS uses 8px gap between fields */
html.mobile-root body.mobile-site #registerModal .form-group {
    margin-bottom: 8px !important;
}

/* ------------------------------------------------------------
 * L3 + L4 — Floating label BS-paralel positioning
 *   BS: .form-control-title-bc is position:absolute, top: ~17.5px
 *       fs 14px when idle (placeholder-like), fs 12px when filled/focused
 *   MR: was relative below input — now floats inside
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}
html.mobile-root body.mobile-site #registerModal .form-control-label-bc .form-control-title-bc,
html.mobile-root body.mobile-site #registerModal .form-control-title-bc {
    position: absolute !important;
    top: 17.5px !important;
    left: 15px !important;
    font-size: 14px !important;
    line-height: normal !important;
    color: rgba(255, 255, 255, 0.4) !important;
    pointer-events: none !important;
    transition: top 0.18s ease, font-size 0.18s ease, color 0.18s ease !important;
    font-weight: 400 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    margin: 0 !important;
    z-index: 1 !important;
    /* Truncate long labels */
    max-width: calc(100% - 30px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Filled / focused state — label floats up (BS-paralel) */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc:focus-within .form-control-title-bc,
html.mobile-root body.mobile-site #registerModal .form-control-input-bc:not(:placeholder-shown) ~ .form-control-title-bc,
html.mobile-root body.mobile-site #registerModal .form-control-input-bc:focus ~ .form-control-title-bc {
    top: 6px !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Stroke / border underline (BS uses no border, fully sealed) */
html.mobile-root body.mobile-site #registerModal .form-control-input-stroke-bc {
    display: none !important;
}

/* ------------------------------------------------------------
 * L5 — Submit button BS-paralel dimensions
 *   BS: h 34.2px, w 351.5px, transition: background 0.24s, fs 12px/500
 *   MR was: h 36px, transition: all
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-primary-btn,
html.mobile-root body.mobile-site #registerModal #modalRegisterSubmit,
html.mobile-root body.mobile-site #registerModal button.register-submit-full {
    height: 34.2px !important;
    min-height: 34.2px !important;
    line-height: 34.2px !important;
    background-color: rgb(211, 175, 55) !important;
    color: rgb(255, 255, 255) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border: 0 !important;
    border-radius: 4px !important;
    padding: 0 20px !important;
    text-transform: uppercase !important;
    transition: background 0.24s !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    width: 100% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    letter-spacing: 0 !important;
}
html.mobile-root body.mobile-site #registerModal .register-primary-btn:hover,
html.mobile-root body.mobile-site #registerModal #modalRegisterSubmit:hover {
    background-color: rgb(196, 162, 50) !important; /* BS-paralel hover (slightly darker gold) */
}
html.mobile-root body.mobile-site #registerModal .register-primary-btn:active,
html.mobile-root body.mobile-site #registerModal #modalRegisterSubmit:active {
    background-color: rgb(180, 148, 45) !important;
}

/* ------------------------------------------------------------
 * L9 — Close button (×) BS-paralel
 *   BS: rgba(255,255,255,0.7) fs 24px (subtle, white)
 *   MR was: rgb(212,175,55) gold fs 36px (theme leak, K.117 violation)
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-modal-close,
html.mobile-root body.mobile-site #registerModal button.register-modal-close {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 28px !important;
    line-height: 1 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 4px 8px !important;
    cursor: pointer !important;
    transition: color 0.18s ease !important;
    font-weight: 300 !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-close:hover {
    color: rgba(255, 255, 255, 1) !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-close:focus,
html.mobile-root body.mobile-site #registerModal .register-modal-close:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* ------------------------------------------------------------
 * L11 — Phone code (Kodu) trigger BS-paralel
 *   BS: h 49.4px (matches input row), bg rgba(255,255,255,0.15) inner,
 *       outer field bg transparent, br 4px on inner element only
 *   MR: was forced to h 52px in register-country-fix.css (file-owned)
 *
 * NOTE: register-country-fix.css OWNS .phone-code-trigger styling
 * (height, padding, layout). We override ONLY height to 49.4px since
 * BS measurement is 49.4 not 52.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .phone-code-trigger,
html.mobile-root body.mobile-site #registerModal #registerPhoneCodeTrigger {
    height: 49.4px !important;
    min-height: 49.4px !important;
    max-height: 49.4px !important;
}
/* Phone-code wrapper field shouldn't add height padding */
html.mobile-root body.mobile-site #registerModal .register-phone-code {
    height: 49.4px !important;
    box-sizing: border-box !important;
}

/* bc-fixed-select (theme sets to 52px on line 2346) */
html.mobile-root body.mobile-site #registerModal .bc-fixed-select,
html.mobile-root body.mobile-site #registerModal .register-phone-code .bc-fixed-select {
    height: 49.4px !important;
    min-height: 49.4px !important;
    max-height: 49.4px !important;
}

/* ------------------------------------------------------------
 * L12 — Phone number input BS-paralel
 *   BS: h 49.4px, p 20px 15px 4px (right padding 15, no extra 44 reserved)
 *   MR was: h 52px, p 20px 44px 4px 15px
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal #modal_phone,
html.mobile-root body.mobile-site #registerModal input[name="phone"][type="tel"],
html.mobile-root body.mobile-site #registerModal .register-phone-number .form-control-input-bc {
    height: 49.4px !important;
    min-height: 49.4px !important;
    max-height: 49.4px !important;
    padding: 20px 15px 4px !important;
    line-height: normal !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 4px !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
html.mobile-root body.mobile-site #registerModal .register-phone-number {
    height: 49.4px !important;
}
html.mobile-root body.mobile-site #registerModal .register-phone-row {
    align-items: center !important;
    gap: 8px !important;
}

/* Phone number floating label position fix (with right padding 15, not 44) */
html.mobile-root body.mobile-site #registerModal .register-phone-number .form-control-title-bc {
    left: 15px !important;
}

/* ------------------------------------------------------------
 * L13 — DOB (Tarih Seç) trigger BS-paralel
 *   Behaves like a filled input field with floating label
 *   BS filled state: fs 12px label abs top, value fs 14px below
 *   MR: label fs 9px, lh 9px (too small)
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-dob-trigger,
html.mobile-root body.mobile-site #registerModal button.register-dob-trigger {
    height: 49.4px !important;
    min-height: 49.4px !important;
    max-height: 49.4px !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 0 !important;
    border-radius: 4px !important;
    padding: 20px 44px 4px 15px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    cursor: pointer !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
html.mobile-root body.mobile-site #registerModal .register-dob-trigger-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    flex: 1 !important;
    min-width: 0 !important;
}
html.mobile-root body.mobile-site #registerModal .register-dob-label,
html.mobile-root body.mobile-site #registerModal .register-dob-trigger .form-control-title-bc {
    position: absolute !important;
    top: 6px !important;
    left: 15px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-weight: 400 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    margin: 0 !important;
    pointer-events: none !important;
}
html.mobile-root body.mobile-site #registerModal .register-dob-value {
    font-size: 14px !important;
    line-height: normal !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400 !important;
    margin-top: 12px !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site #registerModal .register-dob-icon {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: rgba(255, 255, 255, 0.4) !important;
    pointer-events: none !important;
}
html.mobile-root body.mobile-site #registerModal .register-dob-icon .bc-i-datepicker {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.4) !important;
}

/* ------------------------------------------------------------
 * L14 — Country trigger BS-paralel floating label
 *   BS: label fs 12px abs top when filled, value fs 14px
 *   MR was: label fs 10px, lh 10px (too small)
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-country-trigger {
    height: 49.4px !important;
    min-height: 49.4px !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 0 !important;
    border-radius: 4px !important;
    padding: 20px 44px 4px 15px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site #registerModal .register-country-trigger .form-control-title-bc {
    position: absolute !important;
    top: 6px !important;
    left: 15px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-weight: 400 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    margin: 0 !important;
    pointer-events: none !important;
}
html.mobile-root body.mobile-site #registerModal .register-country-flag {
    margin-top: 12px !important;
    flex-shrink: 0 !important;
}
html.mobile-root body.mobile-site #registerModal .register-country-name {
    margin-top: 12px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
html.mobile-root body.mobile-site #registerModal .register-country-arrow {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: rgba(255, 255, 255, 0.4) !important;
}

/* ------------------------------------------------------------
 * L7 — Modal title BS-paralel
 *   BS doesn't show a big "ŞIMDI KAYDOLUN" title — keep MR's but
 *   tighten margins to BS-paralel form layout
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-modal-title {
    font-size: 16px !important;
    line-height: 18px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase !important;
    text-align: left !important;
    letter-spacing: 0 !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-small {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    margin: 0 0 4px 0 !important;
    line-height: normal !important;
}

/* ------------------------------------------------------------
 * L6 — Top bar (header) BS-paralel
 *   BS minimal top bar — small close + GİRİŞ link
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-modal-top-bar {
    height: 44px !important;
    padding: 0 12px !important;
    align-items: center !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-login-link {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-login-link:hover {
    color: rgba(255, 255, 255, 1) !important;
}

/* ------------------------------------------------------------
 * Currency / Gender select BS-paralel — match input dimensions
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal select.form-control-input-bc {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='rgba(255,255,255,0.4)' d='M0 0h10L5 6z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 30px !important;
    cursor: pointer !important;
}

/* Select option (when expanded) — keep dark theme */
html.mobile-root body.mobile-site #registerModal select.form-control-input-bc option {
    background-color: rgb(26, 26, 26) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ------------------------------------------------------------
 * SMS warning + reCAPTCHA notice tightening
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-sms-warning {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    background-color: rgba(255, 52, 73, 0.15) !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
    margin: 6px 0 !important;
    line-height: 1.3 !important;
}
html.mobile-root body.mobile-site #registerModal .register-recaptcha-notice {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    line-height: 1.4 !important;
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
html.mobile-root body.mobile-site #registerModal .register-recaptcha-notice a {
    color: rgba(255, 255, 255, 0.7) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* ------------------------------------------------------------
 * Terms checkbox row BS-paralel
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-terms-label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site #registerModal .register-terms-checkbox {
    width: 14px !important;
    height: 14px !important;
    margin-top: 2px !important;
    accent-color: rgb(211, 175, 55) !important;
    flex-shrink: 0 !important;
}
html.mobile-root body.mobile-site #registerModal .register-terms-text a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* ------------------------------------------------------------
 * Error text — BS-paralel red message
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-error-text {
    font-size: 11px !important;
    color: rgb(255, 52, 73) !important;
    line-height: 1.3 !important;
    margin-top: 3px !important;
    margin-bottom: 0 !important;
    display: none !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site #registerModal .form-group.has-error .register-error-text,
html.mobile-root body.mobile-site #registerModal .form-group.invalid .register-error-text {
    display: block !important;
}

/* ------------------------------------------------------------
 * Support button (DESTEK) — secondary action, BS hides this
 * but MR has it. Style minimally.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-support-btn {
    color: rgba(255, 255, 255, 0.7) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 0 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site #registerModal .register-support-btn:hover {
    color: rgba(255, 255, 255, 1) !important;
}

/* ------------------------------------------------------------
 * Sticky bottom bar BS-paralel (submit + support row)
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-sticky-bottom {
    background-color: rgba(0, 0, 0, 0.2) !important;
    padding: 8px 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}
html.mobile-root body.mobile-site #registerModal .register-actions {
    margin-bottom: 6px !important;
}
html.mobile-root body.mobile-site #registerModal .register-footer-bar {
    margin-top: 0 !important;
}

/* ------------------------------------------------------------
 * Steps scroll area — proper inner padding
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-steps-scroll {
    padding: 12px 12px 12px 12px !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------
 * Banner — BS doesn't show banner inside form, hide if present
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-banner {
    display: none !important;
}

/* ------------------------------------------------------------
 * Country picker / phone picker modal — BS-paralel typography
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site .country-picker-modal {
    background-color: rgb(26, 26, 26) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
html.mobile-root body.mobile-site .country-picker-search {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: 0 !important;
    border-radius: 4px !important;
    height: 36px !important;
    font-size: 14px !important;
    padding: 0 12px !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site .country-picker-search::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}
html.mobile-root body.mobile-site .country-picker-list li,
html.mobile-root body.mobile-site .country-picker-list .country-picker-item {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site .country-picker-list li:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* ------------------------------------------------------------
 * Focus visible — no gold theme leak (K.117)
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal *:focus,
html.mobile-root body.mobile-site #registerModal *:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
html.mobile-root body.mobile-site #registerModal input:focus,
html.mobile-root body.mobile-site #registerModal select:focus,
html.mobile-root body.mobile-site #registerModal button:focus {
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(211, 175, 55, 0.3) inset !important;
}

/* /===== AGENT-REGISTER END =====/ */