/* login-register-final-fix.css — MAIN-SESSION-OWNED
 * ITER 61 — Visual side-by-side diff fix (kullanıcı tespit etti):
 * 1. MR register Kayıt → KAYIT (uppercase BS-paralel)
 * 2. MR register Tarih Seç double label kıl (placeholder duplicate)
 * 3. MR login Beni hatırla checkbox 13→18px (BS-paralel size)
 */

/* 1. KAYIT uppercase — ITER 64 specificity bump (Agent V2 set tt:none yanlış, BS=uppercase).
 * Agent V2 selector: html.mobile-root body.mobile-site div#registerModal button#modalRegisterSubmit (1,3,3)
 * Mine: html[lang] body div#registerModal button#modalRegisterSubmit[type]:not([disabled]) (1,4,4) win */
html[lang] body div#registerModal button#modalRegisterSubmit[type]:not([disabled]),
html[lang] body div#registerModal button#modalRegisterSubmit:not([readonly]),
html[lang] body div#registerModal button[id="modalRegisterSubmit"][class*="register"]:not(.disabled),
html.mobile-root[lang] body.mobile-site div#registerModal button#modalRegisterSubmit {
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

/* 2. Tarih Seç placeholder hide (label exists separate, double display kıl) */
html.mobile-root body.mobile-site #registerModal input[name="dogum_tarihi"]::placeholder,
html.mobile-root body.mobile-site #registerModal input[type=date]::placeholder,
html.mobile-root body.mobile-site #registerModal .date-picker-input::placeholder,
html.mobile-root body.mobile-site .register-form input[name="dogum_tarihi"]::placeholder,
html.mobile-root body.mobile-site .register-form input[type=date]::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

/* When input filled, hide also any visible placeholder text via webkit pseudo */
html.mobile-root body.mobile-site #registerModal input[name="dogum_tarihi"]:not(:placeholder-shown),
html.mobile-root body.mobile-site #registerModal input[type=date]:not(:placeholder-shown) {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 3. Login "Beni hatırla" checkbox visible size 18x18 (BS-paralel) — ITER 62 max */
html[lang] body #login2 input[type=checkbox]:not([disabled]),
html[lang] body #login2 .checkbox-control-content-bc:not(.disabled),
html.mobile-root body.mobile-site #login2 .checkbox-control-content-bc.checkbox-control-content-bc,
html.mobile-root body.mobile-site #login2 .checkbox-control-content-bc,
html.mobile-root body.mobile-site #login2 .form-check-input,
html.mobile-root body.mobile-site #login2 .checkbox-mark,
html.mobile-root body.mobile-site .login-modal .checkbox-mark {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  border-radius: 2px !important;
}

/* Native input checkbox in login if visible */
html[lang] body #login2 input[type=checkbox]:not([class*=hidden]) {
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px !important;
}

/* "Tarih Seç" double label fix — span.register-dob-value.is-placeholder hide.
 * Floating label "Tarih Seç *" zaten gösteriyor, placeholder span gereksiz. */
html.mobile-root body.mobile-site .register-dob-value.is-placeholder,
html.mobile-root body.mobile-site span.register-dob-value.is-placeholder,
html.mobile-root body.mobile-site .register-dob-trigger-text .is-placeholder {
  display: none !important;
  visibility: hidden !important;
}

/* ITER 67 — MAX specificity — önceki yetmedi mt:0 hala.
 * .login-form > button.login-btn[type=submit] :not chain. */
html[lang] body div#login2 form.login-form > button.login-btn[type=submit],
html[lang] body div#login2 form.login-form button.login-btn[type=submit]:not([disabled]),
html[lang] body div#login2 .login-form button.login-btn[type=submit]:last-child,
html[lang] body #login2 .login-form .login-btn[type="submit"]:not(.disabled),
html.mobile-root body.mobile-site div#login2 form.login-form button.login-btn[type=submit] {
  margin-top: 16px !important;
}

/* Beni hatırla row margin-bottom (label parent or form-check container) */
html[lang] body div#login2 .form-check:not(.disabled),
html[lang] body div#login2 form.login-form .form-check,
html[lang] body div#login2 .login-form > .form-check,
html.mobile-root body.mobile-site div#login2 .login-form .form-check {
  margin-bottom: 16px !important;
}

/* ITER 73 — BS-EXACT checkbox replica.
 * BS markup: <input opacity:0 13x13> + <i class="checkbox-control-icon-bc" bg:rgba(255,255,255,0.2) 16x16>
 * MR markup: tek <input class="login-remember-checkbox"> — eski <i> yok.
 * Yöntem: label::before pseudo ile 16x16 bg:rgba(255,255,255,0.2) BS-clone +
 *         native input opacity:0 hide.
 */
html[lang] body div#login2 .login-remember-checkbox,
html.mobile-root body.mobile-site #login2 input.login-remember-checkbox,
html.mobile-root body.mobile-site #login2 input[type=checkbox].login-remember-checkbox {
  opacity: 0 !important;
  position: absolute !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* Custom visible box via ::before on parent label (BS bc-i-checked clone) */
html[lang] body div#login2 .login-remember-label,
html.mobile-root body.mobile-site #login2 .login-remember-label {
  position: relative !important;
  padding-left: 24px !important; /* space for visible 16x16 box + 8 gap */
}

html[lang] body div#login2 .login-remember-label::before,
html.mobile-root body.mobile-site #login2 .login-remember-label::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border: 0 !important;
  border-radius: 3px !important;
  visibility: visible !important;
}

/* Checked state — gold tick checkmark */
html[lang] body div#login2 .login-remember-checkbox:checked + span,
html[lang] body div#login2 .login-remember-label:has(input:checked)::before,
html.mobile-root body.mobile-site #login2 .login-remember-label:has(input:checked)::before {
  background: rgba(255, 255, 255, 0.3) !important;
}

html[lang] body div#login2 .login-remember-label:has(input:checked)::after,
html.mobile-root body.mobile-site #login2 .login-remember-label:has(input:checked)::after {
  content: '\2713' !important;
  position: absolute !important;
  left: 2px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #d4af37 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: block !important;
}

/* ITER 73 REVERT ITER 69 — label::before/::after artık BS-clone custom mark.
 * Sadece login-remember-row pseudo'su gizli (eski tasarım artığı). */
html.mobile-root body.mobile-site #login2 .login-remember-row::before,
html.mobile-root body.mobile-site #login2 .login-remember-row::after {
  content: none !important;
  display: none !important;
}

/* ITER 70 — Beni hatırla sol konum BS-paralel.
 * BS cb_x:8, MR vardı cb_x:35 (.login-remember-label padding-left:20 fazla).
 * Fix: padding-left 20 → 0 + row padding 0 7 → 0 7 (BS-paralel). */
html[lang] body div#login2 .login-remember-label,
html.mobile-root body.mobile-site #login2 .login-remember-label,
html.mobile-root body.mobile-site #login2 .login-remember-row .login-remember-label {
  padding: 0 0 0 24px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
}

html[lang] body div#login2 .login-remember-row,
html.mobile-root body.mobile-site #login2 .login-remember-row {
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
}

/* ITER 68 — DESTEK İLE İLETİŞİME GEÇİN: ikon-text yakınlaştır + altı çizgili clickable */
html[lang] body div#login2 .login-support a,
html[lang] body div#login2 .support-link,
html[lang] body div#login2 a[href*="destek"],
html[lang] body div#login2 a[href*="contact"],
html.mobile-root body.mobile-site #login2 .login-support a,
html.mobile-root body.mobile-site #login2 a.support-contact,
html.mobile-root body.mobile-site #registerModal .login-support a,
html.mobile-root body.mobile-site #registerModal a.support-contact {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
  /* color KORUNUR — değişmez (kullanıcı: 'rengi değişmesin') */
}

/* Icon-text gap reduce (önceki margin-right büyük) */
html[lang] body div#login2 .login-support a i,
html[lang] body div#login2 .login-support a svg,
html[lang] body div#login2 .login-support a .icon,
html[lang] body div#login2 a.support-contact i,
html[lang] body div#login2 a.support-contact svg,
html.mobile-root body.mobile-site #login2 .login-support a i,
html.mobile-root body.mobile-site #login2 .login-support a svg,
html.mobile-root body.mobile-site #login2 .login-support i.fa-headset,
html.mobile-root body.mobile-site #registerModal .login-support a i,
html.mobile-root body.mobile-site #registerModal i.fa-headset {
  margin-right: 4px !important;
  vertical-align: middle !important;
}

/* Container .login-support align-items center + gap */
html[lang] body div#login2 .login-support,
html[lang] body div#login2 .login-support-block,
html.mobile-root body.mobile-site #login2 .login-support,
html.mobile-root body.mobile-site #registerModal .login-support {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}

/* ITER 274 — header right action buttons closer to right edge.
 * BS: GIRIS/KAYIT/3-dot flush right with ~6px gap.
 * Was padding-right:0 (ITER 87) — bumped to 6px for BS-paralel breathing room.
 * Selector chain preserves specificity to override theme rule. */
html.mobile-root body.mobile-site .mobileHeader-inner,
html.mobile-root body.mobile-site header.mobileHeader .mobileHeader-inner,
html[lang] body .mobileHeader-inner,
html[lang] body header.mobileHeader .mobileHeader-inner {
  padding-right: 6px !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ITER 96 — 3-dot button BS-paralel — MAX specificity (theme rule yenmek için).
 * Theme rule (1,3,2) eşitlikte load order'da kazanıyordu. Triple class + button tag spec bump. */
html.mobile-root body.mobile-site .mobileHeader-actions button#smart-panel-holder.hdr-toggle-button-bc.hdr-toggle-button-bc,
html.mobile-root body.mobile-site .mobileHeader .mobileHeader-actions button#smart-panel-holder.hdr-toggle-button-bc,
html.mobile-root body.mobile-site .mobileHeader-actions #smart-panel-holder.hdr-toggle-button-bc.hdr-toggle-button-bc.hdr-toggle-button-bc,
html[lang] body .mobileHeader-actions button#smart-panel-holder.hdr-toggle-button-bc {
  width: 28px !important;
  height: 28px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 50% !important;
  border: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 16px !important;
  flex: 0 0 auto !important;
  /* ITER 432 — sync with header-init-fix.css L76 ITER 431 fix.
   * This duplicate rule lazy-loads on GIRIS click and previously reset
   * margin to 0, causing KAYIT→3-nokta gap to collapse 6→0 (visible "swap"
   * jitter as cluster shifts right). BS-exact gap=6 baked into shorthand. */
  margin: 0 0 0 6px !important;
}

/* Inner <i> icon — ensure visible 3-dot glyph */
html.mobile-root body.mobile-site .mobileHeader-actions #smart-panel-holder > i.bc-i-vertical-toggle,
html.mobile-root body.mobile-site #smart-panel-holder > i {
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* ITER 105 — Duplicate 3-dot kaldır.
 * #smart-panel-holder::before bir CSS-only fallback 3-nokta yapıyor (box-shadow ile).
 * Aynı anda <i class="bc-i-vertical-toggle"> font glyph 3-nokta render eder.
 * Çift görünüm — pseudo'yu kapat, font icon kalsın. */
html.mobile-root body.mobile-site #smart-panel-holder::before,
html.mobile-root body.mobile-site button#smart-panel-holder::before,
html.mobile-root body.mobile-site .mobileHeader-actions #smart-panel-holder::before,
html[lang] body #smart-panel-holder::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 0 !important;
  height: 0 !important;
}

html.mobile-root body.mobile-site #smart-panel-holder::after,
html[lang] body #smart-panel-holder::after {
  content: none !important;
  display: none !important;
}

/* ITER 94 — mobSmartPanel (panel content div) 3-dot'tan SONRA yer aliyor 14px gap.
 * Bu div panel popup'i — sadece aktifken görünmeli. Default'da position:absolute
 * ile akıştan çıkar, kaymayı önler. */
html.mobile-root body.mobile-site #mobSmartPanel,
html.mobile-root body.mobile-site .mobileHeader-actions #mobSmartPanel,
html.mobile-root body.mobile-site .smartPanel-bc.mobileHeader-smartPanel,
html[lang] body #mobSmartPanel,
html[lang] body .mobileHeader-actions #mobSmartPanel,
html[lang] body .smartPanel-bc.mobileHeader-smartPanel {
  position: absolute !important;
  width: auto !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 100% !important;
  right: 0 !important;
  flex: 0 0 0 !important;
  visibility: hidden !important;
}

/* Aktifken (panel açık) görünür kıl */
html.mobile-root body.mobile-site #mobSmartPanel.is-open,
html.mobile-root body.mobile-site #mobSmartPanel.active,
html.mobile-root body.mobile-site .smartPanel-bc.mobileHeader-smartPanel.is-open,
html.mobile-root body.mobile-site .smartPanel-bc.mobileHeader-smartPanel.active {
  height: auto !important;
  visibility: visible !important;
}

/* ITER 86 — Header right group (GİRİŞ + KAYIT + 3-dot) sağa zorla yanaştır.
 * Önceki ITER 82 yetersiz (kullanıcı: 'hala yanaştırmamışsın').
 * Fix: header padding-right:0, actions margin-left:auto + margin-right:0 + padding-right:2,
 *      actions gap:4 (sıkışıklık), 3-dot last-child margin/padding right:0 zorla.
 * Why: BS'te actions container right edge'e dayalı, MR'da 14px+ gap vardı. */
html.mobile-root body.mobile-site header.mobileHeader,
html.mobile-root body.mobile-site .mobileHeader,
html[lang] body header.mobileHeader,
html[lang] body .mobileHeader {
  padding-right: 0 !important;
  padding-left: 0 !important; /* ITER 432: sync with header-init-fix.css L149 ITER 431. BS-exact: outer header zero padding; inner controls offset via padding-left:7px. Was 6px (ITER 86), changed to 0 to stop modal-open visual jitter from lazy-load reset. */
}

html.mobile-root body.mobile-site .mobileHeader-actions,
html.mobile-root body.mobile-site header.mobileHeader .mobileHeader-actions,
html[lang] body header.mobileHeader .mobileHeader-actions,
html[lang] body .mobileHeader .mobileHeader-actions {
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-right: 0 !important; /* ITER 275: BS-paralel — gap controlled by .mobileHeader-inner padding-right:6px (was 14px, compounded to 20px gap) */
  padding-left: 0 !important;
  gap: 0 !important; /* ITER 432: sync with header-init-fix.css L160 ITER 431. BS-exact: actions container gap=0, inter-button gaps via per-button margin-left (KAYIT=12, 3-nokta=6). Supersedes ITER 91 (gap:7) which caused 6px cluster jitter when this lazy-loaded CSS overrode my header-init-fix.css equal-specificity rule via source order. */
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: relative !important;
  right: 0 !important;
}

html.mobile-root body.mobile-site .mobileHeader-actions > *:last-child,
html.mobile-root body.mobile-site .mobileHeader-actions > #smart-panel-holder,
html.mobile-root body.mobile-site .mobileHeader #smart-panel-holder,
html[lang] body .mobileHeader-actions > *:last-child,
html[lang] body .mobileHeader-actions > #smart-panel-holder,
html[lang] body .mobileHeader #smart-panel-holder {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

/* 3-dot button inner — herhangi bir margin/padding yutmasın */
html.mobile-root body.mobile-site .mobileHeader-actions #smart-panel-holder > *,
html.mobile-root body.mobile-site .mobileHeader #smart-panel-holder button,
html[lang] body .mobileHeader-actions #smart-panel-holder > *,
html[lang] body .mobileHeader #smart-panel-holder button {
  margin-right: 0 !important;
  padding-right: 4px !important;
}

/* ITER 557 — KAYIT button must NOT show focus ring on modal first open. */
html.mobile-root body.mobile-site #login2 #openRegisterFromLogin,
html.mobile-root body.mobile-site #login2 #openRegisterFromLogin:focus,
html.mobile-root body.mobile-site #login2 #openRegisterFromLogin:focus-visible,
html.mobile-root body.mobile-site #login2 #openRegisterFromLogin:focus-within,
html.mobile-root body.mobile-site #login2 .login-register-btn,
html.mobile-root body.mobile-site #login2 .login-register-btn:focus,
html.mobile-root body.mobile-site #login2 .login-register-btn:focus-visible,
html[lang] body #login2 #openRegisterFromLogin,
html[lang] body #login2 #openRegisterFromLogin:focus,
html[lang] body #login2 #openRegisterFromLogin:focus-visible,
html[lang] body #login2 .login-register-btn,
html[lang] body #login2 .login-register-btn:focus,
html[lang] body #login2 .login-register-btn:focus-visible {
  outline: 0 !important;
  outline-color: transparent !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
html.mobile-root body.mobile-site #login2 .login-close,
html.mobile-root body.mobile-site #login2 .login-close:focus,
html.mobile-root body.mobile-site #login2 .login-close:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}