/*
 * Wallet page specific tweaks
 */

.tfo-wallet-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.tfo-wallet-card .tfo-kpi{
  display:flex;
  align-items:baseline;
  gap:8px;
}

.tfo-wallet-card .tfo-kpi .tfo-kpi-value{font-size:22px;font-weight:800;color:var(--tfo-text);}
.tfo-wallet-card .tfo-kpi .tfo-kpi-unit{font-size:12px;color:var(--tfo-muted);font-weight:700;}

.tfo-wallet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}

.tfo-wallet-form .form-control{width:100%;}
.tfo-wallet-form .btn{width:100%;}

@media (max-width: 1100px){
  .tfo-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width: 560px){
  .tfo-wallet-grid{grid-template-columns:1fr;}
  .tfo-wallet-actions{grid-template-columns:1fr;}
}
.wallet-product-image {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.wallet-product-image img {
    width: 120px!important;
    height: 120px!important;
    object-fit: contain;
}
.tfo-card-inner {
    overflow: visible !important;
}

/* ===== WALLET CARD – FINAL OVERRIDE ===== */
.tfo-wallet-card .tfo-card-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
}

/* image always on top */
.tfo-wallet-card .wallet-product-image{
    width:100%;
    height:120px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
}

/* image sizing */
.tfo-wallet-card .wallet-product-image img{
    max-width:90px;
    max-height:90px;
    object-fit:contain;
    display:block;
}

/* name */
.tfo-wallet-card .tfo-muted:first-of-type{
    font-weight:700;
    margin-top:6px;
}

/* amount */
.tfo-wallet-card .tfo-kpi{
    margin-top:4px;
}

/* Available */
.tfo-wallet-card .tfo-muted:last-child{
    margin-top:4px;
    font-size:12px;
}