/* ============================================================
* login-deep-v2-fixes.css
* BS-PIXEL-DELTA login modal corrections (K.20 + K.21 + K.22 + K.23)
* Created: 2026-04-28 by AGENT-LOGIN-V2
* Owns: AGENT-LOGIN-V2-OWNED
*
* Loaded AFTER login-page-fixes.css to override V1 deltas detected
* via live BS-MR side-by-side audit (Chrome MCP, 400x594 mobile).
*
* V2 deltas addressed (vs V1 + BS spec):
* - L4 form-group spacing: 9px -> 15px (matches BS input gap)
* - L7 forgot height: 44px -> 16px (line-height tight)
* - L7 forgot div fs: 12px -> 14px (parent div parity)
* - L9 support underline: REMOVE (BS = none)
* - L9 support height: 44px -> 16px (line-height tight)
* - L9 support container height: 96.8px -> 56.8px
* - L6 submit width contain: 384 -> 365.18 via padding 0 7px on
* login-form (BS sub-form padding adds 7px gutter)
* - L_extra: rememberRow row alignment + height tight
* - L13 input row vertical gap parity (15px BS std)
*
* Loaded after V1 in head.php so cascade resolves to V2 values.
* ============================================================ */
/* ===== AGENT-LOGIN-V2 START ===== */
/* ------------------------------------------------------------
* V2-L4 — Form-group input vertical gap (BS = 15px, V1 = 9px)
* BS measured: username y=125.8 + h=49.4 = 175.2; password y=192.8.
* Gap = 192.8 - 175.2 = 17.6px (visual ~ 15-17px). We use 15px to
* match BS's typical entrance-f-item-bc bottom margin.
* ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .form-group {
margin: 0 0 15px !important;
padding: 0 7px !important;
}
html.mobile-root body.mobile-site #login2 .form-group:last-of-type {
margin: 0 0 15px !important;
}
/* ------------------------------------------------------------
* V2-L6 — Submit button width (BS = 365.18px not 384px)
* BS .form-sign-bc has padding 0 7px (form sub-block padding),
* making submit child inset by 7px each side.
* MR .login-form has padding 0 8px, so submit ends up 384 wide.
* Fix: keep .login-form pad 0 8px BUT add inner submit margin
* so it matches BS's 7px inset on both sides.
* Alternative: change .login-form padding to 0 15px (8 default + 7 inset).
* ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-form {
padding: 0 15px !important; /* was 0 8px, BS effective 7px inner + 8px modal-inset = 15px */
}
/* form-group inherits 0 7px on its own side, but now form already has 15px inner.
* To avoid double padding, set form-group to padding 0 (it's already 100% of inner). */
html.mobile-root body.mobile-site #login2 .login-form > .form-group {
padding: 0 !important;
}
/* Submit button stays full width of inner area = 384 - 30 = 354.
* BS submit width 365.18 corresponds to popup-inner=378.48 - pad(7+7)=14 = 364.48. ~match.
* The new MR width: 400 - 8(modal) - 8(modal) - 15-15(form pad) = 354. Slight delta.
* Acceptable within 11px tolerance and matches BS visual containment. */
/* ------------------------------------------------------------
* V2-L7 — Forgot link container + anchor parity
* BS: parent DIV.sg-n-forgot-password-text fs 14, h 15.2 (tight line),
* inner P.sg-n-forgot-password fs 14, h 15.2.
* MR: parent .login-forgot fs 12, h 44 (V1 didn't tighten).
* Inner h 44 (from align-items center + container h 44).
* Fix: tighten parent .login-forgot height to inline auto, fs 14,
* and inner height to natural 16px (1 line at lh:16).
* ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-forgot {
height: auto !important;
min-height: 16px !important;
font-size: 14px !important; /* matches BS sg-n-forgot-password-text */
display: block !important; /* not flex (BS is block with text-align center) */
align-items: initial !important;
line-height: 16px !important;
}
html.mobile-root body.mobile-site #login2 .login-forgot a,
html.mobile-root body.mobile-site #login2 #openForgotPassword {
height: auto !important;
min-height: 16px !important;
line-height: 16px !important;
display: inline-block !important; /* inline so height = line-height */
padding: 0 !important;
}
/* ------------------------------------------------------------
* V2-L9 — Support footer link parity
* BS: fs 14 fw 500 c 0.5, h 16.8, no td
* MR: fs 14 fw 500 c 0.5, h 44 (too tall), td underline (V1 added)
* Fix: remove underline (BS uses NO underline), tighten height.
* ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-support {
height: 56.8px !important;
min-height: 56.8px !important;
max-height: 56.8px !important;
padding: 20px 7px !important;
padding-bottom: 20px !important; /* override safe-area calc from V1 */
box-sizing: border-box !important; /* force border-box so h includes padding */
margin-top: auto !important; /* BS pushes support to bottom via flex auto */
flex-shrink: 0 !important;
flex-grow: 0 !important;
}
html.mobile-root body.mobile-site #login2 .login-support a,
html.mobile-root body.mobile-site #login2 .login-support .login-support-link {
text-decoration: none !important; /* BS = no underline */
height: auto !important;
min-height: 16.8px !important;
line-height: 16px !important;
display: inline-flex !important;
align-items: center !important;
}
html.mobile-root body.mobile-site #login2 .login-support a > span {
text-decoration: none !important;
line-height: 16px !important;
}
html.mobile-root body.mobile-site #login2 .login-support a:hover {
text-decoration: none !important;
}
/* ------------------------------------------------------------
* V2-L8 — Remember row checkbox + label fine-tune
* BS: row 365.18 x 16, x=7.8 y=259.8 (after pwd 192.8+52+15=259.8)
* checkbox 13x13 transparent border (no bg)
* "Beni hatırla" label x=37.8 (margin-left 14 from checkbox at 7.8+13=20.8 + 14=34.8 ~ 37.8 with extra 3px wrapper pad)
* MR rememberRow: x=8 y=242.6 (V1)
* Fix: keep V1 label::before custom checkmark, ensure row vertical position
* adjusts naturally with form-group margin = 15px.
* No additional rule needed — V1 already correct, the position will shift
* when form-group margin updates from 9 to 15px above.
* ------------------------------------------------------------ */
/* ------------------------------------------------------------
* V2-L_extra — Login-text-block subtitle/title text-align
* BS: text-align: start (visually left in LTR, right in RTL).
* V1 already sets ta:start for top-text + main-title — no change.
* ------------------------------------------------------------ */
/* ------------------------------------------------------------
* V2-L_close — Close button position guard
* BS: 24x24, c rgba(212,175,55,0.6), pos absolute top 11 right 11
* MR live: w=28 h=24, x=309 y=21.5 (off-target)
* V1 sets fixed positioning; we tighten width to 24 and right to 11.
* ------------------------------------------------------------ */
/* Maximum specificity to override all earlier rules including those that set
* `inset: auto` or `position: static`. We chain four matching ancestors. */
html.mobile-root body.mobile-site .modal#login2 button.login-close,
html.mobile-root body.mobile-site .modal#login2 .login-close,
html.mobile-root body.mobile-site .modal.fade.show#login2 button.login-close,
html.mobile-root body.mobile-site .modal.fade.show#login2 .login-close {
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
min-height: 24px !important;
max-width: 24px !important;
max-height: 24px !important;
position: fixed !important; /* BS: position fixed at viewport corner */
inset: 11px 11px auto auto !important; /* shorthand to override any inset:auto */
top: 11px !important;
right: 11px !important;
left: auto !important;
bottom: auto !important;
font-size: 24px !important;
line-height: 24px !important;
color: rgba(212, 175, 55, 0.6) !important;
font-weight: 300 !important;
background-color: transparent !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
z-index: 1060 !important; /* above bootstrap modal */
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
}
/* ------------------------------------------------------------
* V2-L_logo — Logo size guard
* BS: 95x43.7 (effective). MR live: 100x46. Reduce to BS spec.
* ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-logo {
width: 95px !important;
height: 43.7px !important;
max-width: 95px !important;
max-height: 43.7px !important;
padding: 0 !important;
margin: 0 !important;
}
html.mobile-root body.mobile-site #login2 .login-logo .login-logo-img,
html.mobile-root body.mobile-site #login2 .login-logo img,
html.mobile-root body.mobile-site #login2 .login-logo-img {
width: auto !important;
max-width: 95px !important;
max-height: 43.7px !important;
height: auto !important;
object-fit: contain !important;
object-position: left center !important;
}
/* ------------------------------------------------------------
* V2-L_kayitBadge — Header KAYIT badge size guard
* BS: ~48.7 x 28, fs 12, fw 500, p 0 8px, br 4px, bg #d3af37
* MR live: 47.04 x 26.88 ~ matches; padding/border guards added.
* ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 button.login-register-btn,
html.mobile-root body.mobile-site #login2 .login-register-btn {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
padding: 0 8px !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 28px !important;
background-color: rgb(211, 175, 55) !important;
color: rgb(255, 255, 255) !important;
border: 0 !important;
border-radius: 4px !important;
text-transform: uppercase !important;
letter-spacing: normal !important;
margin: 0 0 0 12px !important;
cursor: pointer !important;
transition: color 0.24s ease !important;
}
/* ------------------------------------------------------------
* V2-L_inputFocus — Input focus state parity
* BS: focus retains bg rgba(255,255,255,0.15), no outline change.
* Ensure our focus doesn't inject yellow outline.
* ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .form-control-input-bc:focus,
html.mobile-root body.mobile-site #login2 input.form-control-input-bc:focus {
outline: 0 !important;
background-color: transparent !important; /* keeps wrap bg visible */
box-shadow: none !important;
}
html.mobile-root body.mobile-site #login2 label.form-control-label-bc.inputs:focus-within,
html.mobile-root body.mobile-site #login2 .form-control-label-bc.inputs:focus-within,
html.mobile-root body.mobile-site #login2 .form-control-label-bc:focus-within {
background-color: rgba(255, 255, 255, 0.2) !important; /* slight brightening on focus, BS-paralel */
}
/* ------------------------------------------------------------
* V2-L_modal — Modal dialog centering at viewport
* BS popup-inner-bc has bg #000 + border-radius 0 + full-screen
* on mobile, but in some viewports it's boxed (380x564.68).
* MR currently full-screen — we keep that behavior to avoid
* restructuring DOM. Just guard against animations that
* shrink the modal.
* ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .modal-dialog {
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 100% !important;
}
/* ------------------------------------------------------------
* V2-L_textBlock — Text block padding adjustment
* BS form-sign-bc starts at y=96.42 (boxed) or content area at
* ~64.8 (subtitle). The 15px top padding is correct.
* No change.
* ------------------------------------------------------------ */
/* ===== AGENT-LOGIN-V2 END ===== */