/* CashLooty brand logo */
.cashlooty-logo { height: 36px; width: auto; max-width: 180px; object-fit: contain; }
.cashlooty-badge {
  width: 32px; height: 32px; border-radius: 10px;
  background: linear-gradient(135deg, #00ff7f, #00ca63);
  color: #0b111a; font-weight: 800; font-size: 16px;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 202, 99, 0.3);
}
.cashlooty-text {
  color: #fff; font-weight: 800; font-size: 18px; letter-spacing: -0.3px;
  font-family: Inter, 'Segoe UI', system-ui, sans-serif;
}
.cashlooty-text span { color: #00ca63; }

.lp-brand-logo-img { width: 42px; height: 42px; object-fit: contain; }

/* Offer image fallbacks */
.lp-game-banner img,
.hot-offer-thumb img,
.fs-card-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #0b111a;
}
.hot-offer-thumb-placeholder-img,
.lp-game-placeholder-img {
  object-fit: cover;
  opacity: 0.9;
}

/* Coins balance pill — gold coin + $amount + wallet */
.cl-balance-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #1a2332;
  border: 1px solid #2a3548;
  border-radius: 999px;
  padding: 6px 10px 6px 8px;
  text-decoration: none !important;
  color: #f1f5f9 !important;
  margin-right: 6px;
  transition: border-color 0.2s, background 0.2s;
}
.cl-balance-pill:hover {
  border-color: #00ca63;
  background: #1e293b;
  color: #f1f5f9 !important;
}
.cl-coin-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(145deg, #fbbf24, #f59e0b);
  color: #78350f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4);
  flex-shrink: 0;
}
.cl-balance-text {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.2px;
  white-space: nowrap;
}
.cl-wallet-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #7c3aed;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
}
@media (max-width: 575px) {
  .cl-balance-pill {
    padding: 5px 8px 5px 6px;
    gap: 6px;
  }
  .cl-balance-text {
    font-size: 13px;
  }
  .cl-coin-icon,
  .cl-wallet-icon {
    width: 26px;
    height: 26px;
  }
}