/* Deposit (Para Yatırım) — Figma tasarımına göre yenileme.
   Yalnızca görünüm; sayfadaki mevcut JS akışına dokunulmaz. */

body.isMobile .user-panel-mobile { --dep-green:#0f9d3a; --dep-green-d:#0c7f30; --dep-ink:#1a2736; --dep-muted:#7a8a97; --dep-line:#e6ebf1; }

/* --- Bakiye + Yatırım/Çekim butonları --- */
body.isMobile .user-panel-mobile .panel-top-balance .balance-title { color:#6a7a88; font-weight:700; letter-spacing:.04em; }
body.isMobile .user-panel-mobile .total-balance { color:#0f9d3a !important; }
body.isMobile .user-panel-mobile .curr-balance { color:#0f9d3a !important; }
body.isMobile .user-panel-mobile .dw-buttons { display:flex; gap:10px; }
body.isMobile .user-panel-mobile .dw-buttons .btn { border-radius:12px !important; font-weight:700 !important; min-height:46px; display:inline-flex; align-items:center; justify-content:center; padding:0 22px !important; }
body.isMobile .user-panel-mobile .dw-buttons .btn-panel-green,
body.isMobile .user-panel-mobile .dw-buttons .btn-panel-dark {
    background:linear-gradient(180deg,#14a94e 0%,#0f9d3a 100%) !important;
    color:#fff !important; border:0 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

/* --- Üst koyu menü (Hesabım / Banka Hesapları / Geçmiş ...) --- */
body.isMobile .user-panel-mobile .panel-top-menu ul { display:flex; flex-wrap:wrap; }

/* --- Alt sekmeler: Yatırım / Çekim / Çekimlerim --- */
body.isMobile .user-panel-mobile .panel-top-submenu { padding:10px 12px 0 !important; background:#fff !important; }
body.isMobile .user-panel-mobile .dep-subtabs { list-style:none !important; display:flex !important; gap:6px !important; margin:0 !important; padding:6px !important; background:#eef2f6 !important; border-radius:12px !important; }
body.isMobile .user-panel-mobile .dep-subtabs li { flex:1 1 0 !important; margin:0 !important; }
body.isMobile .user-panel-mobile .dep-subtabs a { display:block !important; text-align:center !important; padding:10px 8px !important; border-radius:9px !important; color:#5a6b78 !important; font-weight:700 !important; font-size:14px !important; text-decoration:none !important; transition:background-color .15s ease,color .15s ease; }
body.isMobile .user-panel-mobile .dep-subtabs a.is-active { background:#fff !important; color:#0f9d3a !important; box-shadow:0 1px 3px rgba(16,24,32,.10); }
body.isMobile .user-panel-mobile .dep-subtabs a:not(.is-active):hover { color:#0f9d3a !important; }

/* --- Başlık + uyarı --- */
body.isMobile .user-panel-mobile .panel-page-title .pt-title { color:#0f9d3a !important; font-weight:800 !important; }
body.isMobile .user-panel-mobile .panel-page-title .alert-danger {
    background:#fdf0f1 !important; border:1px solid #f6d6da !important; color:#a23b46 !important;
    border-radius:14px !important; font-size:15px !important; line-height:1.5; padding:16px 18px !important;
}

/* --- Yöntem ara --- */
.dep-search { padding:10px 18px 4px; }
.dep-search__label { display:block; margin:0 0 8px; color:#1a2736; font-weight:700; font-size:15px; }
.dep-search__box { position:relative; }
.dep-search__icon { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#9fb0be; font-size:16px; }
.dep-search__input {
    width:100%; min-height:50px; padding:12px 16px 12px 44px;
    border:1px solid #e6ebf1; border-radius:14px; background:#fff;
    font-size:15px; color:#1a2736; outline:none;
    transition:border-color .15s ease, box-shadow .15s ease;
}
.dep-search__input:focus { border-color:rgba(15,157,58,.5); box-shadow:0 0 0 3px rgba(15,157,58,.12); }
.dep-search__input::placeholder { color:#9fb0be; }

/* --- Yöntem kartları --- */
body.isMobile .user-panel-mobile .depositNew { padding:6px 14px 8px !important; }
body.isMobile .user-panel-mobile .depositNew > .col-sm-4 { padding:6px 4px !important; }

body.isMobile .user-panel-mobile .depositItem.d-item {
    position:relative;
    background:#fff;
    border:1px solid var(--dep-line);
    border-radius:14px;
    padding:14px 60px 14px 14px;
    box-shadow:0 2px 10px rgba(16,24,32,.05);
    transition:border-color .15s ease, box-shadow .15s ease, transform .12s ease;
    min-height:0;
}
body.isMobile .user-panel-mobile .depositItem.d-item:hover {
    border-color:rgba(15,157,58,.35);
    box-shadow:0 8px 22px rgba(16,24,32,.10);
    transform:translateY(-1px);
}

/* Kart içi düzen */
body.isMobile .user-panel-mobile .depositItem .itemTop { display:flex !important; align-items:center; gap:12px; }
body.isMobile .user-panel-mobile .depositItem .itemTop > .mr-2 { margin:0 !important; flex:0 0 auto; }
body.isMobile .user-panel-mobile .depositItem .itemTop > .mr-2 img {
    width:48px !important; height:48px !important; border-radius:10px; object-fit:contain; background:#f6f8fa; padding:4px;
}
body.isMobile .user-panel-mobile .depositItem .itemTitle {
    align-self:center; min-width:0;
    color:#1a2736; font-weight:800; font-size:16px; line-height:1.25;
}

/* Bonus: "Nakit Bonus" gizle, sadece yeşil "%15 Bonus" isimle aynı satırda */
body.isMobile .user-panel-mobile .depositItem .itemBonus { display:inline; margin-left:8px; font-weight:800; }
body.isMobile .user-panel-mobile .depositItem .itemBonus span { display:none; }
body.isMobile .user-panel-mobile .depositItem .itemBonus strong { color:#0f9d3a; font-weight:800; font-size:15px; }

/* Min / Maks */
body.isMobile .user-panel-mobile .depositItem .minMax {
    display:flex !important; flex-wrap:wrap; align-items:center; gap:0 4px;
    margin-top:4px; color:#7a8a97; font-weight:500; font-size:13px;
}
body.isMobile .user-panel-mobile .depositItem .minMax .f-w-b { color:#1a2736; font-weight:700; }
body.isMobile .user-panel-mobile .depositItem .minMax .ml-2 { margin-left:0 !important; }
body.isMobile .user-panel-mobile .depositItem .minMax .ml-2::before { content:"·"; margin:0 6px 0 2px; color:#c3ccd4; }

/* Video (TV) ikonu — sağda ortalı yeşil kutu */
body.isMobile .user-panel-mobile .depositItem > a {
    position:absolute !important; top:50% !important; right:12px !important; left:auto !important;
    transform:translateY(-50%);
    width:44px; height:44px; margin:0 !important; padding:0 !important;
    display:inline-flex; align-items:center; justify-content:center;
    background:#eafaf0; border:1px solid #cfeeda; border-radius:10px;
    z-index:2 !important;
}
body.isMobile .user-panel-mobile .depositItem > a img { width:24px !important; height:24px !important; }

/* form-title (Seçiniz) gizli */
body.isMobile .user-panel-mobile .depositNew .form-title { display:none !important; }

/* ============================================================
   Yatırım adım sayfaları (banka seçimi / IBAN / form)
   ============================================================ */
body.isMobile #depositMethodForms { color:#1a2736; }
body.isMobile .paymentInnerContent { padding-top:6px !important; }

/* Üst geri butonu (Yatırım Metodları) — yeşil */
body.isMobile .panel-page-title .float-right .btn,
body.isMobile .panel-page-title .float-right .btn-panel-red {
    background:linear-gradient(180deg,#14a94e 0%,#0f9d3a 100%) !important;
    color:#fff !important; border:0 !important; border-radius:12px !important;
    font-weight:700 !important; padding:12px 18px !important; box-shadow:0 4px 14px rgba(15,157,58,.25);
}

/* "Banka seçimine dön" linki */
body.isMobile .dep-back-link { display:inline-block; margin:0 0 12px; color:#0f9d3a; font-weight:700; text-decoration:none; }
body.isMobile .dep-back-link:hover { text-decoration:underline; }

/* Bilgi/uyarı kutuları */
body.isMobile #depositMethodForms .alert-info {
    background:#eef6fb !important; border:1px solid #d3e6f2 !important; color:#37576b !important;
    border-radius:14px !important; padding:14px 16px !important; font-size:14px; line-height:1.5;
}
body.isMobile #depositMethodForms .alert-warning {
    background:#fff8ec !important; border:1px solid #f3e2bd !important; color:#8a6d1f !important;
    border-radius:14px !important; padding:14px 16px !important; font-size:13px; line-height:1.5;
}

/* Banka listesi kartları */
body.isMobile .bankList { display:flex; flex-direction:column; gap:12px; }
body.isMobile .bankItem {
    display:grid; grid-template-columns:56px 1fr auto; align-items:center; gap:12px;
    background:#fff; border:1px solid #e6ebf1; border-radius:14px; padding:12px 14px;
    box-shadow:0 2px 10px rgba(16,24,32,.05);
}
body.isMobile .bankItem .img img { width:52px; height:52px; object-fit:contain; background:#f6f8fa; border-radius:10px; padding:4px; }
body.isMobile .bankItem .bankName { font-weight:800; color:#1a2736; }
body.isMobile .bankItem .mindeposit { grid-column:2; color:#7a8a97; font-size:13px; }
body.isMobile .bankItem .link a {
    display:inline-block; background:linear-gradient(180deg,#14a94e,#0f9d3a); color:#fff !important;
    padding:9px 16px; border-radius:10px; font-weight:700; font-size:13px; text-decoration:none;
}

/* Seçili banka başlığı (logo + isim) */
body.isMobile .bankSelected {
    display:flex; align-items:center; gap:12px;
    background:#f6f9f7; border:1px solid #e2ece6; border-radius:14px; padding:12px 14px; margin-bottom:16px;
}
body.isMobile .bankSelected .logos img { width:56px; height:44px; object-fit:contain; background:#fff; border:1px solid #eef2f6; border-radius:8px; padding:3px; }
body.isMobile .bankSelected strong { font-size:18px; font-weight:800; color:#1a2736; }

/* Bilgi satırları (Hesap sahibi / şube / hesap no / iban / min) */
body.isMobile .bankInfo .form-group.row { display:block !important; margin:0 0 14px !important; }
body.isMobile .bankInfo .cell {
    display:block; margin:0 0 6px; color:#7a8a97; font-weight:700; font-size:12px; letter-spacing:.04em; text-transform:uppercase;
}
body.isMobile .bankInfo .form-group.row > div { max-width:100% !important; flex:0 0 100% !important; padding:0 !important; }
body.isMobile .bankInfo .form-control,
body.isMobile .investorInfo .form-control {
    width:100% !important; min-height:52px !important; padding:12px 16px !important;
    border:1px solid #e6ebf1 !important; border-radius:14px !important; background:#f4f7fa !important;
    color:#1a2736 !important; font-size:15px !important; box-shadow:none !important;
}
body.isMobile .investorInfo .form-control:not([disabled]) { background:#fff !important; }
body.isMobile .investorInfo .form-control:focus { border-color:rgba(15,157,58,.5) !important; box-shadow:0 0 0 3px rgba(15,157,58,.12) !important; outline:none; }

/* IBAN Kopyala butonu */
body.isMobile .dep-copy {
    width:100%; min-height:50px; margin-top:-6px; border:1px solid #e6ebf1; border-radius:14px;
    background:#eef2f6; color:#1a2736; font-weight:800; cursor:pointer;
    transition:background-color .15s ease, color .15s ease;
}
body.isMobile .dep-copy:hover { background:#e3e9ef; }
body.isMobile .dep-copy.is-copied { background:#0f9d3a; color:#fff; border-color:#0f9d3a; }

/* UYARI kutusu (form üstü) */
body.isMobile .warningNote {
    background:#fdf0f1; border:1px solid #f6d6da; color:#a23b46;
    border-radius:14px; padding:14px 16px; margin-bottom:16px; font-size:14px; line-height:1.5;
}
body.isMobile .warningNote strong { color:#c1392b; }

/* Form etiketleri (fieldset legend) */
body.isMobile .investorInfo fieldset.form-group { margin:0 0 14px !important; }
body.isMobile .investorInfo .form-row { display:block !important; }
body.isMobile .investorInfo .col-form-label,
body.isMobile .investorInfo legend {
    display:block !important; width:100% !important; max-width:100% !important; flex:0 0 100% !important;
    padding:0 0 6px !important; color:#7a8a97 !important; font-weight:700 !important; font-size:12px !important;
    letter-spacing:.04em; text-transform:uppercase;
}
body.isMobile .investorInfo .form-row > .col { flex:0 0 100% !important; max-width:100% !important; padding:0 !important; }

/* Bonus radyoları — kart görünümü */
body.isMobile .investorInfo .custom-radio {
    position:relative; display:flex; align-items:center; gap:10px;
    padding:14px 14px 14px 44px; margin:0 0 10px;
    border:1px solid #e6ebf1; border-radius:14px; background:#fff; cursor:pointer;
    transition:border-color .15s ease, background-color .15s ease;
}
body.isMobile .investorInfo .custom-radio .custom-control-input {
    position:absolute; left:14px; top:50%; transform:translateY(-50%); width:20px; height:20px; margin:0; accent-color:#0f9d3a; cursor:pointer;
}
body.isMobile .investorInfo .custom-radio .custom-control-label {
    margin:0; color:#1a2736; font-weight:600; font-size:15px; line-height:1.35; cursor:pointer;
}
body.isMobile .investorInfo .custom-radio .custom-control-label a { color:#0f9d3a; font-weight:700; }
body.isMobile .investorInfo .custom-radio:has(.custom-control-input:checked) {
    border-color:rgba(15,157,58,.45); background:#f2faf5;
}

/* Son not */
body.isMobile .lastNote {
    width:100%; background:#f4f7fa; border:1px solid #e6ebf1; border-radius:14px;
    padding:14px 16px; color:#5a6b78; font-size:13px; line-height:1.5;
}

/* DEVAM ET ve alt butonlar */
body.isMobile .investorInfo .js-bank-submit,
body.isMobile #depositMethodForms .btn-green {
    display:block !important; width:100% !important; float:none !important; margin:16px 0 0 !important;
    min-height:52px !important; border:0 !important; border-radius:14px !important;
    background:linear-gradient(180deg,#14a94e,#0f9d3a) !important; color:#fff !important;
    font-weight:800 !important; font-size:16px !important; letter-spacing:.02em;
    box-shadow:0 6px 18px rgba(15,157,58,.25) !important;
}
body.isMobile #depositMethodForms > .col .btn-panel-green {
    display:block; width:100%; margin:10px 0 0; min-height:52px; border:0; border-radius:14px;
    background:linear-gradient(180deg,#14a94e,#0f9d3a) !important; color:#fff !important;
    font-weight:800; font-size:16px; box-shadow:0 6px 18px rgba(15,157,58,.25);
}

/* Kart çerçevesi */
body.isMobile .bankPaymentFrame { background:#fff; border:1px solid #eef2f6; border-radius:16px; padding:16px; box-shadow:0 2px 12px rgba(16,24,32,.05); }
body.isMobile .accountInfo { margin-bottom:8px; }

/* ============================================================
   Global şablon override'ları (Head.php içindeki eski stiller)
   ============================================================ */
/* accountInfo arka planı sade */
body.isMobile .bankPaymentFrame .accountInfo { background:transparent !important; }

/* Seçili banka kartı — kompakt yatay */
body.isMobile .bankPaymentFrame .accountInfo .bankSelected {
    height:auto !important; padding:12px 14px !important;
    display:flex !important; align-items:center !important; gap:12px !important;
    background:#f6f9f7 !important; border:1px solid #e2ece6 !important; border-radius:14px !important; margin-bottom:14px !important;
}
body.isMobile .bankPaymentFrame .accountInfo .bankSelected .logos { float:none !important; width:auto !important; height:auto !important; }
body.isMobile .bankPaymentFrame .accountInfo .bankSelected span {
    float:none !important; width:64px !important; height:48px !important; box-shadow:none !important;
    border:1px solid #eef2f6 !important; border-radius:8px !important; padding:4px !important;
}
body.isMobile .bankPaymentFrame .accountInfo .bankSelected span img { max-width:100% !important; max-height:100% !important; object-fit:contain !important; }
body.isMobile .bankPaymentFrame .accountInfo .bankSelected strong {
    float:none !important; padding:0 !important; width:auto !important; text-align:left !important;
    color:#1a2736 !important; font-size:18px !important; font-weight:800 !important;
}

/* Bilgi satırları: etiket üstte, değer altta kutuda */
body.isMobile .bankPaymentFrame .accountInfo .bankInfo { padding:0 !important; }
body.isMobile .bankPaymentFrame .accountInfo .bankInfo .form-group,
body.isMobile .bankInfo .form-group.row {
    height:auto !important; background:transparent !important; box-shadow:none !important;
    border-radius:0 !important; display:block !important; margin:0 0 14px !important;
}
body.isMobile .bankInfo .form-group.row > div { flex:0 0 100% !important; max-width:100% !important; padding:0 !important; }
body.isMobile .bankPaymentFrame .accountInfo .bankInfo .cell {
    display:block !important; width:100% !important; line-height:1.3 !important;
    margin:0 0 6px !important; color:#7a8a97 !important; font-size:12px !important; font-weight:700 !important;
    letter-spacing:.04em; text-transform:uppercase;
}
body.isMobile .bankPaymentFrame .accountInfo .bankInfo .cell:after { content:"" !important; }
body.isMobile .bankPaymentFrame .accountInfo .bankInfo .form-control {
    height:52px !important; width:100% !important; background:#f4f7fa !important;
    border:1px solid #e6ebf1 !important; border-radius:14px !important; padding:12px 16px !important;
    color:#1a2736 !important; font-size:15px !important; font-weight:600 !important;
}
body.isMobile .bankPaymentFrame .accountInfo .bankInfo.bankInfoMobile * { font-size:15px !important; }
body.isMobile .bankPaymentFrame .accountInfo .bankInfo.bankInfoMobile .cell { font-size:12px !important; }

/* investorInfo inputları (pill 25px -> 14px), yeşil odak */
body.isMobile .investorInfo .form-control {
    border-radius:14px !important; border:1px solid #e6ebf1 !important; height:52px !important;
}
body.isMobile .investorInfo .cell { line-height:1.3 !important; }

/* lastNote (dark -> açık gri) */
body.isMobile .lastNote {
    color:#5a6b78 !important; background:#f4f7fa !important; border:1px solid #e6ebf1 !important;
    text-align:left !important; padding:14px 16px !important; font-size:13px !important; border-radius:14px !important;
}

/* ============================================================
   Banka listesi kartları — global float/194px düzeni override
   ============================================================ */
body.isMobile .bankList { display:flex !important; flex-direction:column !important; gap:12px !important; }
body.isMobile .bankList:after { content:none !important; display:none !important; }
body.isMobile .bankList.bankListMobile .bankItem,
body.isMobile .bankList .bankItem,
body.isMobile .bankItem {
    float:none !important; width:100% !important; height:auto !important; margin:0 !important;
    display:grid !important; grid-template-columns:52px 1fr auto !important; grid-template-rows:auto auto !important;
    column-gap:12px !important; row-gap:2px !important; align-items:center !important;
    text-align:left !important; padding:12px 14px !important;
    border:1px solid #e6ebf1 !important; border-radius:14px !important;
    background:#fff !important; box-shadow:0 2px 10px rgba(16,24,32,.05) !important;
}
body.isMobile .bankList .bankItem:hover { border-color:rgba(15,157,58,.4) !important; }
body.isMobile .bankList .bankItem .img {
    grid-column:1 !important; grid-row:1 / span 2 !important;
    width:52px !important; height:52px !important; margin:0 !important;
    background:#f6f8fa !important; border-radius:10px !important; padding:4px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
}
body.isMobile .bankList .bankItem .img span { width:auto !important; height:auto !important; display:flex !important; }
body.isMobile .bankList .bankItem .img img { max-width:100% !important; max-height:100% !important; width:auto !important; height:auto !important; object-fit:contain !important; }
body.isMobile .bankList .bankItem .bankName {
    grid-column:2 !important; grid-row:1 !important; align-self:end !important; width:auto !important;
    text-align:left !important; color:#1a2736 !important; font-size:16px !important; font-weight:800 !important;
}
body.isMobile .bankList .bankItem .mindeposit {
    grid-column:2 !important; grid-row:2 !important; align-self:start !important; margin:0 !important;
    text-align:left !important; color:#7a8a97 !important; font-size:13px !important; line-height:1.3 !important;
}
body.isMobile .bankList .bankItem .link {
    grid-column:3 !important; grid-row:1 / span 2 !important; width:auto !important; margin:0 !important; pointer-events:auto !important;
}
body.isMobile .bankList .bankItem .link a {
    width:auto !important; display:inline-block !important;
    background:linear-gradient(180deg,#14a94e,#0f9d3a) !important; color:#fff !important;
    border:0 !important; border-radius:10px !important; padding:10px 18px !important; font-size:13px !important; font-weight:700 !important;
}
body.isMobile .bankList .bankItem .link a:hover { filter:brightness(1.05); background:linear-gradient(180deg,#14a94e,#0f9d3a) !important; color:#fff !important; }

/* ============================================================
   Basit Havale/IBAN yatırım formu (tek IBAN)
   ============================================================ */
body.isMobile .hv-card {
    background:#fff; border:1px solid #eef2f6; border-radius:16px;
    padding:20px 18px; box-shadow:0 2px 12px rgba(16,24,32,.05); margin:6px 14px 16px;
}
body.isMobile .hv-field { margin-bottom:16px; }
body.isMobile .hv-field > label {
    display:block; margin:0 0 8px; color:#2a3b48; font-weight:800;
    font-size:13px; letter-spacing:.03em; text-transform:uppercase;
}
body.isMobile .hv-field .form-control {
    width:100% !important; min-height:56px !important; padding:14px 16px !important;
    border:1px solid #e6ebf1 !important; border-radius:14px !important; background:#f1f4f7 !important;
    color:#1a2736 !important; font-size:16px !important; font-weight:600 !important; box-shadow:none !important;
}
body.isMobile .hv-field .form-control:not([disabled]):focus {
    border-color:rgba(15,157,58,.5) !important; box-shadow:0 0 0 3px rgba(15,157,58,.12) !important; outline:none; background:#fff !important;
}
body.isMobile .hv-field .form-control::placeholder { color:#9fb0be; font-weight:500; }

/* IBAN satırı: input + KOPYALA yan yana */
body.isMobile .hv-iban-row { display:flex; gap:10px; align-items:stretch; }
body.isMobile .hv-iban-row .form-control { flex:1 1 auto; }
body.isMobile .hv-copy {
    flex:0 0 auto; min-height:56px; padding:0 22px; border:0; border-radius:14px; cursor:pointer;
    background:linear-gradient(180deg,#14a94e,#0f9d3a) !important; color:#fff !important;
    font-weight:800; font-size:14px; letter-spacing:.02em; box-shadow:0 6px 16px rgba(15,157,58,.22);
    transition:filter .15s ease;
}
body.isMobile .hv-copy:hover { filter:brightness(1.05); }
body.isMobile .hv-copy.is-copied { background:#0c7f30 !important; }

/* YATIRIMI GERÇEKLEŞTİRDİM */
body.isMobile .hv-actions { margin-top:20px; }
body.isMobile .hv-submit {
    display:inline-block; min-width:260px; max-width:100%; min-height:56px; padding:0 28px;
    border:0; border-radius:14px; cursor:pointer;
    background:linear-gradient(180deg,#14a94e,#0f9d3a) !important; color:#fff !important;
    font-weight:800; font-size:16px; letter-spacing:.02em; box-shadow:0 8px 20px rgba(15,157,58,.28);
    transition:filter .15s ease, transform .12s ease;
}
body.isMobile .hv-submit:hover { filter:brightness(1.05); }
body.isMobile .hv-submit:active { transform:translateY(1px); }
body.isMobile .hv-submit:disabled { opacity:.7; cursor:wait; }

@media (max-width:480px) {
    body.isMobile .hv-iban-row { flex-direction:column; }
    body.isMobile .hv-copy { min-height:50px; }
    body.isMobile .hv-submit { width:100%; min-width:0; }
}

/* Çevrim Şartları — yönlendirmesiz etiket */
body.isMobile .investorInfo .custom-radio .cevrim-note,
body.isMobile .cevrim-note { color:#0f9d3a; font-weight:700; }