/* ============================================================
 * register-deep-v2-fixes.css
 * AGENT-REGISTER-V2-OWNED — pixel-perfect register modal parity
 * Created: 2026-04-28 by AGENT-REGISTER-V2
 *
 * Purpose: Close residual diffs after register-page-fixes.css.
 * Live BS measurements 2026-04-28 (m.bahissende302.com /tr):
 *   Modal popup     : 380.00 x 564.68, x:10, y:34.86, radius:16,
 *                     border:0.8px solid rgba(212,175,55,0.2)
 *   Subtitle        : "Yeni üye misiniz?" fs:14 fw:500 color:rgba(255,255,255,0.5)
 *                     y:96.4 lh:16
 *   Big title       : "ŞİMDİ KAYDOLUN..." fs:18 fw:400 color:#fff lh:20
 *   Logo            : 95 x 43.7 (proportional)
 *   Field wrapper   : 365.18 x 49.40 — text fields radius:0 bg:transparent
 *   Field label idle: fs:12 lh:14 left:14.25 color:rgba(255,255,255,0.4)
 *   Submit btn      : 351.5 x 34.2 fs:12 fw:500 tt:none text:"Kayıt"
 *                     transition: background 0.24s
 *   Bottom support  : "DESTEK İLE İLETİŞİME GEÇİN" fs:14 fw:500
 *                     color:rgba(255,255,255,0.5) tt:none
 *
 * MR diffs vs BS (before V2 fix):
 *   - Subtitle fs 12 (target 14)            → fix
 *   - Big title fs 16 fw 500 lh 18 c 0.9    → 18 / 400 / 20 / #fff
 *   - Field label idle fs 14 (target 12)    → fix
 *   - Field label x 35-41 (target 31.66)    → left 14.25
 *   - Field wrapper radius 4 (target 0 text)→ unset radius for text inputs
 *   - Field wrapper bg 0.15 (target 0 text) → wrapper transparent, input has bg
 *   - Submit btn TT uppercase (target none) → tt:none, text already "Kayıt"
 *   - Submit btn w 332 (target 351.5)       → expand width
 *   - Modal radius 0 (target 16)            → keep 16 with mx auto + mt
 *   - Modal border missing (target 0.8 gold)→ subtle gold-2% border
 *   - Bottom support color 0.7 (target 0.5) → dim
 *   - Privacy/terms color 0.7 (target 0.9)  → fix
 *
 * Override registry references:
 *   OV-1: Logo asset = MeritRoyalVIPLogo.png (operator brand) — BS uses
 *         /logo.png. Asset NOT replaced (rule §22 operator branding).
 *   OV-2: Modal full-screen vs popup — BS uses ~380×565 popup with 35px
 *         top gap; MR uses 400×594 fullscreen. V2 retains MR full-screen
 *         framing but mimics popup shell visually with internal max-width.
 *
 * File ownership marker: AGENT-REGISTER-V2-OWNED
 * Other agents owning these files (DO NOT TOUCH):
 *   - register-page-fixes.css        (AGENT-REGISTER)
 *   - 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.21/K.22 layers covered:
 *   L0 modal shell, L7 big-title, L8 subtitle,
 *   L3 floating-label idle fs, L9 close button,
 *   L20 footer support link, L22 terms checkbox color,
 *   L23 privacy link colour, L25 submit button text-transform/width
 * ============================================================ */

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

/* ------------------------------------------------------------
 * V2-A — Subtitle "Yeni üye misiniz?" BS parity
 *   BS: fs 14 fw 500 lh 16 color rgba(255,255,255,0.5) tt none
 *   MR: fs 12 → bump to 14
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-modal-small,
html.mobile-root body.mobile-site #registerModal p.register-modal-small {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin: 0 0 8px 0 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* ------------------------------------------------------------
 * V2-B — Big title "ŞİMDİ KAYDOLUN, HERŞEY ÇOK KOLAY!" BS parity
 *   BS: fs 18 fw 400 lh 20 color rgb(255,255,255) tt uppercase
 *   MR: fs 16 fw 500 lh 18 color 0.9 → fix
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-modal-title,
html.mobile-root body.mobile-site #registerModal h2.register-modal-title {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: rgb(255, 255, 255) !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    margin: 0 0 12px 0 !important;
    text-align: left !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* ------------------------------------------------------------
 * V2-C — Floating label idle font-size BS parity
 *   BS: idle fs 12 (placeholder-like), top-of-input vertical center
 *   MR previously set fs 14 in idle state via register-page-fixes.
 *   This rule targets the idle (un-focused, empty) state ONLY —
 *   filled/focused state retains fs 12 from earlier rule.
 * ------------------------------------------------------------ */
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 {
    font-size: 12px !important;
    line-height: 14px !important;
    top: 17.5px !important;
    /* Keep 'top' from previous rule but lock fs to 12 to match BS */
}

/* When focused or filled, label floats higher with smaller top */
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;
    line-height: 14px !important;
}

/* ------------------------------------------------------------
 * V2-D — Field wrapper geometry BS parity
 *   BS text inputs: wrapper bg transparent, radius 0, border 0
 *                   input itself has bg rgba(255,255,255,0.15) and radius 4
 *   BS select wrappers (Country, Phone-code): wrapper has bg+radius
 *   MR was: wrapper bg 0.15 + radius 4 for ALL → text wrappers should be 0/0
 *
 * NOTE: Don't break has-value / select-bc wrappers. Target only inputs.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc.inputs:not(.form-control-select-bc):not(.register-country-label):not(.has-value) {
    /* Text-input wrappers — BS uses transparent wrapper, input has bg */
    background-color: transparent !important;
    border-radius: 0 !important;
}
/* Input itself paints the bg + radius */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc.inputs:not(.form-control-select-bc) .form-control-input-bc {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
    border: 0 !important;
}

/* Select wrappers (Country, Phone-code) keep wrapper-level bg/radius */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc.form-control-select-bc {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
    border: 0 !important;
}

/* ------------------------------------------------------------
 * V2-E — Submit button BS-exact parity (text + tt + width)
 *   BS submit: text "Kayıt" (mixed case), tt none, w 351.5, h 34.2
 *   MR was: text "KAYIT" with tt uppercase + w ~332
 *
 * BS forces NOT-uppercase. MR's text content is "KAYIT" (all-caps)
 * so we override: keep MR's HTML "KAYIT" but apply text-transform
 * lowercase + first-letter capitalize to mimic "Kayıt" rendering.
 * BUT — actually BS shows "Kayıt" mixed case from server side.
 * Solution: text-transform:none + use ::first-letter capitalize.
 *
 * SAFER: Just text-transform:none (BS uses tt:none) and let MR's
 * existing innerText "KAYIT" remain — BS is "Kayıt", MR is "KAYIT".
 * This is text content, not stylable. Will require markup change OR
 * accept the case difference as intentional.
 *
 * Override: text-transform:none, width:expand to inner form area.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site div#registerModal .register-primary-btn,
html.mobile-root body.mobile-site div#registerModal button#modalRegisterSubmit,
html.mobile-root body.mobile-site div#registerModal button.register-submit-full,
html.mobile-root body.mobile-site div#registerModal button.register-primary-btn.register-submit-full {
    text-transform: none !important; /* BS uses tt:none — show casing as-is */
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    height: 34.2px !important;
    min-height: 34.2px !important;
    max-height: 34.2px !important;
    line-height: 34.2px !important;
    box-sizing: border-box !important;
    letter-spacing: 0 !important;
    flex: 0 0 34.2px !important;
}

/* Re-anchor button row container — full inner width */
html.mobile-root body.mobile-site #registerModal .register-actions {
    padding: 0 !important;
    margin: 0 0 6px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Form layout fills modal-body inner */
html.mobile-root body.mobile-site #registerModal .register-form-layout,
html.mobile-root body.mobile-site #registerModal form.register-form-layout {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------
 * V2-F — Modal shell visual parity (radius + soft border)
 *   BS popup: radius 16, border 0.8px solid rgba(212,175,55,0.2)
 *   MR was: radius 0, border 0
 *
 * Strategy: Apply visual mask to modal content area as inset.
 * MR is full-screen-fixed positioning so we can't add radius
 * without breaking layout. Instead: use inset shadow for soft
 * border + apply radius to inner content shell.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-modal-content,
html.mobile-root body.mobile-site #registerModal .register-modal-body,
html.mobile-root body.mobile-site #registerModal .register-modal-shell {
    /* If a content shell exists, give it BS popup-style chrome */
    border-radius: 0 !important; /* BS popup is window-floating; MR full-screen
                                   keeps 0 for fullscreen feel */
}

/* Subtle gold-translucent inset rim hint to echo BS popup border */
html.mobile-root body.mobile-site #registerModal {
    box-shadow: inset 0 0 0 0.8px rgba(212, 175, 55, 0.12) !important;
}

/* Bootstrap modal transition transform causes scale(0.96) lingering →
   forces all measurements to render 4% smaller than declared.
   BS popup uses only opacity fade, no scale. Override transform for
   register modal final state to avoid scale-down measurement bug.
   Specificity bump: html.mobile-root body.mobile-site
   div#registerModal.modal.fade.show .modal-content.register-modal-content */
html.mobile-root body.mobile-site div#registerModal.modal.show div.modal-content.register-modal-content,
html.mobile-root body.mobile-site div#registerModal.modal.fade.show div.modal-content.register-modal-content,
html.mobile-root body.mobile-site div#registerModal div.modal-content.register-modal-content {
    transform: none !important;
    animation: none !important;
    will-change: auto !important;
    contain: none !important;
    transform-origin: center center !important;
    backface-visibility: visible !important;
}

/* Modal opening animation — BS-paralel fade only (no scale) */
html.mobile-root body.mobile-site div#registerModal div.modal-content {
    transition: opacity 0.18s ease-out !important;
}

/* Override mrPopupSlideIn keyframe end-state */
@keyframes mrPopupSlideInFlat {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
html.mobile-root body.mobile-site div#registerModal.show div.modal-content.register-modal-content {
    animation: mrPopupSlideInFlat 0.18s ease-out both !important;
}

/* ------------------------------------------------------------
 * V2-G — Bottom support link BS parity
 *   BS bottom: "DESTEK İLE İLETİŞİME GEÇİN" fs 14 fw 500
 *              color rgba(255,255,255,0.5) tt none
 *   MR has: register-support-btn currently fs 12 fw 500 color 0.7 tt UPPER
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-support-btn,
html.mobile-root body.mobile-site #registerModal a.register-support-btn,
html.mobile-root body.mobile-site #registerModal button.register-support-btn {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-transform: none !important;  /* BS uses none — but text content "DESTEK..." is upper-case in HTML */
    letter-spacing: 0 !important;
    line-height: 16px !important;
    padding: 8px 0 !important;
    text-align: center !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, 0.85) !important;
}

/* ------------------------------------------------------------
 * V2-H — Terms checkbox label BS parity
 *   BS: fs 14 fw 400 color 0.7
 *        privacy/terms <a> color 0.9
 *   MR was: fs 12 (font too small) and link colour 0.7 (too dim)
 *   Note: register-terms-text color/size stays controlled by V1
 *         this rule bumps the OUTER terms label container.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-terms-label,
html.mobile-root body.mobile-site #registerModal .terms-before-reg-btn-text,
html.mobile-root body.mobile-site #registerModal .register-terms-text {
    font-size: 14px !important;
    line-height: 16px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 400 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
html.mobile-root body.mobile-site #registerModal .register-terms-label a,
html.mobile-root body.mobile-site #registerModal .register-terms-text a,
html.mobile-root body.mobile-site #registerModal .privacy-police-text + a,
html.mobile-root body.mobile-site #registerModal a[href*="privacy"],
html.mobile-root body.mobile-site #registerModal a[href*="terms"],
html.mobile-root body.mobile-site #registerModal a[href*="conditions"] {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
html.mobile-root body.mobile-site #registerModal .register-terms-label a:hover,
html.mobile-root body.mobile-site #registerModal .register-terms-text a:hover {
    text-decoration: underline !important;
}

/* ------------------------------------------------------------
 * V2-I — "GİRİŞ" login link / top tab BS parity
 *   BS: fs 14, color rgba(255,255,255,0.8), padding 6px 0, transition color 0.24s
 *   MR was: fs 12, fw 500, tt uppercase, underlined
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site div#registerModal button#openLoginFromRegister,
html.mobile-root body.mobile-site div#registerModal button#openLoginFromRegister.register-modal-login-link,
html.mobile-root body.mobile-site div#registerModal .register-modal-top-bar #openLoginFromRegister,
html.mobile-root body.mobile-site div#registerModal #openLoginFromRegister {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 255, 255, 0.8) !important;
    text-underline-offset: 2px !important;
    padding: 6px 0 !important;
    line-height: normal !important;
    transition: color 0.24s !important;
    letter-spacing: 0 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    background: transparent !important;
    border: 0 !important;
}
html.mobile-root body.mobile-site div#registerModal button#openLoginFromRegister:hover,
html.mobile-root body.mobile-site div#registerModal #openLoginFromRegister:hover {
    color: rgba(255, 255, 255, 1) !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-login-link:hover {
    color: rgba(255, 255, 255, 1) !important;
}

/* ------------------------------------------------------------
 * V2-J — Logo dimensions BS parity
 *   BS: 95 x 43.7  (proportional from 360x120 source)
 *   MR was: 100 x 46 — slightly bigger
 *
 * Note: MR uses MeritRoyalVIPLogo.png (operator brand asset)
 * which is OV-1 in override registry. We adjust dimensions only.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-modal-logo,
html.mobile-root body.mobile-site #registerModal .register-modal-logo img,
html.mobile-root body.mobile-site #registerModal .entrance-logo-bc,
html.mobile-root body.mobile-site #registerModal .entrance-logo-bc img {
    width: 95px !important;
    max-width: 95px !important;
    height: 43.7px !important;
    max-height: 43.7px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

/* ------------------------------------------------------------
 * V2-K — Field padding parity for selects (gender / currency)
 *   BS: bg rgba(0,0,0,0) for input, wrapper has bg
 *       padding 20px 30px 4px 15px
 *   MR was: input bg 0 → already correct, padding correct
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal select.form-control-input-bc {
    background-color: transparent !important;
    padding: 20px 30px 4px 15px !important;
}

/* ------------------------------------------------------------
 * V2-L — SMS warning notice BS parity
 *   BS: fs 12 lh normal (no block bg) color rgb(255,255,255)
 *   MR has: bg rgba(255,52,73,0.15) red-tinted block, lh 1.3
 *
 * BS's notice is a plain inline message. Override MR to remove
 * the red-tint block bg and match text-only style.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-sms-warning {
    background-color: transparent !important;
    color: rgb(255, 255, 255) !important;
    font-size: 12px !important;
    line-height: normal !important;
    padding: 4px 0 !important;
    border-radius: 0 !important;
    margin: 8px 0 !important;
}

/* ------------------------------------------------------------
 * V2-M — Close (×) button position BS parity
 *   BS popup: close button is OUTSIDE popup at top-right
 *             (not inside the form). MR has it inside top-right.
 *   Adjust MR's close button to be smaller + softer color.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site div#registerModal button.register-modal-close,
html.mobile-root body.mobile-site div#registerModal .register-modal-top-bar button.register-modal-close,
html.mobile-root body.mobile-site div#registerModal .register-modal-header button.register-modal-close,
html.mobile-root body.mobile-site div#registerModal button.register-modal-close[data-dismiss="modal"] {
    color: rgba(212, 175, 55, 0.85) !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: color 0.18s !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    flex: 0 0 36px !important;
}
html.mobile-root body.mobile-site div#registerModal button.register-modal-close span {
    color: rgba(212, 175, 55, 0.85) !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
}
html.mobile-root body.mobile-site #registerModal .register-modal-close:hover,
html.mobile-root body.mobile-site #registerModal .register-modal-close:hover span {
    color: rgba(212, 175, 55, 1) !important;
}

/* ------------------------------------------------------------
 * V2-N — Form group margin/spacing BS parity
 *   BS field y-spacing: 49.4 height + ~14.25 gap = 63.65 row height
 *   So gap between fields = 14.25 (not 8)
 * ------------------------------------------------------------ */
/* MAX SPECIFICITY — competing with login-input-h-fix.css (MAIN-SESSION-OWNED)
 * which forces #registerModal .form-group height:52 + Bootstrap padding.
 * Override with attribute + html[lang] chain. */
html[lang] body.mobile-site div#registerModal div.form-group,
html.mobile-root body.mobile-site div#registerModal .register-steps-scroll > div.form-group,
html.mobile-root body.mobile-site div#registerModal .register-form-layout div.form-group,
html.mobile-root body.mobile-site div#registerModal form#modalRegisterForm div.form-group,
html[lang] body.mobile-site div#registerModal form .form-group,
html.mobile-root body.mobile-site #registerModal[id] .form-group {
    margin-bottom: 14.25px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    flex: 0 0 100% !important;
    align-self: stretch !important;
}

/* Steps-scroll: parent of form-group must be block so width:100% works */
html.mobile-root body.mobile-site div#registerModal .register-steps-scroll {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Override login-input-h-fix.css h:52 for REGISTER inputs only — BS=49.4 */
html[lang] body.mobile-site div#registerModal input.form-control-input-bc[type],
html[lang] body.mobile-site div#registerModal input.form-control-input-bc[name],
html[lang] body.mobile-site div#registerModal input.form-control-input-bc[id],
html[lang] body.mobile-site div#registerModal .form-group input.form-control-input-bc,
html[lang] body.mobile-site div#registerModal .form-control-bc input.form-control-input-bc,
html.mobile-root body.mobile-site div#registerModal .register-form-layout input.form-control-input-bc {
    height: 49.4px !important;
    min-height: 49.4px !important;
    max-height: 49.4px !important;
}

/* ------------------------------------------------------------
 * V2-O — Form container width parity
 *   BS form: x 10.76, w 378.48 (form inset by ~10 from popup edge)
 *   MR form: x 8, w 384 — too wide
 *   Inset MR form to 360 width, centered.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-modal-body,
html.mobile-root body.mobile-site #registerModal .register-form,
html.mobile-root body.mobile-site #registerModal form#registerModalForm,
html.mobile-root body.mobile-site #registerModal form.register-form {
    padding-left: 17.41px !important;
    padding-right: 17.41px !important;
    box-sizing: border-box !important;
}

/* Steps-scroll inner padding — should be flat (no extra) so total
   left padding = 17.41 from modal edge (matching BS popup x:17.41) */
html.mobile-root body.mobile-site #registerModal .register-steps-scroll {
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Sticky-bottom padding flat — submit btn x = 17.41 from modal edge */
html.mobile-root body.mobile-site #registerModal .register-sticky-bottom {
    padding: 8px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------
 * V2-P — Field label horizontal inset BS parity
 *   BS label x: 31.66 (within popup that starts at 10.76)
 *               => 20.9 from popup-edge
 *   With form padding 14.25, input begins at 14.25.
 *   Label sits at left:15 inside input → matches BS pattern.
 *   Already configured by V1 (left:15) — no change needed.
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * V2-Q — Recaptcha notice BS parity
 *   BS: "Bu site reCAPTCHA tarafından korunmaktadır..." link colour 0.7
 *   MR has it — color was set to 0.7 in V1, link to 0.7. BS uses 0.5/0.7.
 * ------------------------------------------------------------ */
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;
}
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;
}

/* ------------------------------------------------------------
 * V2-R — Phone code "Kodu" label BS parity
 *   BS Kodu label: position absolute fs 12 (already V1)
 *   But BS Kodu wrapper width: 82.40, MR width may differ.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-phone-code,
html.mobile-root body.mobile-site #registerModal .phone-code-trigger {
    width: 82.40px !important;
    flex-shrink: 0 !important;
}

/* ------------------------------------------------------------
 * V2-S — Tarih Seç (DOB) label/value parity
 *   BS Tarih Seç idle: shows "Tarih Seç *" floating + "Tarih Seç"
 *      placeholder underneath in a single column.
 *   BS placeholder fs: 14, color 0.4 (placeholder-like)
 *   MR fs:14 already (V1) but checkpoint label fs 12 (V1).
 *   Verify rendering matches.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-dob-value.is-placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 14px !important;
}
html.mobile-root body.mobile-site #registerModal .register-dob-value:not(.is-placeholder) {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
}

/* ------------------------------------------------------------
 * V2-T — Country trigger flag + name BS parity
 *   BS country shows: flag + name "Türkiye" with proper float-label
 *   MR has it correctly, but verify text vertical center.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-country-trigger {
    /* margin-top correction for value text */
}
html.mobile-root body.mobile-site #registerModal .register-country-flag img {
    width: 18px !important;
    height: auto !important;
}

/* ------------------------------------------------------------
 * V2-U — Action text/button row BS parity
 *   Submit button row should match BS y-position (~479 from popup top)
 *   Within 380 popup, BS button x 24.25 = 14.25 internal padding edge
 *   MR within 400 viewport: button at x 33.92 → reduce to ~24.
 *   Already handled in V2-E width via margin-left/right 18.
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * V2-V — Animation parity (drawer slide vs modal fade)
 *   BS register popup: opens with overlay fade + popup scale-in
 *   MR opens fullscreen with translateY slide.
 *   This is structural — accept as override OV-3.
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * V2-W — Reduce reduced-motion (a11y parity)
 * ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
    html.mobile-root body.mobile-site #registerModal *,
    html.mobile-root body.mobile-site #registerModal *::before,
    html.mobile-root body.mobile-site #registerModal *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ------------------------------------------------------------
 * V2-X — Privacy/cookie banner inside terms text BS parity
 *   BS: privacy-police-text fs 14 color 0.7 (between "Gizlilik..." and "ve")
 *   MR has it; ensure inline visually
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .privacy-police-text,
html.mobile-root body.mobile-site #registerModal span.privacy-police-text {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 16px !important;
    font-weight: 400 !important;
}

/* ------------------------------------------------------------
 * V2-Y — Header bar left/right padding BS parity
 *   BS top bar: GİRİŞ link far-right at x 307.45 (popup right edge - 67)
 *   MR top bar: GİRİŞ at x 303.32 (similar)
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #registerModal .register-modal-top-bar {
    padding: 0 14.25px !important;
}

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

/* ════════════════════════════════════════════════════════════════════
 * ITER 235 — Register modal BS-EXACT parity (live measurement 2026-05-02)
 *
 * BS measured (m.bahissende302.com /tr/ register modal, vp 419):
 *   modal h:650.4 w:419.2
 *   form (entrance-form-bc) x:0.8 w:417.6 (almost flush)
 *   input parent x:7.8 w:388.4 h:52
 *   input h:52 w:388.4
 *   submit x:24.6 w:370 h:36 (narrower than form, centered with 24.6 inset)
 *   submit parent (entrance-form-actions-holder-bc) x:24.6 w:370
 *
 * MR measured (m.meritroyalvip753.com /tr/ register modal):
 *   modal h:594.4 w:419.2
 *   form (register-form-layout) x:17.4 w:384.4 (17.4 inset each side)
 *   input parent (form-group) x:17.4 w:370 h:49.4
 *   input h:49.4 w:370
 *   submit x:17.4 w:384.4 h:34.2 (full form width)
 *
 * Diffs to apply:
 *   - form padding 17.41 → 0.8 (form fills modal)
 *   - form-group/steps-scroll inner padding-left/right 7.8 (so input x:7.8)
 *   - input h 49.4 → 52
 *   - submit h 34.2 → 36
 *   - submit container w → 370, x:24.6 (centered narrower)
 * ════════════════════════════════════════════════════════════════════ */

/* Form fills modal almost flush (BS form x:0.8) */
html.mobile-root body.mobile-site #registerModal .register-modal-body,
html.mobile-root body.mobile-site #registerModal .register-form,
html.mobile-root body.mobile-site #registerModal form#registerModalForm,
html.mobile-root body.mobile-site #registerModal form.register-form,
html.mobile-root body.mobile-site #registerModal form#modalRegisterForm,
html.mobile-root body.mobile-site #registerModal form.register-form-layout {
    padding-left: 0.8px !important;
    padding-right: 0.8px !important;
    box-sizing: border-box !important;
}

/* Steps-scroll inset 7px → input x:7.8 (BS-exact) */
html.mobile-root body.mobile-site #registerModal .register-steps-scroll {
    padding-left: 7px !important;
    padding-right: 7px !important;
    box-sizing: border-box !important;
}

/* form-group fills steps-scroll inner — w:388 BS-exact */
html.mobile-root body.mobile-site div#registerModal .register-steps-scroll > div.form-group,
html.mobile-root body.mobile-site div#registerModal .register-form-layout div.form-group,
html.mobile-root body.mobile-site div#registerModal form#modalRegisterForm div.form-group,
html[lang] body.mobile-site div#registerModal form .form-group,
html.mobile-root body.mobile-site #registerModal[id] .form-group {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Input height 49.4 → 52 BS-exact */
html[lang] body.mobile-site div#registerModal input.form-control-input-bc[type],
html[lang] body.mobile-site div#registerModal input.form-control-input-bc[name],
html[lang] body.mobile-site div#registerModal input.form-control-input-bc[id],
html[lang] body.mobile-site div#registerModal .form-group input.form-control-input-bc,
html[lang] body.mobile-site div#registerModal .form-control-bc input.form-control-input-bc,
html.mobile-root body.mobile-site div#registerModal .register-form-layout input.form-control-input-bc {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
}

/* Form-control-label-bc wrapper height match (BS uses 52 h on label-bc.inputs) */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc.inputs,
html.mobile-root body.mobile-site #registerModal .form-control-bc.default,
html.mobile-root body.mobile-site #registerModal .form-control-bc {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
}

/* Submit BS-exact: w:370 h:36 centered (submit container narrower than form) */
html.mobile-root body.mobile-site div#registerModal .register-primary-btn,
html.mobile-root body.mobile-site div#registerModal button#modalRegisterSubmit,
html.mobile-root body.mobile-site div#registerModal button.register-submit-full,
html.mobile-root body.mobile-site div#registerModal button.register-primary-btn.register-submit-full {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 36px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* register-actions narrower (BS submit container w:370 x:24.6) */
html.mobile-root body.mobile-site #registerModal .register-actions {
    width: 370px !important;
    max-width: 370px !important;
    margin: 0 auto 6px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Sticky-bottom inherits — full width, register-actions handles narrowing */
html.mobile-root body.mobile-site #registerModal .register-sticky-bottom {
    padding: 8px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* /===== ITER 235 END =====/ */

/* ════════════════════════════════════════════════════════════════════
 * ITER 236 — Phone row flex + SMS warning maroon box + header left-align
 * (User 2026-05-02: 3 fixes)
 *   1. Kodu + Telefon numarası tek satır (BS-paralel side-by-side)
 *   2. "Telefon numarası SMS doğrulaması..." dark maroon box
 *   3. "Yeni üye misiniz? / ŞİMDİ KAYDOLUN" sola yanaştır
 * ════════════════════════════════════════════════════════════════════ */

/* 1. Phone row — flex row (Kodu solda + Telefon numarası sağda)
 * Specificity must beat V2-N's highest-priority selector:
 *   html.mobile-root body.mobile-site div#registerModal form#modalRegisterForm div.form-group
 *   = (2 IDs, 3 classes, 5 elements)
 * New selector below = (2 IDs, 4 classes, 4 elements) → wins on classes. */
html[lang] body.mobile-site #registerModal form#modalRegisterForm div.form-group.register-phone-row,
html.mobile-root body.mobile-site #registerModal form#modalRegisterForm div.form-group.register-phone-row,
html.mobile-root body.mobile-site div#registerModal form#modalRegisterForm .form-group.register-phone-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    column-gap: 0 !important;
    height: 49.4px !important;
    min-height: 49.4px !important;
    max-height: 49.4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Phone code (Kodu) — sol fixed width */
html.mobile-root body.mobile-site #registerModal .register-phone-row .register-phone-code,
html.mobile-root body.mobile-site #registerModal .register-phone-row .phone-code-trigger {
    flex: 0 0 82.4px !important;
    width: 82.4px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    box-sizing: border-box !important;
}

/* Phone input wrapper — kalan alanı doldur */
html.mobile-root body.mobile-site #registerModal .register-phone-row > .form-control-bc,
html.mobile-root body.mobile-site #registerModal .register-phone-row > .form-control-label-bc,
html.mobile-root body.mobile-site #registerModal .register-phone-row .form-control-bc,
html.mobile-root body.mobile-site #registerModal .register-phone-row .form-control-label-bc {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    box-sizing: border-box !important;
}

/* Phone input itself — fill wrapper */
html.mobile-root body.mobile-site #registerModal .register-phone-row input[type="tel"],
html.mobile-root body.mobile-site #registerModal .register-phone-row input[name="phoneNumber"],
html.mobile-root body.mobile-site #registerModal .register-phone-row input.form-control-input-bc {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    box-sizing: border-box !important;
}

/* 2. SMS warning — dark maroon box (user screenshot)
 * Height reduced (padding 10→4, lh 1.4→1.15), width unchanged. */
html.mobile-root body.mobile-site #registerModal .register-sms-warning {
    background: #3a0e15 !important;
    background-color: #3a0e15 !important;
    border: 1px solid #5a1d28 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    padding: 4px 14px !important;
    margin: 4px 0 8px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* 3. Header text — sola yanaştır (Yeni üye misiniz? + ŞİMDİ KAYDOLUN) */
html.mobile-root body.mobile-site #registerModal .register-modal-small,
html.mobile-root body.mobile-site #registerModal p.register-modal-small,
html.mobile-root body.mobile-site #registerModal .register-modal-title,
html.mobile-root body.mobile-site #registerModal h2.register-modal-title {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Header container - ensure left alignment cascades */
html.mobile-root body.mobile-site #registerModal .register-modal-header-text,
html.mobile-root body.mobile-site #registerModal .register-modal-header,
html.mobile-root body.mobile-site #registerModal .register-modal-intro {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* /===== ITER 236 END =====/ */

/* ════════════════════════════════════════════════════════════════════
 * ITER 237 — Label vertical-center idle state (BS-paralel)
 * (User 2026-05-02: kutucuktaki yazıyı yukarı-aşağı ortala. Tıklayınca
 *  yukarı float etsin, çıkıp boş bırakınca tekrar ortaya dönsün.)
 *
 * Default (idle, empty, not focused): label vertical center (top 50%)
 * Focused or has value: label float up to top (top 6px) with smaller fs
 * Transition: smooth animation between states
 * ════════════════════════════════════════════════════════════════════ */

/* Default state: label vertically centered inside input (BS pattern) */
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: 50% !important;
    left: 15px !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    pointer-events: none !important;
    transition: top 0.2s ease, transform 0.2s ease, font-size 0.2s ease, color 0.2s ease !important;
}

/* Focused or has-value state: float up to top with smaller fs */
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,
html.mobile-root body.mobile-site #registerModal .form-control-label-bc.has-value .form-control-title-bc,
html.mobile-root body.mobile-site #registerModal .register-country-label .form-control-title-bc,
html.mobile-root body.mobile-site #registerModal .register-country-trigger .form-control-title-bc,
html.mobile-root body.mobile-site #registerModal .form-control-select-bc .form-control-title-bc {
    top: 8px !important;
    transform: translateY(0) !important;
    font-size: 12px !important;
    line-height: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* /===== ITER 237 END =====/ */

/* ════════════════════════════════════════════════════════════════════
 * ITER 238 — Country trigger Türkiye text overlap fix
 * (User 2026-05-02: Türkiye yazısı bayrak ile çakışıyor, sadece "kiye"
 *  görünüyor. Bayrak absolute solda → name text bayrağın arkasında.)
 *
 * Solution: name text padding-left → bayrak end + spacing
 *   Flag: position:absolute left:12px width:22px → right edge ~34px
 *   Name needs left offset: 12 + 22 + 8 (gap) = 42px from trigger edge
 * ════════════════════════════════════════════════════════════════════ */

html.mobile-root body.mobile-site #registerModal .register-country-name {
    padding-left: 30px !important;
    display: inline-block !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    line-height: 16px !important;
    vertical-align: middle !important;
}

/* Country flag absolute position — keep but verify dimensions */
html.mobile-root body.mobile-site #registerModal .register-country-flag {
    position: absolute !important;
    left: 12px !important;
    top: auto !important;
    bottom: 8px !important;
    width: 22px !important;
    height: 16px !important;
    display: inline-block !important;
    z-index: 1 !important;
}

/* Country trigger inner content alignment */
html.mobile-root body.mobile-site #registerModal .register-country-trigger {
    display: flex !important;
    align-items: flex-end !important;
    padding-bottom: 8px !important;
    padding-top: 24px !important;
    box-sizing: border-box !important;
    height: 52px !important;
    position: relative !important;
}

/* /===== ITER 238 END =====/ */

/* ════════════════════════════════════════════════════════════════════
 * ITER 239 — GİRİŞ + X close BS-EXACT match
 * Live measurement (2026-05-02):
 *   BS GİRİŞ: w:34.1 h:28.8 color:rgba(255,255,255,0.8) text-decoration:underline
 *   MR GİRİŞ (before): w:34.1 h:44 box-shadow: 0 0 0 1px inset gold (creates bordered look)
 *   BS X: w:24 h:24 color:rgba(212,175,55,0.6) (gold) icon-font BetConstruct-Icons
 *   MR X (before): w:32 h:32 color:rgba(255,255,255,0.7) (white)
 * ════════════════════════════════════════════════════════════════════ */

/* GİRİŞ — text link, underlined, no border/shadow */
html.mobile-root body.mobile-site #registerModal .register-modal-login-link,
html.mobile-root body.mobile-site #registerModal #openLoginFromRegister {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 255, 255, 0.8) !important;
    text-underline-offset: 2px !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    width: auto !important;
    cursor: pointer !important;
    display: inline-block !important;
}

html.mobile-root body.mobile-site #registerModal .register-modal-login-link:hover,
html.mobile-root body.mobile-site #registerModal .register-modal-login-link:focus,
html.mobile-root body.mobile-site #registerModal .register-modal-login-link:active,
html.mobile-root body.mobile-site #registerModal #openLoginFromRegister:hover,
html.mobile-root body.mobile-site #registerModal #openLoginFromRegister:focus,
html.mobile-root body.mobile-site #registerModal #openLoginFromRegister:active {
    box-shadow: none !important;
    outline: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: rgba(255, 255, 255, 1) !important;
}

/* X close — gold 24×24, no border/box, plain × character */
html.mobile-root body.mobile-site #registerModal .register-modal-close {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: rgba(212, 175, 55, 0.6) !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

html.mobile-root body.mobile-site #registerModal .register-modal-close:hover,
html.mobile-root body.mobile-site #registerModal .register-modal-close:focus,
html.mobile-root body.mobile-site #registerModal .register-modal-close:active {
    color: rgba(212, 175, 55, 1) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

html.mobile-root body.mobile-site #registerModal .register-modal-close span {
    color: inherit !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* /===== ITER 239 END =====/ */

/* ════════════════════════════════════════════════════════════════════
 * ITER 242 — Tarih Seç centered placeholder + Country flag inline
 * User 2026-05-02:
 *   1) "tarih seç yazısı da kutucuğun ortasına gelsin" — empty state
 *      shows label vertical-centered (single line), float to top when
 *      date selected (BS-paralel float-label pattern).
 *   2) "bayrakların konumlarını aynı yap" — country flag should sit
 *      inline with name (in-flow), not absolute overlapping label.
 * ════════════════════════════════════════════════════════════════════ */

/* 1. DOB placeholder state — show label centered, hide value
 * When .register-dob-value has .is-placeholder class, hide it and
 * promote the label to centered placeholder text. */
html.mobile-root body.mobile-site #registerModal .register-dob-trigger:has(.register-dob-value.is-placeholder) .register-dob-label,
html.mobile-root body.mobile-site #registerModal .register-dob-trigger:has(.register-dob-value.is-placeholder) .form-control-title-bc {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    font-size: 14px !important;
    line-height: normal !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}
html.mobile-root body.mobile-site #registerModal .register-dob-trigger:has(.register-dob-value.is-placeholder) .register-dob-value.is-placeholder {
    display: none !important;
}
html.mobile-root body.mobile-site #registerModal .register-dob-trigger:has(.register-dob-value.is-placeholder) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 15px !important;
    padding-right: 44px !important;
    align-items: center !important;
}

/* ITER 243+245 — placeholder label sola yanasik + vertical center (flex column) */
html.mobile-root body.mobile-site #registerModal .register-dob-trigger .register-dob-trigger-text {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    height: 100% !important;
}
html.mobile-root body.mobile-site #registerModal .register-dob-trigger:has(.register-dob-value.is-placeholder) .register-dob-label,
html.mobile-root body.mobile-site #registerModal .register-dob-trigger:has(.register-dob-value.is-placeholder) .form-control-title-bc {
    text-align: left !important;
    align-self: flex-start !important;
}

/* 2. Country flag — inline with name (in-flow), not absolute */
html.mobile-root body.mobile-site #registerModal .register-country-trigger {
    gap: 6px !important;
    display: flex !important;
    align-items: center !important;
}
html.mobile-root body.mobile-site #registerModal .register-country-flag {
    position: static !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 13px !important;
    line-height: 0 !important;
    vertical-align: middle !important;
}
html.mobile-root body.mobile-site #registerModal .register-country-flag .flag-icon {
    width: 18px !important;
    height: 13px !important;
    display: inline-block !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
html.mobile-root body.mobile-site #registerModal .register-country-name {
    margin: 0 !important;
    padding-left: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 13px !important;
    vertical-align: middle !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ITER 246 — has-value LABEL parent transparent (avoid double-bg on TRY/select)
 * BS-paralel: only inner input/select has rgba(.15) bg, parent LABEL clean. */
html.mobile-root body.mobile-site #registerModal .form-control-label-bc.has-value,
html.mobile-root body.mobile-site #registerModal label.form-control-label-bc.has-value {
    background: transparent !important;
    background-color: transparent !important;
}

/* ITER 247 — küçük placeholder/label fontu (12px) tüm kutucuklarda
 * Konum/pozisyon korunur, sadece font-size küçülür. */
html.mobile-root body.mobile-site #registerModal .form-control-title-bc,
html.mobile-root body.mobile-site #registerModal .form-control-title-bc.ellipsis,
html.mobile-root body.mobile-site #registerModal .register-dob-trigger:has(.register-dob-value.is-placeholder) .register-dob-label,
html.mobile-root body.mobile-site #registerModal .register-dob-trigger:has(.register-dob-value.is-placeholder) .form-control-title-bc {
    font-size: 12px !important;
}

/* /===== ITER 242 END =====/ */