.meta-credit-btn {
    height: 45px;
    font-size: 17px !important;
}

#payment-type-tabs .btn {
  border-radius: 0;
  transition: background-color 0.2s ease;
}
#payment-type-tabs .btn.active {
  background-color: #0056b3;
  color: white;
}

.method-card {
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.method-card.selected {
    border: 2px solid #0d6efd; /* Bootstrap primary color */
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
    background-color: #f0f8ff;
}

.payment-thumb-wrapper {
    width: 100%;
    aspect-ratio: 2/1;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border-radius: 6px;
    overflow: hidden;
}

.payment-thumb {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


/* Hide theme header (adjust selector if needed) */
header.site-header, .site-header, .main-header {
    display: none !important;
}



.meta-credit-pagination span {
    padding: 0.375rem 0.75rem;
    color: #999;
}
.meta-credit-pagination a.active {
    font-weight: bold;
    background-color: #0d6efd;
    color: white;
}

#meta-credit-history table {
  table-layout: fixed;
  width: 100%;
}

#meta-credit-history th,
#meta-credit-history td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-responsive-custom {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

.table-responsive-custom table {
  min-width: 900px;
  table-layout: fixed;
  width: 100%;
}

.table-responsive-custom th,
.table-responsive-custom td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.available-credit-box.negative {
  background-color: #fe5c27 !important;
  color: #fff !important;
  border-left: 4px solid #c00c0c !important;
}

.available-credit-box.positive {
  background-color: #e9f7ef !important;
  border-left: 4px solid #0cc036 !important;
}

.available-credit-amount {
  font-size: 1rem;
  line-height: 1rem;
}

.available-credit-amount strong {
  font-size: 1rem;
}


.copy-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}
.copy-btn.copied i {
  color: green;
}