/* =========================================================
   FORYA • HESAP BİLGİLERİMİ DÜZENLE (account/edit) • FINAL CSS v5
   - Scope: SADECE html.forya-acc-edit + form[action*="route=account/edit"]
   - Label gizli (sadece inputlar)
   - Soft valid/invalid
   - Telefon: TR bayrak +90 (gerçek element)
   - Butonlar: Geri + Devam EŞİT (desktop+mobil)
   - Devam disabled: hover tooltip + tık toast
========================================================= */

/* ---------- Label gizle + kolon full ---------- */
html.forya-acc-edit form[action*="route=account/edit"] .form-group > label.control-label{
  display:none !important;
}
html.forya-acc-edit form[action*="route=account/edit"] .form-group > .col-sm-10{
  float:none !important;
  width:100% !important;
}

/* ---------- Input temel ---------- */
html.forya-acc-edit form[action*="route=account/edit"] .form-control{
  border-radius:8px !important;
  height:44px !important;
  line-height:44px !important;
}

/* ---------- Soft valid/invalid ---------- */
html.forya-acc-edit form[action*="route=account/edit"] .form-control.forya-is-valid{
  border-color: rgba(46,125,50,.35) !important;
  box-shadow: 0 0 0 3px rgba(46,125,50,.08) !important;
  background: rgba(46,125,50,.02) !important;
}
html.forya-acc-edit form[action*="route=account/edit"] .form-control.forya-is-invalid{
  border-color: rgba(198,40,40,.32) !important;
  box-shadow: 0 0 0 3px rgba(198,40,40,.07) !important;
  background: rgba(198,40,40,.02) !important;
}

/* ---------- Telefon prefix ---------- */
html.forya-acc-edit form[action*="route=account/edit"] .account-telephone .col-sm-10{
  position:relative !important;
}
html.forya-acc-edit .forya-phone-prefix{
  position:absolute !important;
  left:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 10px 0 8px !important;
  height:28px !important;
  border-radius:8px !important;
  background: rgba(255,255,255,.92) !important;
  pointer-events:none !important;
  user-select:none !important;
  z-index:5 !important;
}
html.forya-acc-edit .forya-phone-flag{
  width:22px !important;
  height:14px !important;
  display:block !important;
  flex:0 0 auto !important;
}
html.forya-acc-edit .forya-phone-code{
  font-size:13px !important;
  font-weight:700 !important;
  color: rgba(0,0,0,.60) !important;
  line-height:1 !important;
}
html.forya-acc-edit .forya-phone-sep{
  width:1px !important;
  height:18px !important;
  background: rgba(0,0,0,.12) !important;
  margin-left:2px !important;
}
html.forya-acc-edit form[action*="route=account/edit"] #input-telephone{
  padding-left:118px !important;
}

/* ---------- Butonlar yan yana + EŞİT ---------- */
html.forya-acc-edit form[action*="route=account/edit"] .buttons{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:18px !important;
  align-items:stretch !important;
}

/* clearfix pseudo flexi bozmasın */
html.forya-acc-edit form[action*="route=account/edit"] .buttons::before,
html.forya-acc-edit form[action*="route=account/edit"] .buttons::after{
  content:none !important;
  display:none !important;
}

/* Tema floatlarını kesin kır */
html.forya-acc-edit form[action*="route=account/edit"] .buttons > .pull-left,
html.forya-acc-edit form[action*="route=account/edit"] .buttons > .pull-right{
  float:none !important;
  flex:1 1 0 !important;
  width:50% !important;           /* eşitlik kilidi */
  max-width:50% !important;       /* eşitlik kilidi */
  margin:0 !important;
}

/* wrap içi de %100 */
html.forya-acc-edit form[action*="route=account/edit"] .buttons > .pull-right .forya-submit-wrap{
  display:block !important;
  width:100% !important;
}

/* Butonların ikisi de aynı */
html.forya-acc-edit form[action*="route=account/edit"] .buttons .btn,
html.forya-acc-edit form[action*="route=account/edit"] .buttons .pull-right .forya-submit-wrap > button{
  width:100% !important;
  display:block !important;
  height:46px !important;
  line-height:46px !important;
  padding:0 16px !important;
  border-radius:8px !important;
  font-weight:700 !important;
}

/* Mobilde de yan yana */
@media (max-width:768px){
  html.forya-acc-edit form[action*="route=account/edit"] .buttons{
    gap:12px !important;
  }
  html.forya-acc-edit form[action*="route=account/edit"] .buttons > .pull-left,
  html.forya-acc-edit form[action*="route=account/edit"] .buttons > .pull-right{
    width:50% !important;
    max-width:50% !important;
  }
}

/* ---------- Devam disabled + tooltip + toast ---------- */
html.forya-acc-edit .forya-submit-wrap{ position:relative; display:block; }
html.forya-acc-edit .forya-btn-disabled{
  opacity:.55;
  filter:saturate(.75);
  cursor:not-allowed !important;
}

html.forya-acc-edit .forya-btn-guard{
  position:absolute;
  inset:0;
  border-radius:8px;
  cursor:not-allowed;
  display:none;
}

html.forya-acc-edit .forya-tooltip{
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%);
  background: rgba(20,20,20,.92);
  color:#fff;
  font-size:13px;
  padding:8px 10px;
  border-radius:10px;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition: opacity .18s ease;
  z-index:9999;
}
html.forya-acc-edit .forya-tooltip::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  border:7px solid transparent;
  border-top-color: rgba(20,20,20,.92);
}
html.forya-acc-edit .forya-submit-wrap.forya-show-tip .forya-tooltip{ opacity:1; }

html.forya-acc-edit .forya-toast{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  background: rgba(20,20,20,.92);
  color:#fff;
  padding:12px 14px;
  border-radius:14px;
  font-size:14px;
  z-index:999999;
  opacity:0;
  transition: opacity .2s ease, transform .2s ease;
  pointer-events:none;
}
html.forya-acc-edit .forya-toast.forya-toast-show{
  opacity:1;
  transform:translateX(-50%) translateY(-4px);
}