/* Casino Alternatives (stake-swap-guide) — CSS fixes
 * Overrides Bootstrap/theme conflicts with the Lovable React component.
 */

/* Search input: ensure icon doesn't overlap text */
.stake-swap-guide .relative > input {
    padding-left: 3rem !important;
}

/* Shimmer animation for glass cards */
@keyframes shimmer-sweep {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
.stake-swap-guide .glass-shimmer::before {
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .12) 50%, transparent 100%);
    animation: shimmer-sweep 2s ease-in-out infinite;
    overflow: hidden;
}

/* Pulse animation performance */
.stake-swap-guide .animate-pulse {
    will-change: opacity;
}
.bg-no-repeat {
	background-image: url('../../../assets/images/bgs/hero-parts/cb_main_hero_bg.svg') !important;
}
.bg-primary{
	background-color: #4149dc !important;
}
.bg-secondary {
    border: none !important;
    background-color: #f3f4f6 !important;
}
.text-primary{
    color: #4149dc !important;
}
#root > div.min-h-screen.bg-background > div.pt-8.pb-12.px-4.bg-card > div > div > div.flex.justify-end.pt-3 > button{
    width: 133px !important;
    gap: 32% !important;
}
.overflow-x-auto > table > thead > tr > th {
    background-color: #fff !important;
}
#root > div.min-h-screen.bg-background > div.py-8.px-4 > div > div:nth-child(5) > div > div.p-6.pt-0 > div > table{
    box-shadow: none !important;
}