@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@source '../**/*.vue';

@theme {
    --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/* E-Sabong platform theme */
.betting-bg,
.sabong-bg {
    background-color: #0a0404;
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(220, 38, 38, 0.18), transparent),
        radial-gradient(ellipse 60% 40% at 100% 100%, rgba(245, 158, 11, 0.1), transparent);
}

.betting-btn-primary,
.sabong-btn-primary {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    color: #fff;
    transition: all 0.2s ease;
}

.betting-btn-primary:hover:not(:disabled),
.sabong-btn-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    transform: translateY(-1px);
}

.betting-btn-primary:disabled,
.sabong-btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.betting-input,
.sabong-input {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(15, 23, 42, 0.6);
    color: #f1f5f9;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.betting-input::placeholder,
.sabong-input::placeholder {
    color: #64748b;
}

.betting-input:focus,
.sabong-input:focus {
    outline: none;
    border-color: rgba(220, 38, 38, 0.5);
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
}

.betting-card-glow,
.sabong-card-glow {
    box-shadow:
        0 0 40px rgba(220, 38, 38, 0.1),
        0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.sabong-meron {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(127, 29, 29, 0.1));
    border-color: rgba(220, 38, 38, 0.4);
}

.sabong-wala {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.2), rgba(30, 58, 138, 0.1));
    border-color: rgba(59, 130, 246, 0.4);
}

.sabong-tabla {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(180, 83, 9, 0.1));
    border-color: rgba(245, 158, 11, 0.35);
}