/* =========================================================
   FORYA • HESAP SAYFASI • CLEAN v9
   Fix:
   - Mobilde kartlar TAM ortalı
   - Kartlar daha kompakt/premium
   - Siyah çıkış butonu daha küçük + daha aşağı
   - Tema gri "ÇIKIŞ YAP" kesin gizlenir (scoped)
========================================================= */

#content.account-page{
  padding:16px 0 34px;
}

/* ---------------- Tabs ---------------- */
#content.account-page .foryaacc-tabs{
  width:100%;
  max-width:560px;
  margin:6px auto 12px;
  padding:0 12px;
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
}

#content.account-page .foryaacc-tabbtn{
  flex:1 1 0;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.12);
  background:#eee;
  color:#111;
  font-weight:900;
  font-size:14px;
  cursor:pointer;
  transition:.15s ease;
}

#content.account-page .foryaacc-tabbtn.is-active{
  background:#111;
  color:#fff;
}

#content.account-page .foryaacc-panel{ display:none; }
#content.account-page .foryaacc-panel.is-active{ display:block; }

/* ---------------- Lists / Wrappers reset ---------------- */
#content.account-page .my-account,
#content.account-page .my-orders,
#content.account-page .my-affiliates{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* Başlık (Hesabım) boşluğu kontrol */
#content.account-page .title{
  margin:0 0 10px !important;
  font-size:20px;
  font-weight:900;
  color:#111;
}

/* ---------------- Kart Grid (MOBİL TAM ORTA) ---------------- */
#content.account-page ul.account-list{
  list-style:none !important;
  padding:0 12px !important; /* parent padding farkını dengeler */
  margin:10px auto 0 !important;
  width:100% !important;

  /* Grid */
  display:grid !important;
  gap:14px !important;

  /* Desktop/tablet */
  max-width:980px;
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));

  /* Orta hissi */
  justify-content:center !important;
  justify-items:center !important;
}

@media (max-width:600px){
  #content.account-page ul.account-list{
    max-width:420px !important;          /* <<< mobilde gerçek ortalama */
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    justify-items:stretch !important;     /* kartlar kolonları doldursun */
  }
}

/* Kart */
#content.account-page ul.account-list > li{
  margin:0 !important;
  padding:0 !important;
  width:100%;
}

#content.account-page ul.account-list > li > a{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;

  min-height:92px;              /* <<< daha kompakt */
  padding:14px 10px;

  border-radius:16px;
  border:1px solid rgba(0,0,0,.08);
  background:#e6e6e6;
  color:#111;
  text-decoration:none !important;

  font-size:13px;
  font-weight:900;
  line-height:1.15;

  transition:.15s ease;
}

/* Tema ikon/pill aşırılıklarını toparla (uzayan gri şekli kısaltır) */
#content.account-page ul.account-list > li > a::before{
  /* Tema zaten içerik veriyorsa onu bozmayalım */
  display:flex;
  align-items:center;
  justify-content:center;

  width:44px;
  height:44px;
  margin:0 0 10px;

  border-radius:14px;
  background:rgba(255,255,255,.65);
  border:1px solid rgba(0,0,0,.06);

  font-size:20px;
  line-height:1;
}

/* Tema ::after çizgileri vs varsa kapat */
#content.account-page ul.account-list > li > a::after{ content:none !important; }

@media (hover:hover){
  #content.account-page ul.account-list > li > a:hover{
    background:#f4f4f4;
    box-shadow:0 14px 28px rgba(0,0,0,.10);
    transform:translateY(-2px);
  }
}
#content.account-page ul.account-list > li > a:active{ transform:scale(.99); }

/* ---------------- Newsletter ---------------- */
#content.account-page .foryaacc-newsrow{
  width:100%;
  max-width:420px;              /* mobil grid ile aynı genişlik */
  margin:18px auto 0 !important;
  padding:14px 12px 0 !important;
  border-top:1px solid rgba(0,0,0,.08);

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#content.account-page .foryaacc-newsrow .lbl{ min-width:0; }
#content.account-page .foryaacc-newsrow .lbl .t{
  font-weight:900;
  color:#111;
  font-size:15px;
  line-height:1.1;
}
#content.account-page .foryaacc-newsrow .lbl .s{
  font-weight:600;
  color:rgba(0,0,0,.55);
  font-size:12.5px;
  line-height:1.2;
}

#content.account-page .foryaacc-switch{ position:relative; width:54px; height:32px; flex:0 0 auto; }
#content.account-page .foryaacc-switch input{ position:absolute; inset:0; opacity:0; cursor:pointer; }
#content.account-page .foryaacc-switch .track{
  position:absolute; inset:0;
  border-radius:999px;
  background:rgba(0,0,0,.20);
  transition:background .15s ease;
}
#content.account-page .foryaacc-switch .thumb{
  position:absolute; top:4px; left:4px;
  width:24px; height:24px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 6px 14px rgba(0,0,0,.20);
  transition:transform .15s ease;
}
#content.account-page .foryaacc-switch input:checked + .track{ background:#111; }
#content.account-page .foryaacc-switch input:checked ~ .thumb{ transform:translateX(22px); }

/* ---------------- Logout (daha küçük + daha aşağı) ---------------- */
#content.account-page .foryaacc-logoutwrap{
  width:100%;
  max-width:420px;              /* grid ile aynı */
  margin:24px auto 0 !important; /* <<< kartlara yakın değil */
  padding:0 12px !important;
}

#content.account-page .foryaacc-logoutbtn{
  display:block;
  width:100%;
  height:38px;                  /* <<< daha küçük */
  line-height:38px;
  border-radius:14px;
  background:#111;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900;
  font-size:13.5px;
  letter-spacing:.2px;
  border:1px solid rgba(0,0,0,.20);
  text-align:center;
  transition:.15s ease;
}

@media (hover:hover){
  #content.account-page .foryaacc-logoutbtn:hover{
    background:#000;
    box-shadow:0 14px 28px rgba(0,0,0,.18);
    transform:translateY(-1px);
  }
}

/* ---------------- Tema gri logout'u kesin gizle (scoped) ---------------- */
#content.account-page a[href*="logout"]:not(.foryaacc-logoutbtn){
  display:none !important;
}

/* Tema gri logout butonunu sadece hesap sayfasında gizle */
body[class*="account"] a.btn.btn-danger.btn-block[href*="account/logout"]{
  display:none !important;
}

/* Nerede olursa olsun bu özel wrapper'ı kaldır (sadece hesap sayfasında) */
body.account-account .logout-bottom,
body[class*="account"] .logout-bottom,
.logout-bottom{
  display:none !important;
}